@charset "UTF-8";

body, h1, h2, h4, dl, dd {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}
.blue-box .left-side ol {
	list-style-type: decimal;
}

html { height: 100%; }
body {
    min-height:100%;
    position:relative;
    border: 0;
    background: #fff;
    text-transform: none;
    font-family: Arial, Helvetica, Syntax, sans-serif;
    font-size: 12px;
}

.footer {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: #3B4657;
    text-align: center;
    color: #7C8797;
}

.footer a {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 15px;
    line-height: 20px;
}

.footer a:active,
.footer a:hover {
    font-weight: normal;
    color: #7AA3DD;
}

.footer .holder {
    min-width: 285px;
    min-height: 20px;
}

.footer .text-separator {
    margin: 0 6px;
    border-right: 0.5px solid #7C8797;
}

.footer .links ul {
    margin: 0;
    list-style-type: none;
}

.footer .links {
    justify-content: center;
}

.footer .links ul li {
    border-right: 0.5px solid #BFBFBF;
}

.footer .links ul li:last-child {
    border-right: 0;
}

.footer .logo-img {
    height: 18px;
    margin-top: -2px;
}

@media (max-width: 1400px) {
    .footer .holder:last-child {
        display: none;
    }
}


@media (max-width: 1140px) {
    .footer .links {
        display: none;
    }
}

.oldInnerPage {
    color: #f4f3ec;
    background-color: #9bb5cd;
}

.hiba {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color: #FFFF00;
}

.msg {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    text-align:center;
}

.help {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    text-align :        justify;
    text-indent:        20px;
}

.kiemelt {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    font-size: large;
}

.postazott {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color: #FFE600;
}

.devizatitle {
    font-weight: bold;
    font-size: 12px;
    padding-right: 1px;
}

.combobox {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #c1c8e4;
    color:              #1F3345;
    border-color:       #5C779D;
    border-style:       solid;
    border-width:       1px;
}

.textarea {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #c1c8e4;
    color:              #1F3345;
    border-color:       #5C779D;
    border-style:       solid;
    border-width:       1px;
}

.input50, .input80, .input90, .input120, .input150, .input200, .input240, .input270, .input300, .input400, .input650, .input750, .input800, .input50_r, .input60_r, .input80_r, .input90_r, .input120_r, .input150_r, .input300_r, .input_fileupload {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #c1c8e4;
    color:              #1F3345;
    border-color:       #5C779D;
    border-style:       solid;
    border-width:       1px;
}

.input50       { width:  50px; }
.input80       { width:  80px; }
.input90       { width:  90px; }
.input120      { width: 120px; }
.input150      { width: 150px; }
.input200      { width: 200px; }
.input240      { width: 240px; }
.input270      { width: 270px; }
.input300      { width: 300px; }
.input400      { width: 400px; }
.input650      { width: 650px; }
.input750      { width: 750px; }

.input50_r     { width:  50px; text-align: right; }
.input60_r     { width:  60px; text-align: right; }
.input80_r     { width:  80px; text-align: right; }
.input90_r     { width:  90px; text-align: right; }
.input120_r    { width: 120px; text-align: right; }
.input150_r    { width: 150px; text-align: right; }
.input300_r    { width: 300px; text-align: right; }

.lablec {
    font-weight: bold;
    background-image: url("../images/bg-body.jpg");
    padding:            10px 20px 10px 20px;
    text-align:         center;
    color: #fff;
}


.widgetContentBoxImage {
    max-height: 180px;
}

.widgetContentBox {
    border-radius: 4px;
    border: 1px solid #C8CDD0;
    background: #FFF;
}

.widgetContentBoxSeparator {
    border-top: 1px solid #E9E9E9;
}

.loading-dots {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.loading-dots::after {
    content: '   ';
    display: inline-block;
    width: 1.2em;
    text-align: left;
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0%, 20% {
        content: '   ';
    }
    25%, 45% {
        content: '.  ';
    }
    50%, 70% {
        content: '.. ';
    }
    75%, 95% {
        content: '...';
    }
    100% {
        content: '   ';
    }
}


.table {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color: #739cc3;
}

.tabbedkeret {
    padding: 8px 10px;
    border-width: 0px;
    color: #f4f3ec;
    font-weight: bold;
    background: #4974a8;
}

.tdfejlec,
.tdfejlec_c,
.tdfejlec_r {
    padding: 5px 20px 5px 20px;
    font-weight: bold;
    color: #304055;
    background-color: #c1c8e4;
}

.tdfejlec_c {
    text-align: center;
}

.tdlablec,
.tdlablec_r {
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    color: #1f3345;
    background-color: #c1c8e4;
}

.tdlablec_r {
    font-weight: bold;
    text-align: right;
}

.tdnormal {
    padding: 7px 5px;
    text-align: left;
    background-color: #739cc3;
}

/* páros sorok színbeli megkülönböztetése   */
.tdnormal2 {
    padding: 7px 5px;
    background-color: #8bb1db;
}

.package-container td.tdnormal,
.package-container td.tdnormal2 {
    vertical-align: top;
}

.tdnormal_r {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         right;
    padding:            7px 5px 7px 5px;
}

.tdnormal2_r {
    background-color: #8bb1db;
    text-align: right;
    padding: 7px 5px;
}

.tdnormal_c {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         center;
    padding:            7px 5px 7px 5px;
}

.tdnormal2_c {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #8bb1db;
    text-align:         center;
    padding:            7px 5px 7px 5px;
}

.tdnormal_j {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         justify;
    padding:            7px 5px 7px 5px;
}

.tdnormal2_j {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #8bb1db;
    text-align:         justify;
    padding:            7px 5px 7px 5px;
}

.tdnormal_cbox {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         center;
    padding:            7px 0px 7px 0px;
}


.tdnormal_cbox2 { /* páros sorok színbeli megkülönböztetése   */
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #8bb1db;
    text-align:         center;
    padding:            7px 0px 7px 0px;
}


.tdkiemelt,
.tdkiemelt_c {
    font-weight: bold; font-family: Arial, Helvetica, Syntax, sans-serif;
    font-size:          140%;
    background-color:   #739CC3;
    text-align:         left;
    padding:            7px 3px 7px 3px;
    font-weight:        bold;
}

.tdkiemelt_c {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    text-align:         center;
}

.tdlow {
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    background-color: #739CC3;
    text-align: left;
}

.tdlow_c {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         center;
    padding:            3px 5px 3px 5px;
}

.tdlow_r {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    background-color:   #739CC3;
    text-align:         right;
    padding:            3px 5px 3px 5px;
}

.gomb {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #F4F3EC;
    background: url('../images/bg-gomb.png') repeat-x;
    font-weight:        bold;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
}

.gomb:hover {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #FFFF00;
    background: url('../images/bg-nav-hover.png') repeat-x;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
}

.gomb2 {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #F4F3EC;
    background: url('../images/bg-gomb.png') repeat-x;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
    padding-left:       15px;
    padding-right:      15px;
    margin-left:        20px;
    margin-right:       20px;
}

.gomb2:hover {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #FFFF00;
    background: url('../images/bg-nav-hover.png') repeat-x;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
    padding-left:       15px;
    padding-right:      15px;
    margin-left:        20px;
    margin-right:       20px;
}

.gomb2_kiemelt {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #F4F3EC;
    background: url('../images/bg-gomb.png') repeat-x;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
    padding-top:        5px;
    padding-bottom:     5px;
    padding-left:       15px;
    padding-right:      15px;
    margin-left:        20px;
    margin-right:       20px;
}

.gomb2_kiemelt:hover {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color:              #FFFF00;
    background: url('../images/bg-nav-hover.png') repeat-x;
    text-align:         center;
    border-color:       #5C779D;
    border-width:       1px;
    border-style:       solid;
    padding-left:       15px;
    padding-right:      15px;
    margin-left:        20px;
    margin-right:       20px;
}

.ui-datepicker-trigger {
    vertical-align: middle;
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-link {
    text-decoration: underline;
    font-size: 12px;
    border: none;
    border-radius: 0;
    background-color: white;
    color: #374862;
}
.ui-dialog .ui-dialog-buttonpane button.ui-button-link:hover,
.ui-dialog .ui-dialog-buttonpane button.ui-button-link:focus,
.ui-dialog .ui-dialog-buttonpane button.ui-button-link:active {
    background: transparent;
    color: #333;
}
.ui-dialog .ui-dialog-buttonpane button:focus {
    outline: 0;
}

.clink {
    cursor: pointer;
}

.link {
    font-weight: bold;
    font-size: 12px;
    color: #F4F3EC;
}

.link:hover {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color: #F4F3EC;
}

.link_nodekor {
    font-weight: bold;
    color: #f4f3ec;
    text-decoration: none;
}

.link_nodekor:hover {
    font-weight: bold;
    color: #f4f3ec;
    text-decoration: none;
}

.link_hiba {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color: #ffff00;
}

.link_hiba:hover {
    font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Syntax, sans-serif;
    color: #ffff00;
}

.link_kisebb {
    color: #f4f3ec !important;
    font-size: 90%;
}

.link_kisebb:hover {
    color: #ffff00 !important;
    font-size: 90%;
}

.link_menu_kiemelt {
    color: #ff6600;
}

.link_menu_kiemelt:hover {
    color: #ff3300;
}

#szlahumsg {
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 5px;
    padding: 0;
    z-index: 700;
    font-weight: bold;
    text-align: center;

    padding-left: 20px;
    padding-right: 20px;

    min-width: 300px;

    background: #F9EFB0;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 10px;

}

#szlahumsg .content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    margin-top: 12px;
    margin-bottom: 12px;
    /* identical to box height */

    text-align: center;

    /* Text/ almost black text */

    color: #333333;
}

#szlahumsg #hidemsgicon {
    background: #FFFFFF;
    border: 0.2px solid #C8CDD0;
    box-sizing: border-box;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);

    color: #757575;

    float: right;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    right: -5px;
    top: -7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    padding-left: 1px;

}
#szlahumsg [class*="far"]:before,
#szlahumsg [class*="fas"]:before,
#szlahumsg [class*="fal"]:before,
#szlahumsg [class*="fab"]:before {
    padding: 0px;
}

#szlahumsg a {
    font-weight: bold;
    color: #333333;
}
#szlahumsg a:hover {
    color: #626a99;
}

td h4 {
    color: #f4f3ec;
    font-size: 16px;
    margin: 20px 0px 5px 0px;
}

.szlahu-indicator {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 2147483640;
    border: none;
    overflow: hidden;
    background-color: #666;
    opacity: 0.5;
    text-align: center;
}

.szlahu-indicator img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.fa-calendar:before {
    font-size: 16px;
}

.basic .fa-credit-card:before {
    padding-right: 4px;
    padding-left: 12px;
}

#inner-header .multisearch {
    border-radius: 4px;
}

#inner-header .multisearch .dk_label {
    border: 0;
}

#inner-header .multisearch.dk_open .dk_toggle {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#inner-header .accounts-container .iconHolder {
    margin: 0 25px;
}

#inner-header .accounts-container .iconHolder i {
    font-size: 35px;
}

#inner-header .accounts-container .iconHolder img {
    height: 34px;
}

#change-company {
    z-index: 20;
}

#inner-title {
    font-family: "Open Sans";
    padding: 0;
    margin-bottom: 25px;
    background: #EEF5FD;
    border-radius: 0px;
}

#inner-title > .pageTitle {
    font-family: 'Open Sans';
    color: #607A9E;
    padding-left: 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 18px;
}

#inner-title .pageTitle::before {
    margin: 0;
    padding-right: 10px;
}

#inner-title .tesztuzem {
    color: #607A9E;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

#inner-title .tesztuzem .title {
    margin-top: 4px;
}

#inner-title .tesztuzem i {
    padding-right: 5px;
}

#inner-title .tesztuzem i::before {
    font-size: 24px;
    line-height: 26px;
    color: #607A9E;
}

#inner-title .actionBox {
    padding: 18px 25px;
    max-height: 85px;
}

#inner-title .actionBox .content {
    height: 30px;
}

#inner-title .logged-user i::before {
    color: #3B4657;
    font-size: 15px;
}

#inner-title .actions-container a {
    text-decoration: none;
}

#inner-title a:hover .logged-user i::before {
    color: #FF6630;
}

#inner-title .logged-user {
    cursor: pointer;
    font-weight: bold;
    color: #3B4657;
}

#inner-title .logged-user:hover {
    cursor: pointer;
    color: #FF6630;
}

#inner-title .logout-container i::before {
    font-size: 20px;
    padding-right: 0;
}

#inner-title .logout-container {
    cursor: pointer;
    color: #3B4657;
    padding: 18px 30px;
    background: rgba(122, 163, 221, 0.3);
}

#inner-title .logout-container:hover {
    background: rgba(122, 163, 221, 0.6);
    color: white;
}

a#cheaper,
a#cheaperwide {
    display: block;
    height: 37px;
    padding: 17px 0 0 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.fa-gift:before {
    color: #ff6519;
    font-size: 21px;
    vertical-align: middle;
}

/*.fa-times-circle:before {
    font-weight: normal !important;
    text-decoration: none !important;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 8px !important;
}*/

a#cheaper:hover,
a#cheaperwide:hover {
    background-color: #4e6685;
}

a#cheaperwide {
    width: 230px;
}

a#cheaper {
    width: 176px;
}

/* WILL BE GLOBAL! */
#inner-content a,
#inner-dialog-content a {
    font-weight: bold;
    text-decoration: underline;
    color: #626a99;
}

#inner-content a:hover,
#inner-dialog-content a:hover {
    color: #333;
}

#inner-content a.txtOutrageousOrange:hover {
    color: #333 !important;
}

#inner-content {
    background: #fff;
    padding: 18px;
    font-size: 12px;
    color: #444;
    max-width: 1300px;
    margin: 0 auto;
    margin-bottom: 55px;
}

#jovairdialog {
    padding: 0px;
    width: auto;
    min-height: 0px;
    max-height: none;
    height: auto;
}

#jovairdialog i.icon-autokassza {
    width: 35px;
    height: 35px;
    margin: 0 16px 0 13px;
}

#jovairdialog .desc {
    padding-right: 15px;
}

.ui-dialog.szfej-kiegyenlit {
    padding: 0;
}

#jovairdialog .desc a {
    color: white;
    font-weight: bold;
}

#jovairdialog .desc a:hover {
    opacity: 0.95;
}

#jovairdialog .autokassza-banner {
    color: white;
    background: #3B4657;
    border: 1px solid #99ACCA;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    line-height: 15px;
}

#jovairdialog div.jovairdialogtitle {
    display: block;
    padding: 1em;
}

#jovairdialog div.jovairdialogkifiz {
    display: block;
    border: 1px solid #99acca;
    border-width: 1px 0 0 0;
    padding: 1.5em 1em 1em 1em;
}

#jovairdialog div.jovairdialogkifiz label {
    cursor: pointer;
}

#inner-dialog-content {
    background: #fff;
    padding: 18px;
    font-size: 12px;
    color: #444;
    max-width: 1300px;
    margin: auto;
}

.billarrow {
    font-size: 48px;
    color: #aabedc;
}

#balance span {
    padding: 10px 18px;
}

table.basic,
table.mini {
    width: 100%;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

.verticalTop{
    vertical-align: top
}

table.mini {
    margin-bottom: 0;
    border: 1px solid #cecece;
    border-top: none;
}

table.side-box {
    width: 100%;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    margin-bottom: 0;
    border: 1px solid #cecece;
}

table.basic caption {
    border-bottom: 6px solid #fff;
    padding: 8px 14px;
    margin-top: 6px;
    background-color: #dadee7;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    text-align: left;
}

table.basic td, table.basic th {
    border-bottom: 6px solid #fff;
}
table.basic.po-ceg-table-row-top-border td {
    border-top: 8px solid #fff;
    border-bottom: 0 solid #fff;
}
table.basic.po-ceg-table-row-no-border td {
    border-bottom: 0 solid #fff;
}

table.basic thead tr td {
    height: 34px;
    font-style: italic;
    color: #444;
    background-color: #dadee7;
    text-align: center;
    padding: 11px 14px;
}

table.basic thead tr.light td {
    background-color: #f2f3f7;
}

table.basic tbody tr th {
    height: 34px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    background-color: #f2f3f7;
    text-align: left;
}

table.basic tbody tr td {
    height: 12px;
    padding: 11px 14px;
    color: #444;
    background-color: #f2f3f7;
    text-align: center;
}

table.basic tbody tr.paratlan td {
    background-color: #FAFAFA;
}

table.basic tbody tr.paros td {
    background-color: #F2F3F7;
}

table.basic tbody tr.white td {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 11px 14px;
}

table.basic tbody tr.white:last-child td {
    border-bottom: 0px;
}

table.faktbasic thead tr td {
    padding-left: 4px;
    padding-right: 4px;
}

table.faktbasic tbody tr td.cell-show:first-child {
    min-width: 15px;
}

table.faktbasic thead tr td:first-child {
    padding-left: 15px;
}
table.faktbasic thead tr td:last-child {
    padding-left: 15px;
    padding-right: 15px;
}

table.faktbasic tbody tr td:not(:first-child) {
    padding-left: 4px;
    padding-right: 4px;
}

table.faktbasic tbody tr td:first-child {
    padding-left: 15px;
}
table.faktbasic tbody tr td:last-child {
    padding-left: 15px;
    padding-right: 15px;
}

tr.white+tr.light th {
    border-top: 6px solid #fff;
}

.highlight,
table.basic tbody tr.highlight td,
table.basic tbody tr.highlight td a {
    color: #ff6630 !important;
    font-weight: bold !important;
}

table.basic tbody tr.highlight td a:hover {
    color: #fe3505 !important;
}

table.basic tbody tr:hover td {
    background-color: #eff5fc;
}



table.basic tbody tr.hoverBackground td {
    background-color: #eff5fc;
}

table.mini tr td,
table.side-box tr td {
    padding: 18px !important;
}

td .fa-pencil:before,
td .fa-trash:before,
td .fa-times-circle:before {
    font-weight: normal !important;
    text-decoration: none !important;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 8px !important;
}

.cell-invnum {
    width: 150px;
}

.cell-invnum-wide {
    width: 165px;
}

.cell-date {
    width: 105px;
}

.cell-date.fizetesi-hatarido {
    width: 116px;
}

.cell-money {
    width: 100px;
}
.cell-money.big {
    width: 110px;
}

.cell-left {
    text-align: left !important;
}

.cell-link {
    width: 90px;
}

.cell-link2 {
    width: 150px;
}

.cell-right {
    text-align: right !important;
}

.ellipsis-magic {
    max-width: 2px;
}

.partner-ellipsis, .szfejszlasz-ellipsis {
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 0 1 auto;
    min-width: 25px;
}

.szfejszlasz-ellipsis {
    direction: rtl;
    border-left: 0;
    max-width: 180px;
}

.szfejszlasz-ellipsis-content {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.nojog-szamla-kiegyenlitve-icon {
    color: #C1C4D7 !important;
}

table.basic tbody tr.invoice.opened td.cell-invnum-dashboard {
    padding: 0;
    margin: 0;
}

table.basic tbody tr.invoice.opened td.cell-invnum-dashboard div {
    padding: 14px;
}

.cell-red {
    color:#CF1111;
}

.cell-red-bg {
    background: #CF1111;
}

.cell-icon {
    font-size: 15px;
}

.cell-clickable {
    cursor: pointer;
}

#invoicelist .cell-clickable {
    cursor: default;
}

#invoicelist .cell-clickable .title {
    cursor: pointer;
}

#invoicelist .cell-clickable .fas {
    cursor: pointer;
}

#invoicelist .cell-clickable .title:hover{
    text-decoration: underline;
}


table.basic td.cell-thin {
    padding-left: 0px;
    padding-right: 0px;
    width: 30px;
}

table.basic td.cell-twinthin {
    padding-left: 0px;
    padding-right: 0px;
    width: 52px;
}

.cell-badge {
    width: 80px;
}

.cell-fizhat {
    width: 120px;
}


.flexibill-badge-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-size: cover;
    background: url('../images/faktoring-icon-black.svg');
}

@media (max-width: 1300px) {
    .flexibill-badge-text{
        display: none;
    }

    .flexibill-badge-icon {
        margin-right: 0px;
    }
}

.faktoralhato .flexibill-badge-icon, .penzt-most .flexibill-badge-icon, .folyositasalatt .flexibill-badge-icon {
    background: url('../images/faktoring-icon-lightgreen.svg');
}
.faktoralt .flexibill-badge-icon {
    background: url('../images/faktoring-icon-black.svg');
}
.folyositasalattteendo .flexibill-badge-icon {
    background: url('../images/faktoring-icon-darkred.svg');
}

.flexibill-badge {
    height: 16px;
    text-transform: uppercase;
    border-radius: 42px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    padding: 2px 10px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.ujszamla {
    background-color: #E9E9E9;
    color: #333333;
}

.faktoralhato, .penzt-most, .folyositasalatt {
    background-color: #EFFAF0;
    color: #52A659;
}

.folyositasalattteendo {
    background-color: #FBE9E9;
    color: #9B1717;
}

.faktoralt {
    background-color: #E9E9E9;
    color: #333333;
}

.new-badge {
    width: 15px;
    height: 15px;
    background: #FF6630;
    border-radius: 42px;
    padding: 2px 8px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 8px;
    line-height: 15px;
    margin-left: 5px;
    text-align: center;
}

.base-badge {
    display: flex;
    padding: 3px 6px;
    justify-content: center;
    gap: 5px;
    border-radius: 39px;
    font-family: "Open Sans";
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px; /* 150% */
    text-transform: uppercase;
    background: #DCF4DE;
    color: #52A659;
}
.base-badge.red {
    background: #DA2121;
    color: #FFF;
}
.base-badge.green {
    background: #52A659;
    color: #FFF;
}
.base-badge.grey {
    background: #E9E9E9 ;
    color: #333;
}
.base-badge.red.light {
    background: #FCD9D9;
    color: #DA2121;
}
.
table.basic td.cell-noleftpadding {
    padding-left: 0px;
}

.income, .outcome, .balance {
    font-size: 14px;
    font-weight: bold;
}

.income {
    color: #3a891b;
}

.outcome {
    color: #da2121;
}

.cell-invnum .fa-eye:before {
    padding-right: 4px !important;
    font-size: 16px;
    vertical-align: middle;
}

form#profile,
form#profile-modify,
.container-offer .blue-box.success,
.container-offer .blue-box.error {
    width: 540px;
}

form#profile-modify label {
    width: 150px;
    margin-bottom: 12px;
    display: inline-block;
}

form#profile input[type="text"], form#profile input[type="password"],
form#profile-modify input[type="text"], form#profile-modify input[type="password"] {
    width: 376px;
}

/* Add a width for all labels except for the last one */
#sendinvitation label:not(:last-child) {
    width: 6em;
}

form#sendinvitation input[type="text"] {
    width: 300px;
}

form#profile .error,
form#profile-modify .error {
    width: 300px;
    margin-left: 155px;
}

form#sendinvitation .error {
    width: 300px;
    margin-left: 84px;
}

#modify-pass {
    display: none;
    padding-top: 14px;
}

#modify-pass-start {
    display: block;
}


/* Hujeseg de ez van addig ameddig be tudom vezetni a reset.css-t */

.PoAjanlo input[type="text"],
.PoAjanlo textarea {
    width: calc(100% - 10px);
}

form#choose-partners input[type="checkbox"] {
    margin: 4px 10px 18px 0;
    display: block;
    float: left;
}

form#choose-partners .pcell {
    width: 295px;
    height: 40px;
    line-height: 20px;
    margin: 0 25px 10px 0;
    display: block;
    overflow: hidden;
    float: left;
}

form#choose-partners input[type="text"] {
    border: 1px solid #fff;
    margin-left: -4px;
    font-weight: bold;
    font-style: normal;
    outline: none;
    width: 200px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    cursor: pointer;
}

form#choose-partners input[type="text"]:focus {
    border: 1px solid #ccc;
}

form#choose-partners input[type="text"].empty {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}

/* bar chart */
dl#csschart {
    width: 99.3%;
    height: 200px;
    padding-left: 0.7%;
    border-bottom: 1px solid #ccc;
}

dl#csschart.evzarasBox {
    height: 300px;
}

dl#csschart dd {
    position: relative;
    float: left;
    display: inline;
    width: 7.68%;
    height: 200px;
}

dl#csschart span {
    position: absolute;
    display: block;
    width: 96%;
    height: 50%;
    bottom: 0;
    left: 0;
    border: 1px solid #cbd8e8;
    border-bottom: none;
    background: #e7e7ef;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255,
        255, .2)), color-stop(.25, transparent),
        color-stop(.5, transparent),
        color-stop(.5, rgba(255, 255, 255, .2)),
        color-stop(.75, rgba(255, 255, 255, .2)),
        color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2)
        25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2)
        50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2)
        25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2)
        50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2)
        25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2)
        50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%,
        transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
        rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%,
        transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
        rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    z-index: 20;
}

dl#csschart dd:nth-child(even) span {
    background: #f2f3f7;
}

dl#csschart span b {
    display: block;
    float: left;
    color: #666;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    width: 100%;
}

dl#csschart span b i {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #4e6785;
}

ul.xAxis {
    margin: 12px 0 22px;
    padding: 0;
    float: left;
    clear: left;
    display: inline;
    width: 100%;
}

ul.xAxis li {
    float: left;
    list-style: none;
    width: 7.68%;
    text-align: center;
    font-size: 13px;
    font-style: italic;
}

/* globals, icons, buttons */
.centered-content {
    text-align: center;
}

.liquid-left-content {
    margin-right: 335px;
}

.fixed-right-content {
    float: right;
    width: 300px;
    margin-top: 5px;
}

.fixed-right-content h3 {
    margin: 24px 0 12px 16px;
}

.blue-box,
.blue-box-small,
.gray-box-small {
    margin: 0 auto;
    width: 500px;
    padding: 20px;
    border: 1px solid #c9d6e7;
    background: #eef5fd;
}

.blue-box-small,
.gray-box-small {
    width: 258px;
}

.gray-box-small {
    border: 1px solid #cecece;
    background: #f1f1f1;
}

.blue-box-big {
    margin: 0 auto;
    width: 560px;
    padding: 20px;
    border: 1px solid #dadee7;
    background: #f2f3f7;
}

#inner-content form {
    position: relative;
}

#inner-content form label,
#inner-dialog-content from label {
    font-size: 13px;
}

#inner-content form label[for],
#inner-dialog-content form label[for] {
    cursor: pointer;
}

#inner-content input[type="text"],
#inner-dialog-content input[type="text"],
#inner-content input[type="password"],
#inner-content input[type="file"],
#inner-content textarea,
.flyer form input[type="text"],
.input {
    border: 1px solid #7892b6;
    padding: 3px 4px;
    color: #444;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

h1 {
    position: absolute;
    top: 17px;
    left: 18px;
    font-size: 19px;
    font-weight: normal;
    text-align: center;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    color: #ff6519;
}

h3 {
    margin: 40px 0 18px 16px;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #4e6685;
    text-transform: uppercase;
}

h4 {
    font-size: 14px;
    font-weight: bold;
    color: #465B76;
}

ul {
    list-style-type: square;
}

pre {
    margin: 0;
    padding: 10px;
    border: 1px solid #96a9c7;
    font-style: italic;
    font-family: Arial, Helvetica, Syntax, sans-serif;
    background: #fff;
}

.left-side {
    float: left;
}

.right-side {
    float: right;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.success {
    margin-bottom: 8px;
    color: #3a891b;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.blue-box.error {
    color: #da2121;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 8px;
    font-style: normal;
}

.success a,
.blue-box.error a {
    display: inline-block;
    margin: 10px 0 0;
}

.error {
    color: #da2121;
    font-size: 11px;
    font-style: italic;
    line-height: 13px;
    margin: 2px 0;
}

.error+div input,
.error+label+input,
.error+input,
.error+textarea {
    border: 1px solid #da2121 !important;
}

#cegemail_errmsg,
#cegaddr1_errmsg,
#cegaddr2_errmsg,
#cegbankaccount_errmsg {
    margin-left: 220px;
}

.gray-button,
.orange-button,
.green-button,
.blue-button,
#inner-content input.gray-button,
#inner-content input.orange-button,
#inner-content input.green-button,
#inner-content input.blue-button,
#inner-dialog-content input.gray-button,
#inner-dialog-content input.orange-button,
#inner-dialog-content input.green-button,
#inner-dialog-content input.blue-button {
    display: inline-block;
    height: 27px;
    padding: 5px 12px 0;
    color: #fff !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: normal !important;
    line-height: 21px;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
}

input.gray-button,
input.orange-button,
input.green-button,
input.blue-button,
button.gray-button,
button.orange-button,
button.green-button,
button.blue-button,
#inner-content input.gray-button,
#inner-content input.orange-button,
#inner-content input.green-button,
#inner-content input.blue-button,
#inner-content button.gray-button,
#inner-content button.orange-button,
#inner-content button.green-button,
#inner-content button.blue-button,
#inner-dialog-content input.gray-button,
#inner-dialog-content input.orange-button,
#inner-dialog-content input.green-button,
#inner-dialog-content input.blue-button,
#inner-dialog-content button.gray-button,
#inner-dialog-content button.orange-button,
#inner-dialog-content button.green-button,
#inner-dialog-content button.blue-button {
    overflow: visible;
    height: auto;
    line-height: normal !important;
    padding-bottom: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.small-button {
    height: 20px;
    padding: 2px 12px 0;
    font-size: 16px;
    line-height: 19px;
    vertical-align: top;
}

.gray-button.small-button,
.orange-button.small-button,
.green-button.small-button,
.blue-button.small-button {
    background-clip: border-box;
}

.gray-button {
    border: 1px solid #606060;
    background: #bebebe;
    background: -moz-linear-gradient(top, #bebebe 0%, #a8a8a8 3%, #9f9f9f 23%, #808080
        68%, #6f6f6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bebebe),
        color-stop(3%, #a8a8a8), color-stop(23%, #9f9f9f),
        color-stop(68%, #808080), color-stop(100%, #6f6f6f));
    background: -webkit-linear-gradient(top, #bebebe 0%, #a8a8a8 3%, #9f9f9f 23%,
        #808080 68%, #6f6f6f 100%);
    background: -o-linear-gradient(top, #bebebe 0%, #a8a8a8 3%, #9f9f9f 23%, #808080 68%
        , #6f6f6f 100%);
    background: -ms-linear-gradient(top, #bebebe 0%, #a8a8a8 3%, #9f9f9f 23%, #808080
        68%, #6f6f6f 100%);
    background: linear-gradient(top, #bebebe 0%, #a8a8a8 3%, #9f9f9f 23%, #808080 68%,
        #6f6f6f 100%);
    background-clip: padding-box;
}

.gray-button:hover {
    background: #6f6f6f;
    background: -moz-linear-gradient(top, #6f6f6f 0%, #787878 19%, #979797 65%, #a8a8a8
        97%, #bebebe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f6f6f),
        color-stop(19%, #787878), color-stop(65%, #979797),
        color-stop(97%, #a8a8a8), color-stop(100%, #bebebe));
    background: -webkit-linear-gradient(top, #6f6f6f 0%, #787878 19%, #979797 65%,
        #a8a8a8 97%, #bebebe 100%);
    background: -o-linear-gradient(top, #6f6f6f 0%, #787878 19%, #979797 65%, #a8a8a8
        97%, #bebebe 100%);
    background: -ms-linear-gradient(top, #6f6f6f 0%, #787878 19%, #979797 65%, #a8a8a8
        97%, #bebebe 100%);
    background: linear-gradient(top, #6f6f6f 0%, #787878 19%, #979797 65%, #a8a8a8 97%,
        #bebebe 100%);
    background-clip: padding-box;
}

.orange-button {
    border: 1px solid #dc2900;
    background: #ff802e;
    background: -moz-linear-gradient(top, #ff802e 0%, #ff6318 3%, #fe3505 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff802e),
        color-stop(3%, #ff6318), color-stop(100%, #fe3505));
    background: -webkit-linear-gradient(top, #ff802e 0%, #ff6318 3%, #fe3505 100%);
    background: -o-linear-gradient(top, #ff802e 0%, #ff6318 3%, #fe3505 100%);
    background: -ms-linear-gradient(top, #ff802e 0%, #ff6318 3%, #fe3505 100%);
    background: linear-gradient(top, #ff802e 0%, #ff6318 3%, #fe3505 100%);
    background-clip: padding-box;
}

.orange-button:hover {
    background: #fe3505;
    background: -moz-linear-gradient(top, #fe3505 0%, #ff6318 97%, #ff802e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe3505),
        color-stop(97%, #ff6318), color-stop(100%, #ff802e));
    background: -webkit-linear-gradient(top, #fe3505 0%, #ff6318 97%, #ff802e 100%);
    background: -o-linear-gradient(top, #fe3505 0%, #ff6318 97%, #ff802e 100%);
    background: -ms-linear-gradient(top, #fe3505 0%, #ff6318 97%, #ff802e 100%);
    background: linear-gradient(top, #fe3505 0%, #ff6318 97%, #ff802e 100%);
    background-clip: padding-box;
}

.green-button {
    border: 1px solid #4c6801;
    background: #9ed508;
    background: -moz-linear-gradient(top, #9ed508 0%, #85b403 3%, #628602 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ed508),
        color-stop(3%, #85b403), color-stop(100%, #628602));
    background: -webkit-linear-gradient(top, #9ed508 0%, #85b403 3%, #628602 100%);
    background: -o-linear-gradient(top, #9ed508 0%, #85b403 3%, #628602 100%);
    background: -ms-linear-gradient(top, #9ed508 0%, #85b403 3%, #628602 100%);
    background: linear-gradient(top, #9ed508 0%, #85b403 3%, #628602 100%);
    background-clip: padding-box;
}

.green-button:hover {
    background: #628602;
    background: -moz-linear-gradient(top, #628602 0%, #85b403 97%, #9ed508 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #628602),
        color-stop(97%, #85b403), color-stop(100%, #9ed508));
    background: -webkit-linear-gradient(top, #628602 0%, #85b403 97%, #9ed508 100%);
    background: -o-linear-gradient(top, #628602 0%, #85b403 97%, #9ed508 100%);
    background: -ms-linear-gradient(top, #628602 0%, #85b403 97%, #9ed508 100%);
    background: linear-gradient(top, #628602 0%, #85b403 97%, #9ed508 100%);
    background-clip: padding-box;
}

.blue-button {
    border: 1px solid #374862;
    background: #a5bbd8;
    background: -moz-linear-gradient(top, #a5bbd8 0%, #87a2c6 3%, #607a9e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5bbd8),
        color-stop(3%, #87a2c6), color-stop(100%, #607a9e));
    background: -webkit-linear-gradient(top, #a5bbd8 0%, #87a2c6 3%, #607a9e 100%);
    background: -o-linear-gradient(top, #a5bbd8 0%, #87a2c6 3%, #607a9e 100%);
    background: -ms-linear-gradient(top, #a5bbd8 0%, #87a2c6 3%, #607a9e 100%);
    background: linear-gradient(top, #a5bbd8 0%, #87a2c6 3%, #607a9e 100%);
    background-clip: padding-box;
}

.blue-button:hover {
    background: #607a9e;
    background: -moz-linear-gradient(top, #607a9e 0%, #87a2c6 97%, #a5bbd8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #607a9e),
        color-stop(97%, #87a2c6), color-stop(100%, #a5bbd8));
    background: -webkit-linear-gradient(top, #607a9e 0%, #87a2c6 97%, #a5bbd8 100%);
    background: -o-linear-gradient(top, #607a9e 0%, #87a2c6 97%, #a5bbd8 100%);
    background: -ms-linear-gradient(top, #607a9e 0%, #87a2c6 97%, #a5bbd8 100%);
    background: linear-gradient(top, #607a9e 0%, #87a2c6 97%, #a5bbd8 100%);
    background-clip: padding-box;
}

.help-me {
    margin: 0;
    width: 26px;
    height: 26px;
    font-size: 21px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
    text-decoration: none !important;
}

.gray-grad {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f5f5f5 88%, #f6f6f6 98%, #f4f4f4
        100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5),
        color-stop(88%, #f5f5f5), color-stop(98%, #f6f6f6),
        color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f5f5f5 88%, #f6f6f6 98%,
        #f4f4f4 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%, #f5f5f5 88%, #f6f6f6 98%, #f4f4f4
        100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f5f5f5 88%, #f6f6f6 98%, #f4f4f4
        100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #f5f5f5 88%, #f6f6f6 98%, #f4f4f4
        100%);
}

/************ Dropkick start **********/
.dk_container {
    background-color: #fff;
    font-family: Arial, sans-serif;
    line-height: 14px;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

td .dk_container {
    margin-bottom: 0;
}

.dk_container:focus {
    outline: 0;
}

.dk_container a {
    cursor: pointer;
    text-decoration: none !important;
    outline: 0;
    font-weight: bold;
}

.dk_toggle {
    border: 1px solid #7892b6;
    color: #444 !important;
    padding: 6px 45px 6px 10px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
}

.dk_toggle:after {
    content: "\f078";
    position: absolute;
    top: 7px;
    right: 9px;
    font-family: 'FontAwesomeSolid';
    display: inline-block;
    color: #999;
}

.dk_toggle:hover {
    border-color: #87c14c;
}

.dk_focus .dk_toggle {
    border-color: #87c14c;
}

.dk_open {
    z-index: 70;
    position: relative;
}

.dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
}

.dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #f2f3f7;
    font-weight: bold;
    padding: 6px 10px;
    color: #444 !important;
}

.dk_options li:last-child a {
    border-bottom: none;
}

.dk_options a:hover, .dk_option_current a {
    background-color: #dadee7;
    border-bottom-color: #f2f3f7;
    color: #444 !important;
    text-decoration: none;
}

.dk_options_inner {
    border: 1px solid #8c8c8e;
    border-bottom-color: #999;
    color: #333;
    max-height: 250px;
    list-style-type: none;
}

.dk_options_inner, .dk_touch .dk_options {
    max-height: 250px;
}

.dk_open .dk_options {
    display: block;
}

.dk_open .dk_label {
    color: inherit;
}

.dk_options {
    display: none;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 100%;
}

.dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block;
}

.dk_options_inner {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

/* Hides only dropkick <select> instances */
.dk_container select {
    position: absolute;
    top: -99999em;
    visibility: hidden;
}

/*  nativeMobile override */
.dk_mobile {
    position: relative;
}

#inner-content .dk_container {
    line-height: 10px;
}


#inner-content .multi-line-select .dk_container {
    line-height: 16px;
}

#inner-content .multi-line-select .dk_options a {
    padding-top: 3px;
    padding-bottom: 3px;
}

#inner-content .multi-line-select .dk_toggle {
    padding-top: 3px;
    padding-bottom: 3px;
}

#inner-content .multi-line-select .dk_toggle:after {
    top: 4px;
}

#inner-content a.dk_toggle,
#inner-content span.dk_label,
#inner-content .dk_options a {
    font-weight: normal;
}

#fizpont-container a.dk_toggle,
#fizpont-container span.dk_label,
#fizpont-container .dk_options a {
    line-height: 15px;
}

/************ Dropkick end **********/
.flyer {
    position: fixed;
    left: -500px;
    bottom: 0px;
    z-index: 40;
    width: 400px;
    padding: 25px;
    margin-left: 25px;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.flyer .title {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
}

.flyer .success-message {
    font-weight: bold;
    font-size: 16px;
    color: #4E6685;
}

.flyer .confirm_div {
    display: none;
}

.flyer .confirm_div h3 {
    margin: 0 0 10px;
    text-transform: none;
}

.flyer h4.title {
    color: #333;
}

.flyer a.grey-link {
    font-size: 12px;
}

.flyer form {
    display: none;
}

.flyer form {
    position: relative;
}

.flyer form label {
    display: inline-block;
    width: 100px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.flyer form input[type="text"] {
    width: 300px;
    height: 26px;
    background: #FFFFFF;
    border: 1px solid #C8CDD0;
    box-sizing: border-box;
    border-radius: 4px;
    outline-color: #3B4657;
}

.flyer form input[type="text"]:hover {
    box-shadow: 1px 2px 4px rgb(59 70 87 / 35%);
}

.flyer form input[type="text"]:focus,
.flyer form input[type="text"]:active {
    border: 1px solid #3B4657;
}

.flyer form .error {
    width: 200px;
    margin-left: 155px;
}

.flyer form a.cancel {
    margin-right: 10px;
    font-size: 12px;
}

.flyer a:hover,
.flyer form a.cancel:hover {
    color: #333;
}

.flyer a.l-button:hover {
    color: white;
}

.flyer .flyer-link {
    font-size: 12px;
    color: #626A99;
    text-decoration: underline;
}

.flyer .flyer-link:hover {
    color: #333;
}

ul.step {
    margin-bottom: 30px;
    list-style: none;
    text-align: center;
}

ul.step li {
    display: inline;
    font-weight: bold;
    font-size: 14px;
    color: #777;
}

ul.step li span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 12px;
    background: #DADEE7;
    font-size: 16px;
    color: #444;
}

ul.step li b {
    padding: 0 15px;
}

ul.step li.active {
    color: #444;
}

ul.step li.active span {
    background: #FF6519;
    color: #fff;
}

ul.import-msg {
    margin-bottom: 15px;
    list-style: none;
}

ul.import-msg li {
    margin-bottom: 5px;
}

ul.import-msg li span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 12px;
    background: #DADEE7;
    font-weight: bold;
    font-size: 16px;
    color: #444;
}

ul.import-msg li.s span {
    background: #3A891B;
    color: #fff;
}

ul.import-msg li.e span {
    background: #DA2121;
    color: #fff;
}

form.csv_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 190px;
    font-size: 13px;
    cursor: pointer;
}

form.csv_form .ferr {
    width: 200px;
    margin: 2px 0 2px 195px;
    color: #da2121;
    font-size: 11px;
    font-style: italic;
    line-height: 13px;
}

form.csv_form .info {
    margin: -0px 0 15px 195px;
    font-size: 11px;
}

form.partner_csv_form2 input[type="radio"] {
    vertical-align: top;
}

/* KSZI */
form.kszi_form {
    width: 960px;
}

form.kszi_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
    font-size: 13px;
    cursor: pointer;
}

form.kszi_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.kszi_form input[type="checkbox"] {
    vertical-align: middle;
}

form.kszi_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.kszi_form h4 {
    margin: 15px 0 10px;
    font-size: 15px;
}

/* Partner */
form.partner_form {
    width: 960px;
}

form.partner_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 210px;
    font-size: 13px;
    cursor: pointer;
}

form.partner_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.partner_form input[type="checkbox"] {
    vertical-align: middle;
}

form.partner_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.partner_form h4 {
    margin: 15px 0 10px;
    font-size: 15px;
}

form.partner_form .error {
    margin-left: 215px;
}
/* cikk */
form.cikk_form {
    width: 960px;
}

form.cikk_form label {
    display: inline-block;
    width: 210px;
    font-size: 13px;
}

form.cikk_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.cikk_form input[type="checkbox"] {
    vertical-align: middle;
}

form.cikk_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.cikk_form h4 {
    margin: 15px 0 10px;
    font-size: 15px;
}

form.cikk_form .error {
    margin-left: 215px;
}

/* Tömeges generálás és keystore */
form.tomeges_form {
    width: 660px;
}

form.tomeges_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
}

form.tomeges_form .tomeges-kozossegiafa-label {
    display: inline-block;
    margin-bottom: 12px;
    width: 750px;
}

form.tomeges_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.tomeges_form input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -7px;
}

form.tomeges_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.tomeges_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.tomeges_form .error {
    margin-left: 153px;
}

.calc.link-right {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    margin-top: 30px;
}

.calc.link-right > span {
    padding-right: 3px;
}

.tomeges-alert {
    color: #CF1111;
    font-weight: 600;
    margin-left: 4px;
}

.tomeges-alert > img {
    margin-right: 4px;
}
#tomeges-consent {
    margin-top: 0;
}

/* Export */
#form_storno > .flexBox > div,
#afalistaform > .flexBox > div,
#form_adatexportfokonyv > .flexBox > div {
    width: 48%;
}


#afalistaform .error,
#form_adatexportfokonyv .error{
    margin-left: 215px;
}

/* Szamla kuldes */
.szlakuld_form {
    width: 660px;
}

.szlakuld_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
    font-size: 13px;
}

.szlakuld_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

.szlakuld_form input[type="checkbox"] {
    vertical-align: middle;
}

.szlakuld_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

.szlakuld_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

.szlakuld_form .error {
    margin-left: 153px;
}

/* Jovair */
form.jovair_form {
    width: 650px;
}

form.jovair_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
    font-size: 13px;
}

form.jovair_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.jovair_form input[type="checkbox"] {
    vertical-align: middle;
}

form.jovair_form h3 {
    margin: 0px 0 20px;
    padding: 0 0 5px;
    font-size: 17px;
    text-transform: none;
}

form.jovair_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.jovair_form .error {
    margin-left: 153px;
}

form.jovair_form span.line {
    float: left;
    clear: both;
    width: 650px;
    height: 1px;
    padding: 8px 0;
    background: url(../images/line.gif) repeat-x left center;
}

.jquerybubblepopup {
    z-index: 2000;
}

/* számla lista */
h5 {
    margin: 30px 0 11px;
    font-size: 16px;
    font-weight: normal;
}

.separator {
    display: block;
    margin-top: 14px;
    line-height: 0px;
    height: 0px;
    border-bottom: 1px dashed #ccc;
}

#invoices-search {
    position: relative;
    height: 50px;
    background: #e8e8e8;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

#invoices-search > * {
    margin-left: 8px;
}

#invoices-search > *:first-child {
     margin-right: 0;
}

#advancedsearch_state[value=true] + #invoices-search > input[type=button],
#advancedsearch_state[value=true] + #invoices-search > #srcreset-top {
    display: none;
}

#invoices-search h5 {
    margin: 0;
}

#invoices-search input[type="text"] {
    height: 28px;
    padding: 3px 10px;
    width: 50%;
}

#invoices-search input[type="submit"] {
    width: 123px;
}

/* Reszletes szamlakereso */

#invoices-search-panel {
    position: relative;
    height: 345px;
    background: #f0f0f0;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}

#search-actions {
    align-self: flex-end;
    margin-right: 20px;
    margin-bottom: 15px;
}

.koltsegszamlak-search #search-actions {
    top: 202px;
}

.koltsegszamlak-search #search-type {
    top: 20px;
    left: 120px;
}

.koltsegszamlak-search #search-source {
    top: 182px;
    left: 120px;
}

#srcreset {
    font-size: 12px;
}

#srcreset-top {
    font-size: 16px;
}

#srcreset-top span:before {
    padding-right: 0;
}

#srcreset span:before {
    padding-right: 8px;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

#advsrc-top span:before,
#advsrc-bottom span:before {
    padding-right: 8px;
    vertical-align: middle;
    font-size: 18px;
}

/* Reszletes szamlakereso allapot */

#search-status {
    position: absolute;
    top: 40px;
    left: 20px;
    padding: 20px 30px;
    background: #fff;
}

#search-status b {
    position: absolute;
    top: -28px;
    left: 0;
}

#search-status label:nth-child(2) {
    margin-right: 15px;
}

#search-status label:nth-child(3) {
    margin-right: 15px;
}

#search-status .separator {
    margin-bottom: 14px;
}

#search-status .double-caret-right {
    position: absolute;
    padding-top: 12px;
    left: 21px;
    display: block;
    color: #e8e8e8;
}


#extra-status {
    margin: 6px 0 0 21px;
    font-size: 13px;
}

#extra-status div {
    z-index: 200;
}

#search-date {
    position: absolute;
    top: 20px;
    right: 150px;
}

#bd1, #bd2, #bd3 {
    position: absolute;
    top: 0;
    left: -100px;
    width: 80px;
    height: 16px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none !important;
    color: #333 !important;
    background: #e8e8e8;
}

#bd2 {
    top: 30px;
}

#bd3 {
    background-color: #fff;
}

.bdsel {
    background: #fff !important;
}

#speeddates {
    font-size: 12px;
    margin-top: 14px;
}

#speeddates a {
    font-weight: normal;
    display: inline-block;
    margin-right: 13px;
}

#search-type {
    position: absolute;
    right: 8px;
    width: 476px;
    top: 140px;
}

#search-source {
    position: absolute;
    right: 8px;
    width: 476px;
    top: 300px;
}

#search-type b,
#search-source b {
    display: block;
    margin-bottom: 12px;
}

#search-type label,
#search-source label {
    display: block;
    width: 153px;
    margin: 0 0 1px 1px;
    background: #fff;
}

#search-type label.szamlaformatum {
    display: block;
    width: auto;
    margin: 0 15px 1px 1px;
    background: none;
    line-height: 28px;
}

#search-type input[type=radio][name=szamlaformatum] {
    margin: 0 5px 0 0;
}

#search-type input[type=radio][name=szamlaformatum]:first-child {
    margin-left: 5px;
}

#search-type label span,
#search-source label span {
    display: inline-block;
    padding: 4px;
}

#search-type input[type=radio],
#search-source input[type=radio] {
    margin-left: 2px;
}

#results-header {
    position: relative;
    height: 40px;
    margin-bottom: 14px;
    font-size: 13px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

#results-header label {
    cursor: pointer;
}

#results-header ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#results-header ul li {
    font-size: 13px;
    font-style: normal;
}

#results-header ul li a {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 7px 0;
}

#results-header ul li a span:before {
    padding-right: 15px;
    font-size: 21px;
    vertical-align: middle;
}

#results-header ul li.szallitolevel a span:before {
    padding-right: 10px !important;
}

.dropdown-header-style {
    border-style: solid;
    padding: 10px;
    border-radius: 7px;
    border-width: 1px;
}

.dropdown-body-style {
    position:fixed;
    border-style: solid;
    padding: 10px;
    border-radius: 7px;
    border-width: 1px;
    margin-top: 10px;
    margin-left: -10px;
    background-color: white;
    z-index: 19;
}

.dropdown-body-style div {
    padding: 10px;
}

#group-options,
#elementsnum,
#freetextholder,
#ordering {
    position: absolute;
    width: 240px;
    height: 26px;
    border: 1px solid #ccc;
    padding: 12px 0 0 12px;
    cursor: pointer;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    z-index: 17;
}

#group-options:hover,
#elementsnum:hover,
#ordering:hover,
#group-options:hover div,
#elementsnum:hover div,
#ordering:hover div,
#group-options div:hover,
#elementsnum div:hover,
#ordering div:hover {
    border-color: #87c14c;
}

#group-options:before,
#elementsnum:before,
#ordering:before {
    position: absolute;
    top: 8px;
    right: 12px;
    padding-right: 0 !important;
    color: #999;
    font-size: 24px;
}

#elementsnum {
    right: 0;
}

#ordering {
    right:264px;
}

#group-options div,
#elementsnum div,
#ordering div {
    position: absolute;
    top: 38px;
    left: -1px;
    width: 228px;
    padding: 14px 12px;
    border: 1px solid #ccc;
    background: #e8e8e8;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
}

@media screen and (min-width: 1128px) {
    #freetextholder {
        left: 264px;
        width: 558px;
        padding: 0px 0px 0px 0px;
        height: 38px;
    }

    #freetext {
        padding: 12px 0 0 12px;
        height: 30px;
        width: 510px;
    }
}

@media screen and (max-width: 1127px) {
    #freetextholder {
        left: 264px;
        width: 558px;
        padding: 0px 0px 0px 0px;
        height: 38px;
    }

    #freetext {
        padding: 12px 0 0 12px;
        height: 30px;
        width: 510px;
    }

    #elementsnum {
        width: 108px;
        padding-left: 7px;
    }
    #elementsnum .hide-on-mobile-view {
        display: none;
    }
    #elementsnum div {
        width: 91px;
    }
}

#group-options div {
    font-style: italic;
    font-size: 12px;
}

#ordering b {
    display: block;
    margin: 4px 0 14px;
}

#ordering i {
    display: block;
    margin: 14px 0;
}

#ordering label {
    display: block;
    margin-bottom: 3px;
}

.cell-show {
    width: 12px;
    font-size: 24px;
    line-height: 0;
    color: #fff;
    cursor: pointer;
}

table.basic tbody tr td.cell-show {
    color: #fff;
}

.cell-show span:before {
    padding-right: 0;
}

.cell-show .fa-forward:before {
    font-size: 14px;
}

.cell-show .fa-caret-up:before {
    font-size: 21px;
}

.cell-check,
.cell-checkall {
    padding: 0 !important;
    width: 12px;
    cursor: pointer;
}

.cell-check label,
.cell-checkall label {
    display: block;
    padding: 11px 14px;
    cursor: pointer;
}

.cell-num {
    width: 20px;
}

.cell-check input, .cell-checkall input {
    cursor: pointer;
}

td .fa-bell:before {
    padding-right: 4px !important;
    font-size: 16px;
    vertical-align: middle;
}

.invices-sum-currency {
    border-collapse: collapse;
    text-align: left;
}

.invices-sum-currency-fakt tr td {
    padding-left: 4px;
    padding-right: 4px;
}

.invices-sum-currency-fakt tr td:last-child {
    padding-left: 15px;
    padding-right: 15px;
}

.invices-sum-currency td {
    padding: 5px 14px;
}

/* díjbekérő */
.type2,
table.basic tbody tr:not(.kulso) td.type2 {
    background-color: #8e44ad;
}

table.basic tbody tr.kulso td.type2 {
    color: #8e44ad;
}

.typet2 {
    color: #8e44ad !important;
}
/* előleg számla */
.type3,
table.basic tbody tr:not(.kulso) td.type3 {
    background-color: #2980b9;
}

table.basic tbody tr.kulso td.type3 {
    color: #2980b9;
}

.typet3 {
    color: #2980b9 !important;
}
/* helyesbítő számla */
.type5,
table.basic tbody tr:not(.kulso) td.type5 {
    background-color: #f1c40f;
}

table.basic tbody tr.kulso td.type5 {
    color: #f1c40f;
}

.typet5 {
    color: #f1c40f !important;
}
/* sztornó számla */
.type6,
table.basic tbody tr:not(.kulso) td.type6 {
    background-color: #e74c3c;
}

table.basic tbody tr.kulso td.type6 {
    color: #e74c3c;
}

.typet6 {
    color: #e74c3c !important;
}
/* végszámla */
.type7,
table.basic tbody tr:not(.kulso) td.type7 {
    background-color: #e67e22;
}

table.basic tbody tr.kulso td.type7 {
    color: #e67e22;
}

.typet7 {
    color: #e67e22 !important;
}
/* p-számla */
.type8,
table.basic tbody tr:not(.kulso) td.type8 {
    background-color: #2ecc71;
}

table.basic tbody tr.kulso td.type8 {
    color: #2ecc71;
}

.typet8 {
    color: #2ecc71 !important;
}

/* e-számla */
.type9,
table.basic tbody tr:not(.kulso) td.type9 {
    background-color: #00803f;
}

table.basic tbody tr.kulso td.type9 {
    color: #00803f;
}

.typet9 {
    color: #00803f !important;
}
/* e-számla */
.type10,
table.basic tbody tr:not(.kulso) td.type10 {
    background-color: #34495e;
}

table.basic tbody tr.kulso td.type10 {
    color: #34495e;
}

.typet10 {
    color: #34495e !important;
}

table.basic tbody tr td.stornobackground {
    background-color: rgba(241, 198, 198, 0.5);
}

/*banki tranzakció*/
.type11,
table.basic tbody tr:not(.kulso) td.type11 {
    background-color: #27D6B3;
}

table.basic tbody tr.kulso td.type11 {
    color: #27D6B3;
}

.type12,
table.basic tbody tr:not(.kulso) td.type12 {
    background-color: #5e6a9c;
}

table.basic tbody tr.kulso td.type12 {
    color: #5e6a9c;
}

.type13,
table.basic tbody tr:not(.kulso) td.type13 {
    background-color: #757575;
}

table.basic tbody tr.kulso td.type13 {
    color: #757575;
}


.type14,
table.basic tbody tr:not(.kulso) td.type14 {
    background-color: #c5c5c5;
}

table.basic tbody tr.kulso td.type14 {
    color: #c5c5c5;
}

.transaction-opener,
tr.invoice {
    cursor: pointer;
}

tr.invoice td:first-child {
    border-left: 1px solid #fff;
}

tr.invoice td:last-child {
    border-right: 1px solid #fff;
}

tr.selectedrow td.cell-left,
tr.selectedrow td.cell-right,
tr.selectedrow td.cell-money,
tr.selectedrow td.cell-date,
tr.selectedrow td.invoice-asset,
tr.selectedrow td.invoice-paid {
    background-color: #fffae0 !important;
}

tr.selectedrow+tr td:not(:nth-child(1)):not(:nth-child(2)) {
    background-color: #fffae0 !important;
}

tr.selectedrow td.invoice-asset span {
    background-size: 0 !important;
}

tr:not(.invoice-details).opened > td {
    background-image:
        url('data:image/gif;base64,R0lGODlhAQABAIAAAERERAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNEEwMzAzMDI3NTExRTM5MjQyRjQwN0E3NTg0OTdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNEEwMzA0MDI3NTExRTM5MjQyRjQwN0E3NTg0OTdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI0QTAzMDEwMjc1MTFFMzkyNDJGNDA3QTc1ODQ5N0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI0QTAzMDIwMjc1MTFFMzkyNDJGNDA3QTc1ODQ5N0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=');
    background-repeat: repeat-x;
    background-position: top;
    background-size: 1px !important;
    z-index: 100;
}

tr.opened td {
    border-bottom-style: none;
}

tr.opened td:first-child {
    border-left: 1px solid #333;
}

tr.opened td:last-child {
    border-right: 1px solid #333;
}

tr.opened+tr:not(.paros):not(.paratlan) td {
    font-size: 14px;
    background-color: #fff !important;
}

tr.invoice-details.first-subrow  td {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
}

tr.opened+tr.last-subrow td {
    background-image:
            url('data:image/gif;base64,R0lGODlhAQABAIAAAERERAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNEEwMzAzMDI3NTExRTM5MjQyRjQwN0E3NTg0OTdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNEEwMzA0MDI3NTExRTM5MjQyRjQwN0E3NTg0OTdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI0QTAzMDEwMjc1MTFFMzkyNDJGNDA3QTc1ODQ5N0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI0QTAzMDIwMjc1MTFFMzkyNDJGNDA3QTc1ODQ5N0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=');
    background-repeat: repeat-x;
    background-position: bottom;
}

tr.opened+tr td:first-child {
    padding-right: 23px;
    border-left: 1px solid #333;
}

tr.opened+tr td:first-child b {
    display: inline-block;
    padding-bottom: 7px;
}

tr.opened+tr td:first-child i {
    display: inline-block;
    padding: 5px 0 4px;
    font-size: 12px;
}

tr.opened+tr td:last-child {
    border-right: 1px solid #333;
}

tr.opened+tr.invoice-details td > * {
    animation: invoice-details-show-opacity 1s ease 0s 1;
}

tr.opened+tr.invoice-details td {
    animation: invoice-details-show-padding .3s ease-out 0s 1;
}

@keyframes invoice-details-show-opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes invoice-details-show-padding {
    0% {
        padding-top: 0;
        padding-bottom: 0;
    }
}

tr.invoice-details table td {
    background-image: none !important;
    border: 0 !important;
    padding: 4px 14px 4px 0 !important;
}

tr.invoice-details table td b {
    padding: 0 !important;
}

tr.invoice-details table td:last-child {
    padding-right: 0 !important;
}

.invoice-paid {
    color: #3a891b !important;
    font-style: italic;
}

.invoice-asset {
    font-weight: bold;
    color: #da2121 !important;
}

.invoice-asset span {
    position: absolute;
    width: inherit;
    display: block;
    height: 17px;
    margin-top: -19px;
    padding: 11px 14px 11px 0px;
    background-image:
        url('data:image/gif;base64,R0lGODlhAQABAIAAAOjp7QAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3MzJBOEU0RkRDMTExRTI5NEQ3RTFBOTZEOURBNjgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3MzJBOEU1RkRDMTExRTI5NEQ3RTFBOTZEOURBNjgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzczMkE4RTJGREMxMTFFMjk0RDdFMUE5NkQ5REE2ODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzczMkE4RTNGREMxMTFFMjk0RDdFMUE5NkQ5REE2ODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=');
    background-repeat: repeat-y;
    text-align: right;
}

a.closebutton {
    display: block;
    float: right;
    font-size: 21px;
}

a.closebutton:before {
    color: #999;
    padding-right: 0 !important;
    text-decoration: none !important;
}

a.closebutton:hover:before {
    color: #666;
}

div.szfejops-column-header {
    display: flex;
    padding: 10px 0px;
    align-items: center;
    gap: 5px;
    align-self: stretch;
}

span.szfejops-column-header-text {
    color: #313D49;
    text-align: center;
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

ul.operations {
    list-style-type: none;
    padding: 0;
}

ul.operations:after {
    content: '';
    display: block;
    clear: both;
}

ul.operations li {
    width: 98%;
    float: left;
}

ul.operations li a {
    padding: 5px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: normal !important;
}

ul.operations li a.fa-boldLink {
    font-weight: bold !important;
}

ul.operations li a[class*="fa-"]:before {
    padding-right: 10px;
    padding-left: 0px;
    font-size: 24px;
    vertical-align: middle;
    text-decoration: none !important;
    width: 30px;
}

ul.operations li,
ul.operations li+li+li,
ul.operations li+li+li+li+li,
ul.operations li+li+li+li+li+li+li,
ul.operations li+li+li+li+li+li+li+li+li {
    padding-right: 0.5em;
}

#invoices-sum {
    position: relative;
    font-size: 12px;
}

/* PayU szerz */
form.payuszerz_form {
    width: 660px;
}

form.payuszerz_form label {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    cursor: pointer;
}

form.payuszerz_form label.eqch {
    display: inline;
    margin-bottom: 20px;
    width: auto;
}

form.payuszerz_form input[type="checkbox"] {
    vertical-align: middle;
}

form.payuszerz_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.payuszerz_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.payuszerz_form .error {
    margin-left: 250px;
}

/* Payu szerz view */
form.payuview_form {
    width: 750px;
}

form.payuview_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 120px;
    font-size: 13px;
    cursor: pointer;
}

form.payuview_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.payuview_form input[type="checkbox"] {
    vertical-align: middle;
}

form.payuview_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.payuview_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.payuview_form .error {
    margin-left: 123px;
}

.payuform h2.cim {
    color: #009cdd;
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
}

.payuform h2.normalcim {
    color: #000000;
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
}

.payuform h4.alcim {
    font-size: 16pt;
    font-weight: bold;
    color: #000000;
}

.payuform h4.alcimcenter {
    font-size: 16pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

.payuform #inner-content.maxwidth {
    max-width: 750px;
}

.payuform p.torzsszoveg {
    font-size: 11pt;
    color: #000000;
}

.payuform p.csillagos {
    font-size: 9pt;
    color: #000000;
    font-style: italic;
}

.payuform table.kondiciok {
    width: 100%;
    border-collapse: collapse;
}

.payuform table.kondiciok,
table.kondiciok th,
table.kondiciok td {
    border: 1px solid black;
    padding: 4px;
}

.payuform td.payufejlec {
    background-color: #002060;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    width: 33%;
    border: none;
}

.payuform td.ismerteto {
    background-color: #dbe5f1;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
}

.payuform td.szerzdata,
.payuform li.fejezetcim {
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
}

.payuform ol.fejezet {
    margin-top: 10px;
    margin-bottom: 10px;
}

.payuform li.szerzszoveg {
    color: #000000;
    font-size: 11pt;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 6px;
}

.payuform td.szerzkond {
    background-color: #cccccc;
    color: #000000;
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
}

.payuform td.szerzkonddata {
    background-color: #ffffff;
    color: #000000;
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
}

.payuform td.bankdata {
    background-color: #ffffff;
    color: #000000;
    font-size: 11pt;
    font-weight: normal;
}

.payuform table.egyebadat,
table.egyebadat th,
table.egyebadat td {
    border: 0px;
    padding: 4px 4px 4px 20px;
    font-size: 11pt;
    font-weight: normal;
    color: #000000;
}

.payuform a.orange-button, .payuform a.blue-button {
    padding-top: 8px;
    height: 30px;
}

div.message {
    margin-bottom: 40px;
    padding: 10px;
    background: #f8fbfd;
    border: 1px solid #fe3000;
    text-align: center;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

/* PoSzamlaSzerkeszto */
#edit-invoice {
    position: relative;
    width: 980px;
    margin: 8px auto 0;
    padding-top: 48px;
}

#edit-invoice h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 8px;
    font-size: 18px;
    border-bottom-width: 6px;
    border-bottom-style: solid;
}

#edit-invoice h3 {
    font-size: 16px;
    margin: 14px 0 4px;
    text-transform: none;
}

#change-inv-type {
    position: absolute;
    top: -11px;
    left: 180px;
    background: #f2f3f7;
}

#change-inv-type ul {
    height: 40px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#change-inv-type ul li {
    float: left;
    display: block;
    height: 40px;
    border-left: 1px solid #dadee7;
}

#change-inv-type ul li:first-child,
#change-inv-type ul li.last-it {
    border-left: none;
}

#change-inv-type ul li.last-it span {
    display: block;
    height: 27px;
    margin: 0;
    padding: 13px 14px 0 3px;
    border-left: none;
    font-size: 13px;
    font-style: italic;
}

#change-inv-type ul li a {
    display: block;
    height: 28px;
    margin: 0;
    padding: 12px 14px 0;
    font-size: 14px;
    font-weight: normal;
}

#inv-history {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 13px;
}

#inv-header {
    position: relative;
    min-height: 442px;
    margin-bottom: 22px;
}

#form_newszla label {
    display: block;
}

.dsection {
    border-left: 10px solid #f2f3f7;
    padding: 0 0 0 12px;
}

#items-header {
    background: #f2f3f7;
    padding: 12px 0;
    font-size: 13px;
}

#button_elonezet.loading,
#button_ment.loading,
.loading-button.loading {
    position: relative;
    pointer-events: none;
}

#button_elonezet.loading::after,
#button_ment.loading::after,
.loading-button.loading::after{
    background-color: rgba(0,0,0,0.3);
    background-image: url(../images/ajax-loader.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#button_ment.disabled,
#button_elonezet.disabled {
    position: relative;
    pointer-events: none;
}

#button_ment.disabled::after,
#button_elonezet.disabled::after {
    background-color: rgba(0,0,0,0.3);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.icol1, .icol2, .icol3, .icol4, .icol5, .icol6, .icol7 {
    float: left;
}

.icol1 {
    width: 320px;
    padding-left: 14px;
}

.icol1long {
    float: none;
    display: inline-block;
    width: 960px;
    padding-left: 14px;
    margin-bottom: 14px;
}

.icol2 {
    width: 72px;
}

.icol3 {
    width: 87px;
}

.icol4 {
    width: 150px;
}

.icol4 a {
    font-weight: normal !important;
}

.icol4 .fa-retweet:before {
    padding-right: 0;
    text-decoration: none !important;
}

.icol5 {
    width: 95px;
}

.icol6, .icol7 {
    text-align: right;
}

.icol6 {
    width: 115px;
}

.icol7 {
    width: 115px;
    padding-right: 7px;
}

.inv-item-row {
    margin-bottom: 7px;
    padding: 15px 0 25px;
    background: #fffae0;
    border: #ffeac0 solid 1px;
}

.inv-item-row .icol6, .inv-item-row .icol7 {
    font-size: 14px;
}

.inv-item-row .fa-trash {
    font-size: 13px;
}

.inv-item-row .fa-trash:before {
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    padding-right: 6px;
    text-decoration: none !important;
}

.item-comment {
    display: inline-block;
    margin-left: 14px;
}

.item-comment label{
    margin-bottom: 5px;
    margin-top: 14px;
}

.item-comment textarea {
    min-width: 450px;
    min-height: 36px;
    text-align: left;
}

.item-bookingdata {
    display: inline-block;
    margin-left: 34px;
}

.item-delete {
    float: right;
    margin-right: 14px;
}

.ibdcol1, .ibdcol2, .ibdcol3 {
    float: left;
}

.ibdcol1 {
    width: 51px;
    height: 42px;
    margin: 12px 10px 0 0;
    padding-right: 10px;
    border-right: 1px dashed #999;
    font-size: 12px;
    font-style: italic;
    text-align: right;
}

.ibdcol2 {
    width: 160px;
}

.ibdcol3 {
    width: 150px;
}

#inv-summary a.fa-plus {
    font-size: 14px;
}

#inv-summary a.fa-plus:before {
    font-size: 16px;
    font-weight: normal;
    padding-right: 6px;
    vertical-align: middle;
    text-decoration: none !important;
}

#inv-footer textarea {
    height: 70px;
}

#items div.inv-item-row:hover {
    cursor: pointer;
    background: #fffae0 url(../images/bg-invrowmove.png) repeat-y 0.3% 0%;
}

#items div.ui-sortable-helper {
    cursor: move;
}

form.szamlaedit_form {
    width: 960px;
}

form.szamlaedit_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 165px;
    font-size: 13px;
}

form.szamlaedit_form label.wide {
    width: 210px;
}

form.szamlaedit_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.szamlaedit_form input[type="checkbox"] {
    vertical-align: middle;
}

form.szamlaedit_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.szamlaedit_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.szamlaedit_form .error {
    margin-left: 213px;
}

form.szamlaedit_form .hiding-button-row {
    min-height: 38px;
}

/* bisnode cegadatok megjelenitese */
.report-wrapper {
    -webkit-font-smoothing: antialiased;
    margin-bottom: 50px;
    width: 980px;
    background: #ffffff;
    font-family: Arial, Helvetica, Syntax, sans-serif;
}

.report-wrapper .bismagy {
    color: #ffffff;
}

.report-wrapper .main-content-wrapper {
    margin-left: 17px;
    margin-right: 17px;
}

.report-wrapper .section-title {
    font-weight: 300;
    font-size: 30px;
    height: 33px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgb(34, 34, 34);
}

.report-wrapper .header {
    background: #4E6685;
    padding: 10px 20px 20px 20px;
    min-height: 80px;
}

.report-wrapper .header .bn-logo {
    margin-top: 15px;
    margin-left: 15px;
    height: 80px;
    float: right;
}

.report-wrapper .bg-warning {
    padding: 15px 10px;
    background-color: rgb(252, 248, 227);
}

.report-wrapper .table {
    margin-bottom: 25px;
}

.report-wrapper table.alapadat {
    margin-bottom: 25px;
    border-spacing: 0;
    width: 100%;
}

.report-wrapper table.alapadat th {
    background-color: #6682AC;
    color: #ffffff;
    padding: 8px;
    border: rgb(221, 221, 221) solid 1px;
    font-size: 14px;
}

.report-wrapper table.alapadat td {
    padding: 8px;
    border: rgb(221, 221, 221) solid 1px;
}

.report-wrapper h1 {
    font-size: 36px;
    position: inherit;
    text-align: left;
    margin-top: 20px;
    width: 760px;
    color: #ffffff;
}

.report-wrapper .table > thead > tr > th {
    background: #bed000;
    color: #fff;
    text-transform: uppercase;
}

.ajax-work {
    height: 60px;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: 20px;
    font-size: 20px;
}

.modal-ablak span.fa-times-circle:before {
    color: #f0f0f0;
    font-size: 20px;
}

.modal-ablak span.fa-times-circle:hover:before {
    color: #ffffff;
}

/* Beveteli modell Uj */
form.bevmodelluj_form {
    width: 460px;
}

form.bevmodelluj_form label2 {
    display: inline-block;
    margin-bottom: 12px;
    width: 250px;
    font-size: 15px;
    font-weight: bold;
    color: #4e6685;
}

form.bevmodelluj_form label {
    display: inline-block;
    margin-bottom: 12px;
    width: 250px;
    font-size: 13px;
}

form.bevmodelluj_form label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

form.bevmodelluj_form value2 {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
    font-size: 26px;
    font-weight: bold;
    color: #ff6519;
    text-align: right;
}

form.bevmodelluj_form value {
    display: inline-block;
    margin-bottom: 12px;
    width: 150px;
    font-size: 15px;
    font-weight: bold;
    color: #4e6685;
    text-align: right;
}

form.bevmodelluj_form input[type="checkbox"] {
    vertical-align: middle;
}

form.bevmodelluj_form h3 {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

form.bevmodelluj_form h4 {
    margin: 15px 0 10px;
    font-size: 14px;
}

form.bevmodelluj_form .error {
    margin-left: 153px;
}

div#file_logo_div {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    float: right;
    display: inline-block;
}

input#file_logo {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 100px;
    z-index: 2;
    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity = 0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

span.mailing {
    font-size: 16px;
}

span.mailing-start {
    color: #7f8c8d;
}

span.mailing-posted {
    color: #2ecc71;
}

span.mailing-unsucc {
    color: #e74c3c;
}

span.mailing-working {
    color: #f1c40f;
}

a.postaz-visszavon {
    cursor: pointer;
}

div.ujszamlakepleft {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 280px;
    height: 430px;
    margin: 10px;
    font-size: 14px;
}

.ujszamlakepleft ul {
    padding-left: 30px;
}

.ujszamlakepleft li {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 7px 0;
}

div.ujszamlakepright {
    display: inline-block;
    width: 280px;
    height: 430px;
    margin: 10px;
    position: relative;
}

div.ujszamlakepright img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.ujszamlakepleft .ui-dialog-buttonset {
    position: absolute;
    bottom: 0;
}

.ujszamlakepleft .ui-button {
    display: block;
    width: 100%;
}

.ujszamlakeprow1 {
    height: 460px;
}

.ujszamlakeprow2 {
    height: 50px;
    width: 620px;
    display: inline-block;
}

.ujszamlakeprow2 .col {
    display: inline-block;
    width: 310px;
    text-align: center;
    font-size: 14px;
}

.ujszamlakeprow2 a {
    cursor: pointer;
    text-decoration: underline;
}

#adoalanyisag-ellenorzes h3 {
    margin-left: 0;
}

.gomostdialog .ui-dialog-content {
    font-size: 7vw;
}

.gomostdialog button span {
    font-size: 6vw;
}

.gomostdialog label {
    font-size: 6vw;
}

.gomostdialog #dontshowgomost {
    width: 5vw;
    height: 5vw;
}

#dijcsomagWarn, .warn-text {
    color: #da2121;
}

.info-text {
   color: #FFC400;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

/* BANKI TRANZAKCIÓS LISTA */
#form-filter {
    position: absolute;
    width: 320px;
    height: 26px;
    border: 1px solid #ccc;
    padding: 12px 0 0 12px;
    cursor: pointer;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    z-index: 17;
}

#form-filter:hover, #form-filter:hover div, #form-filter div:hover {
    border-color: #ff6519;
}

#form-filter:before {
    position: absolute;
    top: 8px;
    right: 12px;
    padding-right: 0 !important;
    color: #999;
    font-size: 24px;
}

#form-filter div {
    position: absolute;
    top: 38px;
    left: -1px;
    width: 220px;
    padding: 14px 12px;
    border: 1px solid #ccc;
    background: #e8e8e8;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    font-style: italic;
    font-size: 12px;
}

.descriptive-box {
    display: inline-block;
}

.descriptive {
    font-size: 12px;
    position: relative;
    display: block;
    padding-left: 18px;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 15px;
}

.descriptive:before {
    content: " ";
    width: 12px;
    height: 12px;
    background-color: #27D6B3;
    position: absolute;
    left: 0px;
    top: 0px;
}

.descriptive.erkezo:before {
    background-color: #27D6B3;
}

.descriptive.elutalt:before {
    background-color: #5e6a9c;
}

.descriptive.technikai:before {
    background-color: #757575;
}

.descriptive.technikai {
    margin-right: 0px;
}

.transaction-properties {
    margin: 10px 0;
    list-style: none;
    padding: 0;
    max-width: 180px;
}

.transaction-asset span {
    position: relative;
    display: block;
    width: 90px;
    height: 17px;
    margin-top: 5px;
    padding: 11px 14px 11px 7px;
    background-image:
        url('data:image/gif;base64,R0lGODlhAQABAIAAAOjp7QAAACH/C1hNUCBEYXRhWE1QPD94cGFj…cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQABAAACAkQBADs=');
    background-color: #E8E9ED;
    background-repeat: repeat-y;
    text-align: right;
    color: #da2121;
}

.transaction-details {
    padding-bottom: 10px;
}

.transaction-details .invoices-search-transaction {
    background: none;
}

.transaction-details .invoices-search-transaction input {
    position: relative;
    left: 0px;
    width: 80%;
    display: block;
}

.transaction-details .invoices-search-transaction input[type="text"] {
    position: relative;
    width: calc(100% - 30px);
    display: inline-block;
    height: 28px;
    padding: 3px 10px;
}

.transaction-details .invoices-search-transaction input[type="submit"] {
    position: relative;
    width: 123px;
    display: inline-block;
    float: right;
    top: 6px;
}

.invoice-item .connect, .invoice-item .disconnect {
    float: right;
}

.invoice-item {
    background-color: #F2F3F7;
    padding: 18px 15px;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 15px 15px;
    position: relative;
    display: flex;
}

.invoice-item > div {
    flex-basis: 20%;
    text-align: center;
}

.invoice-item > div:first-child {
    text-align: left;
}

.invoice-item > div:last-child {
    text-align: right;
}

.invoice-item .fa-eye {
    font-size: 16px;
}

.invoice-item .fa-credit-card {
    font-size: 16px;
}

.basic .invoice-item .fa-credit-card:before {
    padding-right: 8px;
}

.transaction-properties li {
    font-size: 13px !important;
    margin-bottom: 10px !important;
}

.transaction-details-title {
    margin-top: 20px;
    font-weight: bold;
}

.transaction-details-vertical-separator {
    position: absolute;
    top: 20px;
    right: 30px;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #DFDFDF;
}

.transaction-invoice-properties {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    font-size: 14px;
}

.transaction-invoice-properties li {
    font-size: 12px;
    margin-bottom: 8px;
}

.transaction-details .invoice-items {
    margin-bottom: 25px;
}

.form-filter-box {
    display: none;
    position: absolute;
    top: 0px;
    left: 800px;
    width: 308px !important;
    font-style: normal !important;
    border: 1px solid #ccc;
    padding: 12px 12px 22px 12px;
    cursor: pointer;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    z-index: 23;
    background: #e8e8e8;
}

.form-filter-box select {
    margin: 0;
    border: 1px solid #99acca;
    padding: 3px 4px;
    color: #444;
    font-size: 13px;
    font-family: Arial, Helvetica, Syntax, sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-filter-box label {
    display: block;
}

.form-filter-box .sub {
    margin: 10px 0px;
    display: block;
}

.form-filter-box .sub label {
    margin-left: 15px !important;
    font-style: normal !important;
    margin-bottom: 5px;
}

.inline-block {
    display: inline-block;
}

.form-filter-box .inline-block label {
    display: inherit;
}

.form-filter-box .descriptive {
    margin-bottom: 0px;
    margin-left: 5px;
}

.form-filter-box .fa-forward {
    margin-right: -5px;
    margin-left: 5px;
    color: #6E6E6E;
}

.form-filter-box .srcreset-container {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 15px;
}

.form-filter-box #srcreset {
    top: 10px;
    right: 0px;
}

table.invoice-items-list thead tr.light td {
    background-color: #f2f3f7 !important;
    height: 40px;
}

table.invoice-items-list thead tr.light {
    border-bottom: 10px solid #fff;
}

.invoice-items .invoice-item .cell {
    min-width: 240px;
    text-align: center;
    display: inline-block;
}

.invoice-items .invoice-item a {
    display: inline-block;
    min-width: 240px;
}

.invoice-items .invoice-item-details {
    background-color: #F2F3F7;
    padding: 18px 15px;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 15px 15px;
    position: relative;
    justify-content: space-between;
    display: flex;
}

.invoice-items .invoice-item-details a {
    display: inline-block;
    min-width: 140px;
    padding-left: 10px;
}

.invoice-items .invoice-item-details .detailItemPartner {
    display: inline-block;
    min-width: 410px;
    max-width: 410px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 14px;
}

.invoice-item-head {
    background-color: #f2f3f7 !important;
    padding: 15px;
    border-bottom: 10px solid #fff;
    font-style: italic;
    display: flex;
}

.invoice-item-head > div {
    flex-basis: 20%;
    text-align: center;
}

.invoice-item-head .cell {
    text-align: center;
    display: inline-block;
    font-size: 12px;
}

.invoice-items .invoice-item .cell a {
    text-align: center;
}

.fix-width-cell-left {
    width: 950px;
}

.kizaras-container {
    display: inline-block;
}

div#parositas-container {
    margin-top: 15px;
    display: none;
}

.transaction-details-modal {
    background-color: #fff;
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 250px);
    padding: 15px;
    width: 500px;
    height: auto;
    margin: 0 auto;
    z-index: 23;
    border: 4px solid #E4E4E4;
    border-radius: 3px;
}

.transaction-details-modal-fade {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 22;
}

.transaction-details-modal h1 {
    position: relative;
    left: 0px;
    display: inline-block;
    margin-bottom: 25px;
}

.transaction-details-modal .close-modal {
    font-size: 14px;
}

a.closebutton:before {
    color: #626A99;
    padding-right: 5px !important;
    text-decoration: none !important;
}

.suggested-result-tag {
    background-color: #627895;
    color: #fff;
    position: relative;
    padding: 5px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none !important;
    margin-right: 15px;
}

.suggested-result-container {
    display: inline-block;
}

.suggested-result-container a {
    min-width: 0px !important;
}

.suggested-result-item {
    background-color: #F1F8FD;
}

/* BEFIZETÉSEK - JÓVÁÍRÁS */
ul.jovair-header-menu {
    list-style-type: none;
}

ul.jovair-header-menu li a {
    padding: 5px 0;
    font-size: 12px;
}

ul.jovair-header-menu li a.fa-boldLink {
    font-weight: bold !important;
}

ul.jovair-header-menu li a[class*="fa-"]:before {
    padding-right: 10px;
    padding-left: 0px;
    font-size: 16px;
    vertical-align: middle;
    text-decoration: none !important;
    width: 20px;
}

.bankitranzakcioslista-link {
    position: relative;
    padding-left: 25px;
}

.bankitranzakcioslista-link .fa-list:before {
    position: absolute;
    left: 0px;
    top: 0px;
}

.jovairas-torlese-link {
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.jovairas-torlese-link span {
    display: inline-block;
}

.jovairas-torlese-link .fa-trash:before {
    font-weight: normal;
    position: absolute;
    left: 0px;
    top: -2px;
}

.jovairas-hozzaadasa-link {
    position: relative;
    padding-left: 25px;
    float: right;
}

.jovairas-hozzaadasa-link .fa-plus:before {
    position: absolute;
    left: 0px;
    top: 1px;
}

.jovairas-kiegyenlitese-link {
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.jovairas-item {
    width: 650px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.transaction-ul {
    margin: 10px 0;
    list-style: none;
    padding: 0;
    font-size: 13px;
}

.transaction-ul li {
    margin-bottom: 10px;
    font-size: 13px;
}

/* MAGNETBANK */
.normal-font {
    font-weight: normal !important;
}

.bold {
    font-weight: bold;
}

.font-14 {
    font-size: 14px;
}

.font-10 {
    font-size: 10px;
}
.font-8 {
    font-size: 8px;
}
#beallitasokbankdiv {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.magnetbank-guide,
.navonline-guide {
    margin-top: 10px;
    background: #f2f3f7;
    position: relative;
}

.magnetbank-guide-item,
.navonline-guide-item {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.magnetbank-guide-item-number,
.navonline-guide-item-number {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 38px;
    height: 38px;
    border-radius: 50px;
    background-color: #3b4657;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff !important;
}

.magnetbank-guide-item-number.active,
.settings-container .step-stack.active {
    background-color: #ff6630;
}

.settings-container .step-icon {
    max-height: 38px;
}

.magnetbank-guide-item-text {
    padding-left: 55px;
    font-size: 13px;
    max-width: 200px;
    margin-top: 5px;
}

#magnetbank-guide-imagebox,
.magnetbank-guide-imagebox,
#navonline-guide-imagebox,
.navonline-guide-imagebox {
    margin-top: 15px;
    width: 280px;
    height: 170px;
    border: 5px solid #3B4657;
    background-size: 100%;
    margin-bottom: 15px;
}

#magnetbank-guide-imagebox,
.magnetbank-guide-imagebox {
    width: 390px !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.magnetbank-guide-imagebox1 { background-image: url('../images/magnetbank/magnetbank-guide01.png'); }
.magnetbank-guide-imagebox2 { background-image: url('../images/magnetbank/magnetbank-guide02.png'); }
.magnetbank-guide-imagebox3 { background-image: url('../images/magnetbank/magnetbank-guide03.png'); }
.magnetbank-guide-imagebox4 { background-image: url('../images/magnetbank/magnetbank-guide04.png'); }
.magnetbank-guide-imagebox5 { background-image: url('../images/magnetbank/magnetbank-guide05.png'); }

.magnetbank-guide-renew-imagebox1 { background-image: url('../images/magnetbank/magnetbank-renew-guide01.png'); }
.magnetbank-guide-renew-imagebox2 { background-image: url('../images/magnetbank/magnetbank-renew-guide02.png'); }
.magnetbank-guide-renew-imagebox3 { background-image: url('../images/magnetbank/magnetbank-renew-guide03.png'); }
.magnetbank-guide-renew-imagebox4 { background-image: url('../images/magnetbank/magnetbank-renew-guide04.png'); }
.magnetbank-guide-renew-imagebox5 { background-image: url('../images/magnetbank/magnetbank-renew-guide05.png'); }
.magnetbank-guide-renew-imagebox6 { background-image: url('../images/magnetbank/magnetbank-renew-guide06.png'); }

.navonline-guide-imagebox1 {
    background-image: url('../images/navonline/navonline-guide-1-v11.png');
}

.navonline-guide-imagebox2 {
    background-image: url('../images/navonline/navonline-guide-2-v11.png');
}

.navonline-guide-imagebox3 {
    background-image: url('../images/navonline/navonline-guide-3-v11.png');
}

.navonline-guide-imagebox4 {
    background-image: url('../images/navonline/navonline-guide-4-v11.png');
}

.navonline-guide-imagebox5 {
    background-image: url('../images/navonline/navonline-guide-5-v11.png');
}

.navonline-guide-imagebox6 {
    background-image: url('../images/navonline/navonline-guide-6-v11.png');
}

.navonline-guide-imagebox7 {
    background-image: url('../images/navonline/navonline-guide-7-v11.png');
}

.navonline-guide-imagebox8 {
    background-image: url('../images/navonline/navonline-guide-8-v11.png');
}

.navonline-guide-imagebox9 {
    background-image: url('../images/navonline/navonline-guide-9-v11.png');
}

.navonline-guide-imagebox10 {
    background-image: url('../images/navonline/navonline-guide-10-v11.png');
}

.navonline-guide-imagebox11 {
    background-image: url('../images/navonline/navonline-guide-11-v11.png');
}

.navonline-guide-imagebox12 {
    background-image: url('../images/navonline/navonline-guide-12-v11.png');
}

.navonline-guide-imagebox13 {
    background-image: url('../images/navonline/navonline-guide-13-v11.png');
}

.navonline-guide-imagebox14 {
    background-image: url('../images/navonline/navonline-guide-14-v11.png');
}

.navonline-guide-imagebox15 {
    background-image: url('../images/navonline/navonline-guide-15-v11.png');
}

.navonline-guide-imagebox16 {
    background-image: url('../images/navonline/navonline-guide-16-v11.png');
}

.navonline-guide-imagebox17 {
    background-image: url('../images/navonline/navonline-guide-17-v11.png');
}

.magnetbank-form label,
.navonline-form label {
    margin-right: 10px;
    width: 202px;
    text-align: right;
    display: inline-block;
    font-size: 13px;
}

.magnetbank-guide-item-number .fa-chevron-left,
.navonline-guide-item-number .fa-chevron-left {
    display: inline-block;
    padding: 1px 0 0 6px;
    color: #fff !important;
}

.magnetbank-guide-item-number .fa-chevron-right,
.navonline-guide-item-number .fa-chevron-right {
    display: inline-block;
    padding: 1px 0 0 10px;
    color: #fff !important;
}

.magnetbank-imagebox-pager,
.navonline-imagebox-pager {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}

.magnetbank-guide-pager-item,
.navonline-guide-pager-item {
    margin-right: 20px;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

.magnetbank-guide-pager-item .inactive,
.navonline-guide-pager-item .inactive {
    background-color: #BFBFBF;
    pointer-events: none;
    cursor: default;
}

.magnetbank-guide-pager-item .magnetbank-guide-item-number:hover,
.navonline-guide-pager-item .navonline-guide-item-number:hover {
    cursor: pointer;
    background-color: #d55528;
}
/* MAGNETBANK - STYLE GUIDE BLUE */
.inner-modal-container {
    background: #fff;
    padding: 18px;
    max-width: 1300px;
    margin: 0 auto;
}

.magnetbank-guide-blue,
.navonline-guide-blue {
    background: #3B4657;
    color: #fff;
}

.magnetbank-guide-blue a,
.navonline-guide-blue a {
    color: #fff !important;
}

.magnetbank-guide-blue a:hover,
.navonline-guide-blue a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.magnetbank-guide-blue .magnetbank-guide-item-number,
.navonline-guide-blue .navonline-guide-item-number {
    border: 2px solid #fff;
}

.magnetbank-guide-blue .magnetbank-guide-item-number.active,
.navonline-guide-blue .navonline-guide-item-number.active {
    border-color: #FF6630;
}

.magnetbank-guide-blue .magnetbank-guide-item-number.active:hover,
.navonline-guide-blue .navonline-guide-item-number.active:hover {
    border-color: #d55528;
}

.magnetbank-guide-blue .magnetbank-guide-item-number.inactive,
.navonline-guide-blue .navonline-guide-item-number.inactive {
    border-color: #BFBFBF;
}

.magnetbank-guide-blue .magnetbank-guide-imagebox,
.navonline-guide-blue .navonline-guide-imagebox {
    border: 5px solid #fff;
}

.magnetbank-guide-parent h3.dottedTitle.multi {
    margin-bottom: 0;
    border-bottom: 0;
}

.magnetbank-guide-parent .bankAccounts {
    border-bottom: 1px dashed #4e6685;
}

.magnetbank-guide-parent .bankAccounts .multi-line-select {
    margin-top: auto;
    margin-bottom: 5px;
}

/* Minősített fiók */
.certified-account-side-box td {
    background-color: #f2f3f7;
}

.certified-account-side-box .fa-exclamation-circle,
.certified-account-side-box .fa-check-circle {
    font-size: 16px;
    color: #636363;
    position: relative;
    top: 1px;
}

.certified-account-side-box .status {
    text-transform: uppercase;
    font-weight: bold;
}

.certified-account-side-box .status-box {
    margin-bottom: 22px;
    margin-top: 5px;
}

.certified-account-side-box label {
    margin-bottom: 5px;
    position: relative;
    display: block;
    margin-top: 20px;
}

.certified-account-side-box-header {
    background-color: #536685;
    color: #fff;
    padding: 10px 10px 10px 20px;
    position: relative;
    margin-top: 25px;
}

.certified-account-side-box-header:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #536685;
    position: absolute;
    bottom: -8px;
    left: 135px;
}

.certified-account-side-box-header .fa-exclamation-circle,
.certified-account-side-box-header .fa-check-circle {
    font-size: 20px;
}

.certified-account-side-box-header .status {
    position: relative;
    top: -2px;
    text-transform: uppercase;
}

.bn_comp_check_control > div {
    display: inline-block;
    margin-left:17px;
    margin-right:17px;
    margin-bottom:5px;
}

.bn_comp_check_control > div:last-child{
    float:right;
}

.bn_comp_check_control .bn_comp_check-button {
    padding-right:40px;
    padding-left:40px;
    float:left;
}

.bn_comp_check-img {
    margin-left:10px;
    padding:0;
}

.centered-content > div:nth-last-child(2) {
    margin-bottom: 0;
}

.paynowlink{
    color: #da2121 !important;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
}

/* Amikor egy link inaktív */
.inactiveLink {
   pointer-events: none;
   cursor: default;
}

.modal-box {
    padding: 20px;
    border: 1px solid #c9d6e7;
}

.modal-footer {
    margin-top: 30px;
}

.dottedTitle {
    margin: 15px 0 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #4e6685;
    font-size: 17px;
    text-transform: none;   /* we need this to override the style that is set globally (in the future get rid of this)*/
}


.dottedTitle.normal-font {
    font-size: inherit;
}

.dashedHorizontalLine {
    position: relative;
    z-index: 1;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    text-align: center;
}

.dashedHorizontalLine:before {
    content:"";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-top: 1px dashed #000;
}

.dashedHorizontalLine span {
    padding: 0 20px;
}

.dashboardArrowRight {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #aabedc;
}

#help_alanyiadomenteskeret,
#help_katakeret {
    height: 22px;
    display: inline-block;
    width: 22px;
    margin-right: 0;
    text-align: center;
}

/* DEVE-2362 */
#inner-content.vezerlopult {
    padding-top: 24px;
}

.pre-wrap{
	white-space: pre-wrap;
}

/* DEVE-2483 Számlaszerkesztőben a partnerkereső módosítása - autocomplete-nél szögletes és nem gömbölyű keretek lesznek*/
.ui-menu {
    border-radius: 0px !important;
}
/* DEVE-2657 */
.flag-new {
    border-radius: 100px;
    background-color: #FF3838;
    padding: 0px 10px 0px 10px;
    position: relative;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0.13px;
    float: right;
}

.invoice-options {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background-size: 112% !important;
}

.invoice-options-incoming {
    background: url(../images/incoming-invoice-stop-bg.png) no-repeat center white;
    background-position-y: -100px;
    min-height: 700px;
}

.invoice-options-archivum {
    background: url(../images/archivum-stop-bg.png) no-repeat center white;
    background-position-y: -100px;
    min-height: 500px;
}

.invoice-options .option-container {
    margin: 0 auto;
    width: 50%;
}
.incoming-invoice-options,
.invoice-options .option {
    margin-top: 0;
    padding-top: 30px;
}
.invoice-options .option-box.left {
	float: left;
	width: 49%;
    padding: 15px 0;
    text-align: center;
}
.invoice-options .option-box .box {
    padding: 0 35px;
}
.invoice-options .option-box .icon {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    border-radius: 2.85714rem;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 63px;
    background: #98D956;
    vertical-align: middle;
}

.search-right-icon{
    display: inline-block;
    position: absolute;
    right: 0px;
    color: #ffffff;
    text-align: center;
    width: 38px;
    height: 38px;
    font-size: 18px;
    line-height: 26px;
    background: #607A9E;
    vertical-align: baseline;
}

.search-right-icon i:before {
    padding-right: 0px;
}

.invoice-options .option-box .icon.fa-money,
.invoice-options .option-box .icon.fa-newspaper-o {
    border: 2px #ff6630 solid;
    background: none;
    color: #ff6630;
}
.invoice-options .option-box .icon.fa-file-text:before {
	font-size: 30px;
}
.invoice-options .option-box .icon.fa-check {
    border: 2px solid #98D956;
    color: #98D956;
}

.invoice-options .option-box .icon.fa-check:before,
.invoice-options .option-box .icon.fa-trophy:before {
    padding-right: 0;
}

.invoice-options .option-box .certifiedIcon.large {
    font-size: 32px;
}

.invoice-options .option-box .title {
    font-size: 23px;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    letter-spacing: 0.22px;
    padding: 16px 0 24px 0;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
}
.invoice-options .option-box .title span {
    text-transform: lowercase;
}
.invoice-options .option-box .desc-container {
    margin: 0 auto;
    width: 335px;
    margin-bottom: 50px;
}
.invoice-options .option-box .desc {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.13px;
}
.invoice-options .option-box .button-holder {
    padding: 0 20px;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
}
.invoice-options .option-box .button-holder a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    cursor: pointer;
}
.invoice-options .option-box .button-holder a.gray-button,
.invoice-options .option-box .button-holder a.orange-button {
	margin: 0;
    height: 46px;
    border-radius: 4px;
    line-height: 42px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none #FF6630;
}
.invoice-options .option-box .button-holder a.orange-button:hover {
    background: none rgba(255, 102, 48, 0.8);
}

.invoice-options .option-box .button-holder a.gray-button {
    background: #b7b7b7;
    border: 0;
    cursor: default;
}
.szamlazz-text {
    color: #ff6519;
    font-weight: bold;
}

/* DEVE-2675 */
#inner-content .whiteBox.package-info-container {
    min-width: 75%;
}
/* DEVE-2686 */
.normalText {
	font-weight: normal;
	font-size: 12px;
}

/* DEVE-2710 */
.tag-holder {
	float: right;
    padding: 10px;
}

/* DEVE-2718 */
.mb-prefix.disabled {
	background: none;
}

/* DEVE-2817 */
.tag-container .tag-holder {
    padding-right: 0px;
}

.szlatomb-desc {
    text-align: left;
    width: 100%;
    padding: 0 15px;
}

.szlatomb-enabled.fa-check,
.szlatomb-payable.fa-check {
    color: #444;
    padding-left: 10px;
}

a.prefix-title.help_modosit {
	text-decoration: none !important;
	padding-right: 10px;
}

#forgalmilekerdezesform .error {
    width: 300px;
    margin-left: 150px;
}

.inactive-prefix {
	color: #6c727b;
}

.inactive-prefix.help_szamla,
.inactive-prefix.help_megbizott {
    height: 100%;
    font-size: 12px;
    padding-right: 10px;
    cursor: default;
}

.szlatomb-enabled.inactive-prefix {
	color: #6c727b !important;
}

.navblocked-prefix {
    color: #da2121;
    cursor: default;
}

a.help_pay.help-me,
a.help_type.help-me {
    font-style: normal;
}

.invoice-options .option-box .icon-container {
    height: 64px;
}

ul.tooltip-list {
    counter-reset: item;
    margin: 0.8rem 0 1.5em 1em;
    padding: 0;
}
ul.tooltip-list li {
    counter-increment: item;
    list-style-type: none;
    margin-left: 1.8rem;
    padding: 5px 0;
    text-indent: -2rem;
}
ul.tooltip-list li:before {
    content: counter(item) '.';
    display: inline-block;
    font-weight: bold;
    padding-right: .5rem;
    text-align: right;
    width: 1.5rem;
}

.overflowHide {
    overflow: hidden;
}
.overflowInit {
    overflow: initial;
}

/* díjcsomagom */

@media only screen and (max-width: 840px) {
    .myplan-container .tippbox-container  {
        height: 255px;
    }
}

.myplan-container {
    color: #404040;
    width: 100%;
    max-width: 850px;
}

.tippbox-container {
    height: 227px;
    color: #fff;
    background: #3B4657;
    -webkit-box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    -moz-box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    border-radius: 4px;
    display: block;
}

.tippbox-container.medium {
    width: 100%;
    height: 132px;
}

.tippbox-container.medium .l-buttonHolder {
    padding-left: 0;
}

.tippbox-container.medium .l-subtitle{
    padding: 0;
}

.tippbox-container.medium .l-iconHolder,
.tippbox-container.medium .content-box {
    float: left;
    width: 50%;
}

.tippbox-container.medium .l-iconHolder {
    width: 10%;
}

.tippbox-container.medium .content-box.left {
    width: 40%;
    line-height: 80px;
    padding: 20px 0 0 0;
}

.tippbox-container.medium .content-box.right {
    font-size: 15px;
    line-height: 19px;
    display: table;
    height: 133px;
    width: 50%;
}

.tippbox-container.medium .content-box.right p {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle;
}

.infobox-container .fal.fa-info-circle:before {
    font-size: 42px;
}

.infobox-container.incoming .fal.fa-info-circle:before {
    color: #FF6630;
}

.tippbox-container.medium .l-iconHolder .icon.bulb {
    background-size: 50px;
}

.tippbox-container.medium .list {
    display: table-cell;
    height: auto;
    padding-right: 15px;
    vertical-align: middle;
}

.tippbox-container.medium .list ul {
    list-style-type: none;
}

.tippbox-container.medium ul {
    margin: 0;
    padding-left: 22px;
}
.tippbox-container.medium .content-box.right {
    font-size: 16px;
}

.tippbox-container.medium ul > li {
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    margin: 8px 0 0 0;
    padding: 0;
    position: relative;
}

.tippbox-container.medium ul.tips2 > li {
    margin-top: 12px;
}

.tippbox-container.medium ul > li:before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 14px;
    background-image: url('../images/plus_icon_18px.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -22px;
}


.tippbox-container.medium .exclamation:before{
    background-image: url('../images/felkialtojel_2.png') !important;
    background-size: 20px !important;
}


.pricing-itemList .l-subtitle ul {
    padding-left: 26px;
}

.pricing-itemList .l-subtitle ul > li {
    line-height: 22px;
    list-style-type: none;
    margin-bottom: 20px;
    position: relative;
}

.pricing-itemList .l-subtitle ul > li:before {
    content: '';
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 18px;
    background-image: url('../images/plus_icon_18px.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -26px;
}

.pricing-itemList .l-subtitle .zarokata-warning-item:before {
    font-family: FontAwesomeSolid;
    content: "\f071" !important;
    color: #FF6630;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-size: 18px;
    background-image: none !important;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -26px;
}

.exclamation:before{
    background-image: url('../images/felkialtojel_2.png') !important;
    background-size: 24px !important;
}

.tippbox-l-hint ul {
    padding-left: 40px;
    padding-right: 15px;
}

.tippbox-l-hint ul > li {
    line-height: 18px;
    list-style-type: none;
    margin-bottom: 4px;
    position: relative;
}
.widget.autokata-dashboard.promo ul > li:before,
.tippbox-l-hint ul > li:before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 12px;
    background-image: url('../images/plus_icon_18px.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -24px;
}

.widget.autokata-dashboard.promo .exclamation:before{
    background-image: url('../images/felkialtojel_2.png') !important;
    background-size: 18px !important;
}


.widget.autokata-dashboard.promo ul > li:before {
    left: 0;
}

.infobox-container {
    margin: 0 auto;
    width: 526px;
    background: #FF6630;
    color: #fff;
    -webkit-box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    -moz-box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    box-shadow: 0px 2px 28px 0px rgba(62,62,62,0.24);
    border-radius: 4px;
    color: #fff;
}
.infobox-container .l-title {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}

.infobox-container .l-subtitle {
    margin: 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    padding: 15px;
}

.infobox-container .l-iconHolder {
    max-height: 38px;
    height: 38px;
}

.infobox-container .l-button.medium.primary.update-button {
    background: #fff;
    color: #3B4657 !important;
    margin: 0 0 15px 0;
    font-weight: normal !important;
}

.infobox-container .l-button.medium.primary.update-button:hover {
    color: #fff !important;
}

.m-pricing .tippbox-container.medium div.l-subtitle {
    padding: 0;
    text-align: center;
}

.pays-container {
    width: 850px;
}

.myplan-container .container {
    margin-bottom: 40px;
}

.myplan-container .content-box {
    width: 40%;
    float: left;
}
.myplan-container .content-box.right {
    width: 60%;
}
.myplan-container .list {
    display: table-cell;
    vertical-align: middle;
    height: 228px;
}

.myplan-container .content-box li {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 10px 0;
}

.myplan-container .payment-time,
.myplan-container .next-package {
    color: #404040;
    font-size: 15px;
    padding-bottom: 10px;
}

.myplan-container .payment-time span,
.myplan-container .next-package span {
    color: #1C1C1C;
}

.myplan-container .pays {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    border-spacing: 0;
    text-align: left;
}

.myplan-container .pays tbody .paycell-rowspan {
    padding-bottom: 10px;
    padding-top: 10px;
}

.myplan-container .pays tbody .paycell-nowrowspan {
    padding-bottom: 5px;
    padding-top: 5px;
}

.myplan-container .pays thead th {
    background: #FAFAFA;
    padding: 20px 15px 20px 15px;

}

.myplan-container .pays tbody td {
    background: #F3F3F3;
}

.myplan-container .pays .color-fizker-neutral {
    color: #3B4657;

}

.myplan-container .pays .color-fizker-success {
    color: #60BD68;
}

.myplan-container .pays .color-fizker-error {
    color: #DA2121;
}

.myplan-container .pays .fizker-success-infotext {
    display: inline-block;
    font-size: 12px;
    max-width: 200px;
}

.myplan-container .pays tbody td.payrow-spacer {
    height: 6px;
    background-color: #FFFFFF;
}

.myplan-container .pays tbody .paycell-first,
.myplan-container .pays thead .payheader-first {
    padding-left: 10px;
}
.myplan-container .pays tbody .paycell-last {
    padding-right: 10px;
}

.help-balance,
.help-cards,
.help-payments {
    position: absolute;
    padding-left: 3px;
    color: #FF6630 !important;
    line-height: 26px;
}

.balance-container .l-button.primary.blue {
    width: 220px !important;
    font-weight: normal !important;
}

.myplan-container .actual-balance {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 15px;
}

.myplan-container .actual-balance .amount {
    color: #3B4657;
    font-size: 16px;
    font-weight: bold;
}

.myplan-container .actual-balance .amount.debit {
    color: #FF3838;
}

.myplan-container .l-hint .hint-icon:before {
    color: #3B4657;
}

.cardsHolder .itemHolder {
    width: 340px;
    height: 180px;
    float: left;
    border-radius: 10px;
    background: #FAFAFA;
    margin: 0 20px 20px 0;
    border: solid 1px #BFBFBF;
}

.cardsHolder .card-item-lejart {
    border-color: #ffcb31;
    border-width: 2px;
    border-style: solid;
}

.cardsHolder .card-item {

}

.cardsHolder .card-item .number {
    color: #3B4657;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.cardsHolder .content {
    font-size: 15px;
    width: 100%;
    line-height: 19px;
    color: #404040;
}

.cardsHolder .card-item .name {
    float: left;
    font-size: 16px;
    color: #404040;
    letter-spacing: 0;
    line-height: 19px;
}

.cardsHolder .card-item .paymentImage {
    width: 65px;
}

.cardsHolder .card-item .cardItemBody {
    height: 80px;
}

.cardsHolder .card-item .cardItemFooter {
    background-color: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

.cardsHolder .card-item .cardItemFooter .lejart-badge {
    color: #FFFFFF;
    width: 90px;
    height: 18px;
    background: #DA2121;
    border-radius: 42px;
    font-weight: 600;
    font-size: 9px;
    line-height: 16px;
    text-align: center;
}

.cardsHolder .buttonsHolder {
    display: table;
    width: 100%;
}

.cardsHolder .buttonsHolder .title {
    float: left;
    padding-left: 10px;
}

.cardsHolder .buttonsHolder .success,
.cardsHolder .buttonsHolder .error {
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
}

.cardsHolder .autopay {
    width: 65%;
    line-height: 30px;
}

.cardsHolder .autopay:not(.expired) .toggleHolder input:checked+label {
    background-color: #5BB460;
}

.cardsHolder .icon-trash {
    float: right;
    position: relative;
    padding: 10px;
    font-size: 20px;
}

.cardsHolder .icon-trash a.fa-trash {
    color: #767676 !important;
    font-weight: normal !important;
}

.cardsHolder .icon-trash a.fa-trash:hover {
    color: #404040 !important;
    font-weight: normal !important;
}

.cardsHolder .readonly-item {
    border: 0 !important;
    padding-left: 0;
    background: none;
    outline: none;
}

.cardsHolder .edit-item {
}

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

.cardsHolder a.right-side.fa-pencil.help_modosit {
    margin-left: -16px;
}

.faktoring-toggle .toggleHolder input:checked+label {
    background-color: #5BB460;
}

.faktoring-toggle .toggleHolder input:not(checked)+label {
    background-color: #757575;
}

.previous-payments-container .content {
    font-size: 14px;
    margin-bottom: 15px;
}

.l-buttonHolder.mini.right {
    float: right;
}

.toggleHolder {
    float: left;
    width: 30px;
    line-height: 24px;
    margin-top: 6px;
}

.toggleHolder label {
    display: block;
    width: 30px;
    height: 18px;
    margin: 0px auto;
    border-radius: 100px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background-color: #E6E9EC;
}

.toggleHolder input {
    display: none;
}

/* The toggle */
.toggleHolder i {
    height: 14px;
    width: 14px;
    background: #ffffff;
    display: inline-block;
    border-radius: 100px;
    margin-top: 0;
    margin-left: 2px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    pointer-events: none;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.toggleHolder label:hover>i {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
    transform: scale(1.01);
}

.toggleHolder input:checked+label>i {
    margin-left: 14px;
}

.toggleHolder label:active {
    background-color: #5f5f5f;
}

.toggleHolder label:active>i {
    width: 14px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
}

.toggleHolder input:checked+label:active>i {
    margin-left: 14px;
}

.toggleHolder input:checked+label {
    background-color: #404040;
}

.cardsHolder .error i.fa-exclamation-circle {
    font-style: normal;
}
.cardsHolder .error span.text {
    font-style: normal;
    font-size: 13px;
}

.test-container .l-sectionTitle {
    margin-bottom: 0;
    padding-bottom: 0;
}
.test-container .l-button.large.primary {
    color: white !important;
    font-weight: normal !important;
}

/* DEVE-2860 */
.infobox-container.demo .l-buttonHolder {
	padding-top: 20px;
}
.container .hint-icon {
    text-decoration: none !important;
}

/* DEVE-2951 */
.invoice-details h5.title {
	margin: 15px 0 10px 0 !important;
    font-size: 14px;
    font-weight: bold;
}

.invoice-details h5.title.vevo,
.invoice-details h5.title.date,
.invoice-details h5.title.szallito {
    margin: 5px 0 15px 0 !important;
}

.invoice-details .actions h5.title:first-child {
    margin: 5px 0 0 0 !important;
}

.actions-container {
    height: 100%;
    border-left: 1px dashed #fef;
    padding-left: 40px;
}

.actions-container.csatolmanyok-table-parent {
    display: inherit;
}

.invoice-details.incoming .actions-container.csatolmanyok-table-parent ul {
    width: 710px;
}

.l-popup.m-pricing .tippbox-container.medium {
    display: block;
    width: 100%;
    height: 132px;
    margin: 25px auto 15px auto;
    max-width: 820px;
    text-align: left;
}

.infobox-container.incoming {
    margin: 0 0 50px 0;
    text-align: left;
    box-shadow: none;
    min-width: 550px;
}

.infobox-container.incoming .l-iconHolder {
    display: table;
    float: left;
    width: 50px;
    padding: 0 25px 0 5px;
    min-height: 40px;
}

.infobox-container.incoming .l-iconHolder.row2 {
    min-height: 80px;
}
.infobox-container.incoming .l-iconHolder.row3 {
    min-height: 100px;
}

.infobox-container.incoming .l-iconHolder .fontawesome {
    vertical-align: middle;
    display: table-cell;
}

.infobox-container.incoming .l-floatingBox {
    text-align: left;
    box-shadow: 0 2px 28px rgba(62, 62, 62, 0.24);
    line-height: 16px;
    min-width: 550px;
}

.infobox-container.incoming .content {
    line-height: 20px;
}

.infobox-container.incoming .content .text {
    margin-bottom: 10px;
}

.infobox-container.incoming .content .l-buttonHolder.mini {
    margin-left: 50px;
}

.infobox-container.incoming .content .l-buttonHolder.mini .l-button.primary {
    margin: 0 10px 0 0;
}

.incoming-container {
    margin-bottom: 30px !important
}

.invoice-options .option-box .icon {
    color: #ff6630;
    background: none;
    border: 2px solid #ff6630;
}

.invoice-options .l-buttonHolder.small.center.nextBtn {
    margin-top: 50px;
}

.invoice-options .l-buttonHolder .l-button {
    border: 0;
    border-radius: 4px;
    height: 38px;
}

.invoice-options .l-button.medium.secondary:hover {
    border: 0;
}

.invoice-options .l-button.large.primary.popular {
    width: auto;
    background: #98D956;
    height: 50px !important;
    line-height: 50px;
    font-size: 16px !important;
    border: 1px solid #98D956 !important;
}

.invoice-options .l-button.large.primary.popular:hover {
    background: #87c14c;
    border: 1px solid #87c14c !important;
}

.invoice-options .option-box:first-child .box {
    float: right;
}

.invoice-options .option-box:nth-child(2) .box {
    float: left;
    padding-left: 60px;
}

.invoice-options .button-comment {
	margin-top: 15px;
}

tr.options-container .cell-date {
	padding: 0;
}

tr.invoiceView,
.noInvoices {
    padding: 15px 0;
    font-size: 16px;
}

tr.invoiceView {
    display:none;
}

.package-details {
    width: 535px;
    padding-right: 35px;
    display: block;
}

.package-details .l-title {
    text-align: left;
    margin-bottom: 0;
    color: #3B4657;
    font-weight: bold;
    font-size: 40px;
    line-height: 55px;
}

.package-details .l-subtitle {
    font-size: 20px;
    margin: 15px 0 30px 0;
    line-height: 27px;
}

.l-buttonHolder.more-packages {
    margin: 50px 0 0 0;
}

.l-popup .popup-window.profi-box .cancelBtn {
    padding: 10px 0 !important;
    margin-bottom: 40px;
}

.package-details .l-buttonHolder.small {
    margin-bottom: 20px;
}

.package-details .l-buttonHolder.small .l-button {
    height: 48px !important;
    font-size: 14px !important;
    width: auto !important;
}

.l-buttonHolder.more-packages .l-button.large.primary.grey {
    color: #3B4657 !important;
    border-color: #3B4657 !important;
}

/* DEVE-2957 */
form.szamlaedit_form #szfejfolyamatostelj {
    margin-left: -4px;
}

form.szamlaedit_form .right-side.actions-container {
    margin-top: 10px;
}

table .sztet-fokonyv {
	width: 100%;
}

table .sztet-fokonyv input {
    width: 125px;
}

table .sztet-fokonyv .input-error {
	border: 1px solid red !important;
}

table .sztet-fokonyv td {
	border: 0;
    padding: 5px 0 !important;
}

table .sztet-fokonyv .title {
    padding-right: 5px;
}

table .sztet-fokonyv tr.error-row td.cell-right {
    padding-bottom: 0 !important;
}

/* DEVE-3022 */
.help-me.fa-info-circle:before {
    margin-top: -5px;
    margin-left: 0;
    font-size: 22px;
}

.help-me.fa-info-circle.medium:before {
    margin-top: -10px;
    margin-left: 0;
    font-size: 18px;
    width: 11px;
    height: 11px;
}

.help-me.fa-info-circle.txt16:before {
    font-size: 16px;
    display: inline;
}

#form_newszla .icol5.afa {
    margin-top: -4px;
}

.deleted-data {
    text-decoration: line-through
}

/* DEVE-3031 */
.darkblueBox {
    float: left;
    background: #c9d6e7;
}

.settings-container .blueBox {
	padding: 25px;
}

.settings-container aside {
    flex-direction: column;
    margin-right: -1px;
    z-index: 15;
}

.settings-container .menu {
    width: 300px;
    border-left: 1px solid #c9d6e7;
    border-bottom: 1px solid #c9d6e7;
}

.settings-container .menu ul {
    margin-top: 1px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.settings-container .menu ul li {
    font-size: 15px;
    border-bottom: 1px solid #bfccde;
}

.settings-container .menu ul li:last-child {
    border-bottom: 0;
}

.settings-container .menu ul li .title {
    padding: 15px 20px 15px 20px;
}

.settings-container .menu ul li.active {
    background: #eef5fd;
}

.settings-container .menu ul li a {
    text-decoration: none !important;
    font-weight: normal !important;
    color: #444 !important;
}

.settings-container .menu ul li a:hover {
    color: #4e6685 !important;
}

.settings-container .menu ul li.active a {
    font-weight: bold !important;
}

.settings-container .menu #navOnlineMenu {
    display: inline-block;
    padding-right: 0;
    margin-right: 0;
    float: right;
}

.settings-container .menu .autokassza-logo {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 20px;
    height: 20px;
    float: right;
    background-color: #60BD68;
    mask-image: url(../images/autokata/autokata-icon.svg);
    -webkit-mask-image: url(../images/autokata/autokata-icon.svg);
    -webkit-mask-box-image-repeat: unset;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 20px;
}

.settings-container .menu .kszi-logo {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 20px;
    height: 20px;
    float: right;
    background-color: #60BD68;
    mask-image: url(../images/kszi-logo.svg);
    -webkit-mask-image: url(../images/kszi-logo.svg);
    -webkit-mask-box-image-repeat: unset;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 20px;
}


.settings-container .menu .kszi-logo.red {
    background-color: #FF3838;
}

.settings-container .menu .far.fa-credit-card {
    color: #60BD68;
    float: right;
    font-weight: bold;
    margin-top: 2px;
    margin-right: 0;
    padding-right: 0;
    width: 18px;

}

.settings-container .menu .fal.fa-chart-line {
    color: #60BD68;
    float: right;
    font-weight: bold;
    line-height: 19px;
    width: 18px;
}

.settings-container .content {
    display: flex;
}

.settings-container .page-content {
	width: 535px;
	flex-direction: column;
}

.settings-container .page-content .rightPanel {
	width: 535px;
}

.settings-container .page-content .rightPanel input[type="checkbox"] {
    margin-right: 5px;
}

.settings-container .page-content .rightPanel .flexBox.crossAxisStart label {
    margin-top: 2px;
}

.settings-container .page-content .rightPanel h3 {
    padding-top: 15px;
}

.settings-container .page-content .flexBox.crossAxisCenter.btnSave {
    float: right;
    margin-top: 20px;
}

#beallitasform .btnSave {
    margin-top: 40px;
}

.settings-container .ipn-title {
    padding-bottom: 15px;
}

.settings-container .header {
    display: flex;
    margin-bottom: 15px;
    padding: 0;
}

.settings-container .logoHolder {
    flex-direction: column;
    border: 1px dashed #c9d6e7;
    min-width: 75px;
    height: 75px;
    margin-right: 15px;
}

.settings-container .logoHolder .logos {
	display: none;
	width: 100%;
    position: absolute;
    background: rgba(238, 245, 253, 0.7);
}

.settings-container .logoHolder .logos .fa-trash:before {
	padding-right: 3px !important;
}

.settings-container .logoHolder.nologo {
    border: none;
}

.settings-container .logoHolder .help-me {
    width: auto;
    padding: 3px;
    font-weight: normal !important;
    color: #475c78 !important;
    height: 20px;
    font-size: 18px;
}

.settings-container .default-logo:before {
    display: block;
    position: absolute;
    content: "\f030";
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -24px;
    font-family: 'FontAwesomeSolid';
    font-size: 41px;
    color: #4E6685;
    background: none;
}

.settings-container .default-logo:hover {
    opacity: 0.8;
}

.settings-container .default-logo input {
    position: relative;
    width: 70px;
    height: 75px;
}

.settings-container	.logoview {
    float: left;
}

.settings-container .logodel {
    float: right;
}

.settings-container #the_orig_logo {
    min-width: 75px;
    max-width: 300px;
    height: 75px;
}

.settings-container .dataHolder {
    display: table;
    height: 76px;
    line-height: 24px;
}

.settings-container .headerData {
    display: table-cell;
    vertical-align: middle;
}

.settings-container .company {
    margin: 3px 0;
    font-size: 20px;
    font-weight: bold;
}

.settings-container .headerData a {
    text-decoration: none !important;
    color: #444 !important;
}

.settings-container .username {
    margin-top: 5px;
    font-size: 15px;
}

.settings-container .username a {
    font-weight: normal !important;
}

.settings-container .taxnumber {
    line-height: 16px;
    font-size: 15px;
    font-weight: normal !important;
}

.settings-container #file_logo_div {
	display: flex;
    overflow: hidden;
    position: inherit;
    cursor: pointer;
    height: 75px;
}

.settings-container .file_logo {
	cursor: pointer;
}

.settings-container .magnetbank-guide,
.settings-container .navonline-guide {
	background: none;
}

.settings-container #magnetbank-guide-imagebox,
.settings-container .magnetbank-guide-imagebox {
    margin: 10px auto;
    width: 350px;
    height: 220px;
}

.settings-container #navonline-guide-imagebox,
.settings-container .navonline-guide-imagebox {
    margin: 10px auto;
    width: 98%;
    height: 300px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: contain;
}

.settings-container .magnetbank-guide-imagebox1 {
	background: url('../images/magnetbank/magnetbank-guide01.png') no-repeat;
}

.settings-container .navonline-guide-imagebox9 {
    background-color: #eef5fd;
}

.settings-container .magnet-slideshow,
.settings-container .navonline-slideshow {
	text-align: center;
    padding: 0 20px;
}

.settings-container .magnetbank-imagebox-pager,
.settings-container .navonline-imagebox-pager {
    padding-left: 15px;
}

.settings-container .magnetbank-guide-item-text {
	max-width: inherit;
	margin-top: 0 !important;
}

.settings-container .magnetbank-guide-item {
    margin-bottom: 8px;
}

.settings-container .navonline-guide-item {
    margin-bottom: 15px;
}

.settings-container .step-stack {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #3b4657;
    border-radius: 50%;
}

.settings-container .points-indicator {
    color: #1f0e3e;
    position: absolute;
    font-weight: bold;
    top: 50%;
    left: 50%;
    font-size: 10px;
    transform:translateX(-50%) translateY(-50%);
}

.settings-container .navonline-guide-item-text {
    margin-left: 15px;
}

.settings-container .step-icon {
    cursor: pointer;
}

.settings-container .step-point {
    font-size: 16px;
    color: white;
}

.settings-container .magnetbank-guide-item .itemHolder {
    height: 38px;
    display: table-cell;
    vertical-align: middle;
}

.settings-container .magnet-slideshow,
.settings-container .navonline-slideshow {
	margin-bottom: 25px;
}

#toTop.fa-angle-up:before {
    font-size: 26px;
    padding-right: 0;
    color: white;
    padding-top: 4px;
    font-weight: normal;
}

#toTop {
    background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    height: 35px;
    position: fixed;
    right: 75px;
    text-align: center;
    text-transform: uppercase;
    width: 48px;
    opacity: .9;
    z-index: 100000;
    transition: all .2s ease-in-out 0s;
}

.scrollBox.arrow-down #toTop:before {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.scrollBox #toTop:before {
    padding-top: 0;
}

.billingNotification-container .input-errorMessage,
.settings-container .input-errorMessage,
.blue-container .input-errorMessage {
    display: none;
    color: #da2121;
    font-style: italic;
    font-size: 11px;
    line-height: 13px;
    padding-bottom: 5px;
    text-align: right;
}

.blue-container .input-errorMessage {
    padding: 5px 10px 0 0;
}

.settings-container #clearkata,
.settings-container #clearpenzforg {
	float: right;
}

.settings-container a#clearaccsys {
    text-align: right;
}

.settings-container .description-box {
	margin: 5px 0 25px 0;
}

.settings-container .blue-box.toggle-line-container {
	width: auto !important;
}

.vezerlopult .navOnlineReady.fa-exclamation-circle:before {
    font-size: 20px;
    color: #da2121;
}

.settings-container .navOnlineReady.fa-exclamation-circle:before {
    font-size: 28px;
    color: #da2121;
}

.settings-container .kszi-btranz-warning .fa-exclamation-circle:before {
    font-size: 28px;
    color: #60BD68;
}

.settings-container .navOnlineReady.fa-exclamation-circle {
    margin-bottom: 10px;
}

.settings-container #navOnlineReady {
    margin-left: 10px;
}

.settings-container .pageHeader {
    display: table;
}

.settings-container .guideDetails,
.settings-container .nextLink {
    float: right;
    margin: 10px 5px 15px 5px;
}

.settings-container .titleHolder,
.settings-container .iconHolder {
    float: left;
    display: table-cell;
    vertical-align: middle;
     line-height: 30px;
}

.defaultDescBox {
    margin: 0;
    padding: 5px 20px;
}

.certifiedCheck.active {
	color: #98D956;
}

.certifiedCheck.inactive {
    color: #a8a8a8;
}

.certifiedCheck.active:before,
.certifiedCheck.inactive:before {
    padding-right: 3px !important;
}

.certifiedIcon.small {
    font-size: 10px;
}

.certifiedIcon.large {
    font-size: 36px;
}

.certifiedIcon.active {
    color:#57B95F;
}

.certifiedIcon.inactive {
    color:#919191;
}

.navOnlineReady.inactive {
    background: url(../images/nav-online-inactive.svg) no-repeat;
    display: inline-block;
}

.navOnlineReady.active {
    background: url(../images/nav-online-active.svg) no-repeat;
    display: inline-block;
}

.navOnlineReady.warning {
    background: url(../images/nav-online-warning.svg) no-repeat;
    background-size: contain;
    display: inline-block;
}

.navOnlineReady.small {
    width: 16px;
    height: 16px;
    padding-right: 4px;
}

.navOnlineReady.medium {
    width: 30px;
    height: 30px;
}

.navOnlineReady.large {
    height: 72px;
    width: 72px;
}

#ibox-page-content-top {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 10px;
    height: 56px;
}
#ibox-page-content-top .l-iconHolder,
#ibox-page-content-top .content-box {
    width: auto;
}

#ibox-page-content-top .content-box.left {
    display: flex;
    align-items: center;
    line-height: normal;
    padding: 0;
}

#ibox-page-content-top .content-box.right {
	display: flex;
	float: right;
    height: inherit;
    align-items: normal;
}

#ibox-page-content-top .l-iconHolder {
	padding: 4px 0 0 15px;
}

#ibox-page-content-top .l-iconHolder .icon.bulb {
	background: url(../images/nav-allo-ikon_feher-kek.svg) no-repeat;
    background-size: 100%;
    width: 21px;
    height: 26px;
}

#ibox-page-content-top .l-subtitle {
    font-size: 16px;
    padding: 0px 15px !important;
}

#ibox-page-content-top .fa-times-right {
	color: white;
}

#ibox-page-content-top .content-box.right .l-linkHolder {
    margin-top: 5px;
}

.nav-help ol li.popup-text {
    display: list-item;
    list-style-type: decimal;
}

form.partner_form h3.subtitle {
    margin-top: 30px;
}


form.kszi_form h3.subtitle {
    margin-top: 30px;
}

form.kszi_form .postAddress {
    margin-top: 0;
    padding-bottom: 2px;
}

#inner-content form label[for=cikkdesc] {
    margin-bottom: 0 !important;
}


.line-through {
    text-decoration: line-through;
}

#bookkeeper_form input[type=text] {
    width: 430px;
}

.nav-online-thumbs-up,
.certified-check-thumbs-up {
    color: #57B95F;
    padding-left:4px;
    font-size: 16px;
    line-height: 12px;
    vertical-align: middle;
}

.telj-dat-thumbs-up {
    color: #000;
    padding-left:4px;
    font-size: 16px;
    line-height: 12px;
    vertical-align: middle;
}

.fake-link {
    font-weight: bold;
    text-decoration: underline;
    color: #626a99;
}

.fake-link:hover {
    color: #333;
    cursor: pointer;
}

/* admin */
#inner-content.admin-inner-content {
  max-width: 100%;
}

.admin-inner-content {
    width: 95%;
    margin: 0 auto;
}

.admin-inner-content label {
    font-size: 13px;
}

.admin-inner-content label.eqch {
    display: inline;
    margin-bottom: 12px;
    width: auto;
}

.admin-inner-content input[type="checkbox"] {
    vertical-align: middle;
}

.admin-inner-content .subtitle {
    margin: 15px 0 20px;
    padding: 0 0 5px;
    border-bottom: dashed 1px #4E6685;
    font-size: 17px;
    text-transform: none;
}

.admin-inner-content h4 {
    margin: 15px 0 10px;
    font-size: 15px;
}

.admin-inner-content h2 {
    margin: 15px 0 10px;
}

.admin-inner-content .admin-grid .admin-grid-el {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin: 0 20px 20px 0;
}

.admin-inner-content .admin-grid .admin-grid-el.small {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
}

@media screen and (min-width: 1500px) {
    .admin-inner-content .admin-grid .admin-grid-el {
        flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }

    .admin-inner-content .admin-grid .admin-grid-el.small {
        flex: 0 0 calc(16.66% - 20px);
        max-width: calc(16.66% - 20px);
        margin: 0 20px 20px 0;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1000px) {
    .admin-inner-content .admin-grid .admin-grid-el {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

    .admin-inner-content .admin-grid .admin-grid-el.small {
        flex: 0 0 calc(25% - 20px);
        max-width: calc(25% - 20px);
    }
}

.admin-inner-content .admin-grid,
.admin-inner-content .admin-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-flow: row wrap;
}

.admin-inner-content .admin-grid.mainAxisFlexEnd {
    justify-content: flex-end;
}

.admin-inner-content .admin-grid .admin-grid-spacer {
    flex: 1 1 auto;
}

.admin-inner-content .admin-header .admin-section {
  flex: 0 0 50%;
}

.admin-inner-content .admin-section-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
}

.admin-inner-content .admin-section-row.crossAxisStart {
    align-items: flex-start;
}

.admin-inner-content .admin-section-row.wrapped {
    flex-flow: row wrap;
}

.admin-inner-content .admin-section-row.spaceBetween {
    justify-content: space-between;
}

.admin-inner-content .admin-section-row {
    margin-bottom: 8px;
}

.admin-inner-content .admin-section-row> .full-col {
    flex: 1 1 auto;
}

.admin-inner-content .admin-section-row> label:first-child,
.admin-inner-content .admin-section-row> .left-col:first-child {
    flex: 0 0 192px;
    margin-right: 8px;
}

.admin-inner-content .admin-section-row> input.left-col:first-child {
    flex: 0 0 184px;
}

.admin-inner-content .admin-section-row> label:first-child + *:nth-child(2),
.admin-inner-content .admin-section-row> .right-col:nth-child(2) {
    flex: 1 1 auto;
}

.admin-inner-content .admin-section select.styled-dropdown,
.admin-inner-content table.basic select.styled-dropdown {
    max-width: 200px;
}

.admin-inner-content .admin-section select.styled-dropdown.sabloncombo {
    max-width: 125px;
}

.admin-inner-content .admin-section .dk_container a, .styled-dropdown-sparse.dk_container .dk_options a {
    line-height: 1.25em;
    padding-top: 3px;
    padding-bottom: 3px;
}

.admin-inner-content .admin-section .dk_container a.dk_label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-inner-content .admin-section .dk_container .dk_toggle:after {
    top: 4px;
}

.admin-info-box {
    height: auto;
    max-height: 200px;
    overflow: auto;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: pre !important;
}

.admin-info-box.ceggrpdesc-box, .admin-info-box.cegjogdesc-box {
    min-width: 430px;
    max-width: 650px;
}

input.ceggrpdescNewRow, input.ceggrpdescNewRowHubspot, input.cegjogdesc, input.cegjogdescNewRowHubspot {
    width: 444px;
    margin-bottom: 5px;
}

#inner-content.admin-inner-content h2 > a {
    color: #ff6519;
}

.admin-inner-content .admin-grid-full {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.admin-inner-content .admin-grid-full,
.admin-inner-content .admin-grid {
    margin-right: -20px;
}

.admin-inner-content .admin-grid-double {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}

@media screen and (min-width: 1500px) {
  .admin-inner-content .admin-grid-double {
      flex: 0 0 calc(66.66% - 20px);
      max-width: calc(66.66% - 20px);
  }
}

.admin-inner-content .admin-box {
    padding: 20px;
    border: 1px solid #c9d6e7;
    background: #eef5fd;
    box-sizing: border-box;
}

.admin-inner-content .sablon-section .sablon-lang {
    width: 20px;
}

.admin-inner-content table.basic .dk_container {
    text-align: left;
}

.admin-inner-content .dk_container select {
    left: 0;
}

.admin-inner-content table.basic textarea {
    width: 100%;
    min-height: 16px;
}

.admin-inner-content table.basic.pay tbody tr td {
    padding-left: 4px;
    padding-right: 4px;
}

.admin-inner-content table.basic.pay tbody tr td {
    vertical-align: top;
}

.admin-inner-content table.basic.pay tbody tr td select.paytype {
    width: 100px;
}

.admin-inner-content table.basic.pay tbody tr td select.paydijcsomaggazdesem,
.admin-inner-content table.basic.pay tbody tr td select.payautokatagazdesem,
.admin-inner-content table.basic.pay tbody tr td select.payaddongazdesem {
    width: 140px;
}

.admin-inner-content table.basic.pay tbody tr td input {
    width: 75px;
}

.admin-inner-content table.basic.pay tbody tr td input.full {
    width: 95%;
}

.admin-inner-content table.basic.left tr td {
    text-align: left;
}
.admin-inner-content .marginLeft2 {
    margin-left: 2px;
}

.admin-inner-content .usr-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1500px) and (min-width: 1000px) {
  .admin-inner-content .usr-box {
      width: 75%;
  }
}

@media screen and (min-width: 1500px) {
  .admin-inner-content .usr-box {
      width: 50%;
  }
}

.admin-inner-content input:read-only {
  background-color: #eee;
}

.admin-inner-content .label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    background-color: #999999;
}

.admin-inner-content .labels {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
}

.admin-inner-content .labels .label {
    margin-right: 4px;
    margin-bottom: 4px;
}

.admin-inner-content .label.deleted {
    background-color: #b94a48;
}

.admin-inner-content .label.disabled {
    background-color: #f89406;
}

.admin-inner-content .label.cegprimary {
    background-color: #9a65f0;
}

.admin-inner-content .label.most {
    background-color: #009fe3;
}

.admin-inner-content .label.teszt {
    background-color: #468847;
}

.admin-inner-content .label.sosem {
    background-color: #ff00ff;
}

.admin-inner-content .label.zarolt {
    background-color: #886699;
}

.admin-inner-content .label.active {
    background-color: #22b924;
}

.admin-inner-content .label.megszunt {
    background-color: #404040;
}

.admin-inner-content .label.birosag {
    background-color: #fe3505;
}

.admin-inner-content .label.szunetel {
    background-color: #FFAB00;
}

#inner-content.admin-inner-content a.label {
    color: #ffffff;
    text-decoration: none;
}

.admin-inner-content .input-ceg-find {
  width: 400px;
}

.admin-inner-content .admin-section-footer  {
    margin-top: 25px;
    display: flex;
    flex-flow: row nowrap;
    align-content: stretch;
    align-items: center;
}

#inner-content.admin-inner-content .cegform .cegform-save {
    display: none;
}

.admin-inner-content .cegform .admin-section-footer {
    min-height: 36px;
}

.admin-inner-content #pay-table tbody td .input-row,
.admin-inner-content #pay-table tbody td label {
    line-height: 22px;
    margin-bottom: 5px;
}

.admin-inner-content #pay-table .paysave.loading {
    pointer-events: none;
    opacity: 0.5;
}

.admin-inner-content #pay-table .pay-empty-row {
    height: 27px;
}

.admin-inner-content .ceg-link,
.admin-inner-content .usr-link,
.admin-inner-content .accordion {
    cursor: pointer;
}

.admin-inner-content .flexFill {
    flex: 1;
}

.admin-inner-content table.basic thead tr td{
    height: auto;
}

.admin-inner-content .fa-stack .fa-stack-button {
    text-shadow: 0px 0px 3px #777684
}

.admin-inner-content .caption-icon {
    width: 25px;
}

.admin-inner-content .copy-icon {
    color: #fd8686;
}

.admin-inner-content .nowarp {
    white-space: nowrap;
}

.admin-inner-content tr.ceggrpaddon-row td {
    background: #5BB46055;
}

.admin-inner-content table.basic tbody tr.ceggrpaddon-row:hover td {
    background: #5BB46044;
}

.fa-info-circle:before {
    content: "\F05A";
    font-size: 24px;
    vertical-align: middle;
    margin-left: 8px;
}

.container-offer a {
    font-weight: normal !important;
}

.double-caret-left,
.double-caret-right {
    left: -3px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 0;
    width: 0;
    line-height: 0;
}

.double-caret-left {
    left: -5px;
}

.double-caret-left>.fa-caret-left:first-child,
.double-caret-right>.fa-caret-right:first-child {
    left: -4px;
}

.double-caret-left>.fa-caret-left:nth-child(2),
.double-caret-right>.fa-caret-right:nth-child(2) {
    left: 3px;
}

.double-caret-down {
    left: -4px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 0;
    width: 0;
    line-height: 0;
}

.double-caret-down>.fa-caret-down:first-child {
    left: -4px;
    margin-top: -3px;
}

.double-caret-down>.fa-caret-down:nth-child(2) {
    left: -4px;
    margin-top: 4px;
}

.fa,
.fas,
.fad,
.far,
.fal,
.fab {
  line-height: inherit;
}

.PoAjanlo h3.dottedTitle {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 0;
}

.PoAjanlo h3.dottedTitle a {
    text-decoration: none !important;
}

.PoAjanlo .inviteHolder.shareSocial,
.PoAjanlo .inviteHolder.partners {
    padding-bottom: 15px;
}

.PoAjanlo .blueBox {
    padding-bottom: 30px;
}

.vezerlopult #help_meghivottak {
    margin-left: 0px;
}

.vezerlopult .cugselect-parent.cugmod-button-hidden .cugselect {
    margin-right: 100px;
}

.vezerlopult .cugselect-parent.cugmod-button-hidden .cugmod-button {
    display: none;
}

.vezerlopult .ask-send .left-side {
    padding: 2px 0;
    line-height: 15px;
}

.vezerlopult .ask-send-mb {
    margin-top: 15px;
}

.vezerlopult .ask-send-mb label {
    line-height: 26px;
}

.vezerlopult .ask-send-mb input[type="checkbox"] {
    vertical-align: middle;
}

.autokata-package-container {
    margin-top: 30px;
}

.autokata-package-container .title.active {
    border-bottom-color: #739CC3;
}

.autokata-package-container .title.inactive {
    border-bottom-color: #59B75F;
}

.dijcsmod-container .default-desc {
    color: #404040;
    font-size: 15px;
    line-height: 19px;
    margin-top: 15px;
}

.autokata-package-container .default-desc .fa-check:before {
    color: #77BE6C;
    padding: 0px 4px;
}

.payment-time .period.label {
    font-weight: bold;
}

.autokata-package-container .next-package {
    padding-left: 5px;
}

#beallitasform .fa-check,
.autokata-container .fa-check {
    color: #98D956;
    padding-left: 5px;
}

/* Widgets styles */

.widget.autokata-dashboard .widget-header {
    margin-bottom: 10px;
    display: table;
}

.widget.autokata-dashboard .inline-header {
    background-color: #EEF5FD;
}

.widget.autokata-dashboard .inline-header.sync-inprogress {
    display: block;
    z-index: 40;
    position: relative;
}

.widget.autokata-dashboard .inline-header.sync-inprogress .title.error {
    margin: 0;
}

.widget.autokata-dashboard #error-icon:before {
    font-size: 14px;
    line-height: 14px;
}

.widget.autokata-dashboard #sync-icon:before {
    font-weight: normal;
    padding-right: 0;
}

.widget.autokata-dashboard .widget-content.info-layer {
    display: none;
}

.widget-header .icon,
.widget-header .title,
.widget-header .info {
    display: table-cell;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
}

.widget-header .icon,
.widget-header .title {
    width: 26px;
    font-weight: bold;
    font-size: 16px;
}

.widget-header .info {
    text-align: right;
    font-weight: 600;
}

.widget-header .logo {
    height: 18px;
    width: 90px;
    background: url(../images/autokata/autokata-logo.svg) no-repeat;
}

.widget-content {
    background-color: #E5E5E5;
}

.widget-panel .inline-header {
    display: table;
    width: 100%;
}

.widget-panel .inline-header .icon,
.widget-panel .inline-header .title,
.widget-panel .inline-header .info {
    display: table-cell;
}

.widget-panel .inline-header .title {
    display: table-cell;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 16px;
}

.widget-panel .inline-header .info {
    text-align: right;
    padding-right: 15px;
}

.widget-panel.nav-todo .inline-header .title {
    width: 100px;
    font-size: 14px;
    padding-right: 0;
}

.widget-panel .inline-content {
    margin: 10px 15px;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(80,142,161,0.1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(80,142,161,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(80,142,161,0.1);
}

.widget-panel .inline-content .panel .title {
    color: rgba(64, 62, 64, 0.7);
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    width: 100%;
}

.widget-panel .value:hover,
.widget-panel .inline-content .panel .title:hover {
    color: #EF572C;
    cursor: pointer;
}

.widget-panel .inline-content .panel li:hover {
    background-color: #FCFCFD;
    cursor: pointer;
}

.widget-panel .inline-content .panel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.widget-panel .inline-content .panel li {
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    font-weight: 600;
    border-top: 1px solid #F0F0F0;
}

.widget-panel .inline-content .panel li:first-child {
    border-top: 0;
}

.widget-panel.nav-todo .inline-content .panel li {
    line-height: inherit;
}

.widget-panel .todo-ready .flexBox {
    align-items: center;
    justify-content: center;
}

.widget-panel .todo-ready .title {
    color: rgba(0, 0, 0, 0.16) !important;
    font-size: 14px !important;
    text-align: center;
}

.widget.autokata-dashboard .fa-info-circle.medium:before {
    margin-top: -10px;
    margin-left: 0;
    font-size: 18px;
    width: 11px;
    height: 11px;
}

.widget.autokata-dashboard .fa-bell:before {
    font-size: 18px;
    position: absolute;
    margin-top: -14px;
}

.infoboxWidget .banner .fa-cog:before {
    font-size: 40px;
    padding-left: 18px;
    line-height: 74px;
}

.widget.autokata-dashboard #autokata-notify-size {
    display: none;
    z-index: 35;
    position: absolute;
    margin-top: -22px;
    margin-left: 10px;
    color: #fff;
    background: #FF3838;
    width: 15px;
    height: 15px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 16px;
    border-radius: 150px;
    border: 1px solid white;
}


.widget.autokata-dashboard .nav-todo .fa-angle-right:before {
    color: #EF572C;
}

.widget-panel .separator,
.widget-infobox .separator {
    margin: 15px 0px 15px 0;
    border: 0;
    border-top: 1px solid #F0F0F0;
}

.widget-panel .value {
    font-size: 28px;
    line-height: 38px;
    color: #333;
    font-weight: 600;
    font-family: "Open Sans";
}

.widget-panel .used .value {
    padding-right: 0;
}

.widget-panel.banner .inline-content {
    margin: 0;
    border-radius: 0;
    background: #EEF5FD;
    padding: 20px 15px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #526682;
}

.widget-panel.banner .inline-content .iconHolder {
    float: left;
    background: white;
    border-radius: 150px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.widget-panel.banner .inline-content .iconHolder .thumbnail {
    height: 74px;
    width: 74px;
    background-size: 90px;
    background-position: -10px -10px;
}

.widget-panel.profile-banner.active .thumbnail {
    background: url(../images/autokata/noun_management.svg) no-repeat;
}

.widget-panel.profile-banner.inactive .thumbnail {
    background: url(../images/autokata/noun_beach.svg) no-repeat;
}

.widget-panel .inline-content.setup .thumbnail {
    background: none !important;
}

.widget-panel.profile-banner.inactive button {
    width: 100%;
}

.widget-panel.profile-banner.inactive .title {
    font-weight: bold;
    font-size: 14px;
}

.widget-panel .bar {
    color: #000;
    background-color: #F0F2F6;
    border-radius: 4px;
}

.widget-panel .bar .value {
    height: 6px;
    color: #fff;
    background-color: #526682;
    border-radius: 4px;
}

.widget-panel .bar .value.zero {
    background-color:#F0F2F6 !important;
}

.widget-content.info-layer {
    position: absolute;
    z-index: 990;
    margin-left: -15px;
    opacity: 0.9;
    padding: 15px;
    margin-top: -15px;
    width: 270px;
}

.widget-panel .actionHolder button,
.widget-infobox button {
    border: 0;
    height: 24px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
}

.widget-panel .actionHolder .title {
    margin-bottom: 10px;
}

.unpaid-outgoing-invoice-container.left-side {
    width: 964px;
    margin-bottom: 15px;
}

.widget-info.kata-limit {
    display: none;
}

.widget-infobox {
    padding: 10px;
}

.widget-infobox .title {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color:#403E40;
    margin-bottom: 15px;
}

.widget-infobox .desc {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color:#403E40;
    margin-bottom: 15px;
}

.widget-infobox .buttons {
    text-align: center;
}
.widget-panel.faktoring-marketingbody-alap {
    box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.1), 0px 0px 1px rgba(9, 30, 66, 0.31);
    border-radius: 4px;
    background: #F7F8F8;
    padding: 10px;
    margin-bottom: 5px;
}
.widget-panel.faktoring-marketingbody-partner {
    box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.1);
    border-radius: 4px;
    background: #FFFFFF;
    padding: 10px;
    margin-bottom: 5px;
}
.widget-panel.faktoring-marketingbody-felso {
    background: #EEF5FD;
    padding: 10px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 7px 10px 7px 15px;
    border-radius: 4px 4px 0px 0px;
}
.widget-panel.faktoring-marketingbody-also {
    background: #EEF5FD;
    padding: 10px;
    margin-top: 1px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 10px 10px 10px 15px;
    border-radius: 0px 0px 4px 4px;
}
.widget-panel.faktoring-marketingbody-outoflimit-felso {
    background: #EEF5FD;
    padding: 10px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 7px 10px 7px 15px;
    border-radius: 4px 4px 0px 0px;
}
.widget-panel.faktoring-marketingbody-outoflimit-also {
    background: #EEF5FD;
    padding: 10px;
    margin-top: 1px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 10px 10px 10px 15px;
    border-radius: 0px 0px 4px 4px;
}
.widget-panel.faktoring-marketingbody-free-felso {
    background: #EEF5FD;
    padding: 10px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 7px 10px 7px 15px;
    border-radius: 4px 4px 0px 0px;
}
.widget-panel.faktoring-marketingbody-free-also {
    background: #EEF5FD;
    padding: 10px;
    margin-top: 1px;
    border-left-color: #3B4657;
    border-left-width: 5px;
    border-left-style: solid;
    padding: 10px 10px 10px 15px;
    border-radius: 0px 0px 4px 4px;
}
.faktoring-deviza-badge {
    padding: 1px 5px;
    height: 17px;
    background: #DFE1E6;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 5px;
}
.faktoring-partnername-text {
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faktoring-szfej-count-text {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
}
.faktoring-szfej-kerheto-badge {
    padding: 3px 8px;
    height: 12px;
    background: #52A659;
    border-radius: 42px;
    font-weight: 700;
    font-size: 8px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.faktoring-szfej-folyositasvar-badge {
    padding: 3px 8px;
    height: 12px;
    background: #DCF4DE;
    border-radius: 42px;
    font-weight: 700;
    font-size: 8px;
    text-transform: uppercase;
    color: #00875A;
}
.faktoring-szfej-faktoralt-badge {
    padding: 3px 8px;
    height: 12px;
    background: #E9E9E9;
    border-radius: 42px;
    font-weight: 700;
    font-size: 8px;
    text-transform: uppercase;
    color: #333333;
}
.faktoring-szfej-folyositasvar-teendo {
    background: #FFF6F2;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
}
.faktoring-marketingbody-alap .fa-info-circle:before {
    font-size: 14px;
}
.widget-panel .smaller-text {
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 0px;
}

.widget-panel .smaller-text [class*="far"]:before,
.widget-panel .smaller-text [class*="fas"]:before,
.widget-panel .smaller-text [class*="fal"]:before,
.widget-panel .smaller-text [class*="fab"]:before {
    margin: -5px 0 0 0;
    padding: 0px;
    color: #626A96;
    font-size: 12px;
}


.widget-panel.faktoring-marketingbody .bold-700 {
    font-weight: 700;
}

.widget-panel.faktoring-marketingbody .bold-600 {
    font-weight: 600;
}

.widget-panel.faktoring-marketingbody a,
.faktoring-label a {
    font-weight: bold;
    text-decoration: underline;
    color: #626a99;
}

.widget-infobox.faktPartnerSubtitle {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #757575;
}


.widget-panel .smaller-text {
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 0px;
}

.widget-panel .smaller-text [class*="far"]:before,
.widget-panel .smaller-text [class*="fas"]:before,
.widget-panel .smaller-text [class*="fal"]:before,
.widget-panel .smaller-text [class*="fab"]:before {
    margin: -5px 0 0 0;
    padding: 0px;
    color: #626A96;
    font-size: 12px;
}

.faktoring-flexibillMarketingValtsdPenzre {
    background: url(../images/szamlazz-flexibill-logo.svg) no-repeat;
    width: 228px;
    height: 28px;
}

.orangefelsorolas {
    color: #FF6630;
    font-weight: 600;
    padding-right: 13px;
}

.widget-panel.payee-detailsbody {
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
    background: #F7F9FB;
    padding: 10px;
    margin-bottom: 5px;
}

.widget-panel.payee-detailsbody.free {
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
    background: #EEF5FD;
    padding: 10px;
    margin-bottom: 20px;
}

.payee-partnername {
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.badge-alap {
    height: 18px;
    border-radius: 42px;
    text-transform: uppercase;
    padding: 3px 8px;
    margin: 5px 0px;
    max-width: 145px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.badge-alap.faktoring-badge {
    background: #437DEF;
    color: white;
    font-size: 12px;
}

.badge-alap.faktoring-badge-tovabbi {
    background: #EEF5FD;
    color: #4B86E2;
}

.badge-alap.faktoring-badge-warning {
    background: #CF1111;
    color: white;
    font-size: 8px;
    font-weight: 700;
}

.badge-alap.payee-szamla-sorszama {
    background: #D2E1F9;
    color: #4B86E2;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    max-width: 300px;
}
.badge-alap.payee-kintlevoseg {
    background: #EBEDEE;
    color: #222222;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    max-width: 250px;
}

.widget-panel.autokata-data.inactive .bar,
.widget-panel.autokata-data.inactive .value,
.widget-panel.autokata-data.inactive .value:hover,
.widget-panel.autokata-data.inactive .inline-content .panel .title,
.widget-panel.autokata-data.inactive .inline-content .panel .title:hover {
    color: #cfd4dc !important;
}

.widget-panel.autokata-data.inactive .panel:not(.no-debt) .value:hover,
.widget-panel.autokata-data.inactive .inline-content .panel:not(.no-debt) .title:hover {
    opacity: 0.8;
}

.widget-panel.autokata-data.inactive .bar .value {
    background-color: #cfd4dc;
}

.widget-panel.autokata-data .bar .value.overflow {
    background-color: #da2121;
}

.invoiceCol.fa-check-circle:before {
    font-size: 18px;
    font-weight: normal;
}

.invoiceCol.fa-credit-card:before {
    font-size: 18px;
    font-weight: normal;
}

.autokata-container ol {
    padding-inline-start: 0;
}

.widget-panel.nav-todo .inline-content {
    margin: 0 0 25px 0;
    padding: 8px;
    border-radius: 0;
}

.widget-panel.nav-todo .inline-content .todo-ready {
    padding: 15px 0;
}

.widget-panel.nav-todo .inline-content .panel li {
    padding: 15px;
}

.widget-panel.nav-todo .inline-content .panel .title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.widget-panel.nav-todo .inline-content .todo-menu .title {
    color: #333;
}

.widget-panel.nav-todo {
    display: none;
}

.widget-panel.nav-todo.top .inline-content {
    margin: 10px 15px 0 15px;
    padding: 0;
    border-radius: 4px;
}

.todo-menu .todo i {
    color: #FF6630;
}

.widget-panel.nav-todo.top {
    padding: 0 0 15px 0;
}

.widget-panel.autokata-data .inprogress .text {
    padding-left: 8px;
}

.widget-panel.banner.profile-banner.active button {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
}

.widget-panel .inline-header.sync-ready,
.widget-panel .sync-inprogress .setup-needed,
.widget-panel .sync-inprogress .failure,
.widget-panel .sync-inprogress .error,
.widget-panel .panel.menu,
.widget-panel .todo.template,
.widget-panel .inline-content.setup,
.widget-panel.banner.profile-banner.inactive {
    display: none;
}

.widget-panel .inline-header.sync-ready {
    z-index: 40;
    position: relative;
}

.widget.autokata-dashboard .inline-header.sync-inprogress.inprogress .title {
    color: #526682;
}

.widget.autokata-dashboard .sync-inprogress.inprogress .text {
    color: #526682;
    font-weight: bold;
}

.widget.autokata-dashboard .inline-header.sync-inprogress.inprogress {
   animation: autokata-dashboard-inprogress 1.5s ease-in 0s 1;
}

@keyframes autokata-dashboard-inprogress {
    0% {
        opacity: 0;
    }
    66.66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.widget-panel .sync-inprogress .setup-needed {
    cursor: pointer;
}

.widget-panel #help_autokata_data_info {
    line-height: 20px;
}

.unpaid-outgoing-invoice-container .column.icon {
    width: 25px;
}

.unpaid-outgoing-invoice-container .column.date {
    width: 85px;
}

.unpaid-outgoing-invoice-container .cell-money.small {
    width: 95px;
}

.unpaid-outgoing-invoice-container .column.date,
.unpaid-outgoing-invoice-container .column.money,
.unpaid-outgoing-invoice-container .cell-date.small,
.unpaid-outgoing-invoice-container .cell-money.small {
    padding-left: 0;
    padding-right: 0;
}

#form_autokata_dijcsmod .option {
    display: inline-block;
    word-break: break-word;
}

#akwdKataUsedPrct {
    margin-right: 3px;
}

.widget-panel.autokata-data .overflow {
    color: #da2121;
}

#maradekKeretek {
    line-height: 18px;
}

#maradekKeretek #maradekKeretekReszletek {
    color: #ff6519;
    font-size: 18px;
}

#maradekKeretek #maradekKeretekReszletek:hover,
#maradekKeretek #maradekKeretekReszletek:focus {
    color: #fe3505;
}

.maradekKeretekBox ul {
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#maradekKeretek .l-hint .hint-content {
    width: 375px;
}

#maradekKeretek > .l-hint {
    margin: 0;
}

.maradekKeretekBox .autokata-icon {
    font-size: 72px;
    line-height: 72px;
}

.maradekKeretekBox .footer-text {
    font-size: 18px;
    display: block;
    color: #3B4657;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 1650px) {
    #maradekKeretek .l-hint.onBottomCenter .hint-content:after {
        left: calc(50% + 50px);
    }
    #maradekKeretek .l-hint .hint-content {
        left: -50px;
    }
}

@media screen and (max-width: 1550px) {
    #maradekKeretek .l-hint.onBottomCenter .hint-content:after {
        left: calc(50% + 100px);
    }
    #maradekKeretek .l-hint .hint-content {
        left: -100px;
    }
}

@media screen and (max-width: 1450px) {
    #maradekKeretek .l-hint.onBottomCenter .hint-content:after {
        left: calc(50% + 150px);
    }
    #maradekKeretek .l-hint .hint-content {
        left: -150px;
    }
}

.widget.autokata-dashboard.promo .widget-content {
    background-color: #E5E5E5;
    padding: 1px 0;
}

.widget.autokata-dashboard.promo .inline-content .panel .title {
    font-size: 13px;
    font-weight: bold;
    color: #444;
    padding-bottom: 15px;
}

.widget.autokata-dashboard.promo ul {
    margin-bottom: 20px;
}

.widget.autokata-dashboard.promo li {
    border: 0;
    font-weight: normal;
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 26px;
    list-style-type: none;
    position: relative;
}

.widget.autokata-dashboard.promo .inline-content .panel .title:hover {
    color: #444 !important;
    cursor: default;
}

.widget.autokata-dashboard.promo .inline-content .panel li:hover {
    cursor: default;
}

.widget.autokata-dashboard.promo .actionHolder {
    text-align: center;
}

.maradekKeretekBox .l-button.medium.primary,
.widget.autokata-dashboard.promo .actionHolder a {
    color: white !important;
}

.maradekKeretekBox .l-button.medium.grey {
    color: #A3A3A3 !important;
    line-height: 20px;
    border: 1px solid #A3A3A3;
    font-weight: normal !important;
    background: none;
}

.maradekKeretekBox .l-button.medium.grey:hover {
    background: #f7f7f7;
}

.maradekKeretekBox .details {
    margin-top: 5px;
}

.widget-panel .no-debt div,
.widget-panel .no-debt span {
    cursor: default !important;
}

.widget-panel .no-debt .title:hover {
    color: rgba(64, 62, 64, 0.7) !important;
}
.widget-panel .no-debt .value:hover {
    color: #526682 !important;
}

.invoice .navonline {
    color: #e74c3c;
}

.invoice [class*="far"].navonline:before,
.invoice [class*="fas"].navonline:before,
.invoice [class*="fal"].navonline:before,
.invoice [class*="fab"].navonline:before {
    padding-right: 4px;
    font-size: 16px;
    vertical-align: middle;
}

.modal-box.table-modal-box {
  padding: 6px 6px 0 6px;
}

#jovairPopupDialog {
    border: 1px solid #c9d6e7;
    background: #eef5fd;
}

#jovairPopupDialog,
#jovairPopupDialog .ui-widget-content,
#jovairPopupDialog #inner-content {
    margin: 0;
    padding: 0;
}

#jovairPopupDialog .jovair-title {
    margin-bottom: 20px;
}

#jovairPopupDialog .paired-title {
    font-size: 14px;
    padding: 12px 0;
}

#jovairPopupDialog .kifizetett.invoice-asset i {
    font-style: normal;
}

#jovairPopupDialog .szfejData {
    margin: 10px 0 20px 0;
}

#jovairPopupDialog .jovair_form .left-side {
    width:650px;
    margin-bottom: 40px;
}

#jovairPopupDialog .jovair-item-readonly .transaction-ul li {
    margin-bottom: 5px;
}

.jovairData {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.jovairTorlesHolder {
    margin-top: 10px;
}

#jovairPopupDialog .editable label {
    line-height: 24px;
    margin-bottom: 0;
}

#jovairPopupDialog .transaction-data {
    max-width: calc(54%);
}

#jovairPopupDialog .jovairRow {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    margin-bottom: 10px;
}

#jovairPopupDialog .jovairRow> label:first-child {
    flex: 0 0 150px;
}

#jovairPopupDialog .jovairdesc {
    resize: none;
    min-width: 450px;
}

#jovairPopupDialog .jovairData pre {
    font-weight: bold;
    font-style: normal;
    border: 0;
    padding: 5px 0;
}

#bejovoFizetesPopupDialog {
    padding: 35px 35px;
}

#inner-content a.kifizetem_link {
    color: #ff6630;
}

.damaged-deliverynote {
    margin: -2px 0 0 0;
    font-size: 8px;
}

.damaged-deliverynote i:before {
    color: #626a99;
}

#notmybill-popup .subtitle {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}

#notmybill-popup .subtitle.buyer {
    margin-top: 16px;
}

#notmybill-popup .popup-text {
    margin-left: 30px;
}

#notmybill-popup .popup-link {
    margin: 15px;
}

#notmybill-popup .l-buttonHolder {
    margin-top: 38px;
}

a.confirm-link:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline:none;
}

@keyframes table-usr-gradient {
    0% {
        background: #ff6630;
    }
}

table#table_usr caption.animated {
    animation: table-usr-gradient 0.75s ease-in 0s 1;
}

td.cell-show.slashed {
    position: relative;
}

td.cell-show .cell-slash {
    margin-top: -1px;
}

td.cell-show .cell-slash:before {
    margin-left: 6px;
    font-size: 18px;
}

td.cell-show .double-caret-right .cell-slash:before {
    margin-left: -10px;
}

a.help_bankFieldDisabled:before {
    margin-left: 10px !important;
}

.transactionlist .cell-invnum {
    min-width: 300px;
}

.transactionlist td.cell-show {
    width: 8px;
}

@media only screen and (max-width: 1300px) {
    .transactionlist td.cell-show {
        min-width: 10px;
    }
}

.transactionlist .invoiceTypeIcon:before {
    padding-right: 0 !important;
}

.transactionlist td.cell-show.opened {
    padding: 10px;
    width: 14px;
}

.giftbox .gift {
    position: absolute;
    margin: auto 0;
    text-align: center;
    width: auto;
    opacity: 0.05;
    top: -300px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
}

.giftbox .gift:before {
    font-size: 212px;
    z-index: 1;
}

.giftbox h2.title {
    color: #ff6630;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.packageText {
    font-weight: bold;
}

.giftbox .periodText {
    font-weight: bold;
}

.giftbox li .periodText {
    font-weight: bold;
    color: #ff6630;
}

.giftbox ul {
    list-style-type: decimal;
    padding-inline-start: 26px;
}
.giftbox ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.giftbox h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.giftbox .actions {
    margin-top: 45px;
}

.giftbox .popup-content {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.giftbox .popup-title {
    margin-bottom: 30px;
}

#giftbox .popup-text a {
    text-decoration: underline;
}

.bankAccount-container {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
}

.bankAccount-container .bankicon {
    color: #4e6685;
    font-size: 16px;
}

.bankAccount-container .bankicon .fa-info-circle:before {
    margin-left: 0px;
    font-size: 16px;
}

.bankAccount-container .actions p {
    margin: 0 !important;
}

.rightPanel > .bankAccount-container h3 {
    padding-top: 0 !important;
}

.bankAccount-container h3.title,
.emailNotify-container h3.title {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    text-transform: none;
}

.emailNotify-container h3.title {
    padding-bottom: 5px;
}

.bankAccount-container h3 a {
    text-decoration: none !important;
}

.accountInfo-containter,
.message-containter {
    margin: 10px 0;
}

.accountInfo-containter a {
    font-weight: normal !important;
}

.group-action-icon{
    width: 35px;
}


.stateIcon {
    margin-left: 2px;
}

.stateIcon .icon-container {
    width: auto;
    height: 100%;
    margin-top: -18px;
}

#szfejHistory h1 {
    margin-bottom: 0;
}

#szfejHistory h2 {
    text-align: left;
    padding: 0;
    font-size: 20px;
    color: #404040;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

#szfejHistory caption:hover {
    cursor: pointer;
}

#szfejHistory table.basic thead tr td {
    padding: 0;
}

table#issued-invoice caption,
table#original-invoice caption {
    background-color: #b6becf;
}

table#issued-invoice caption:hover,
table#original-invoice caption:hover {
    background-color: #d5dae3;
}

table#issued-invoice .arrow-icon,
table#original-invoice .arrow-icon {
    color: #4E6685;
}

table#issued-invoice tbody tr:hover td,
table#original-invoice tbody tr:hover td {
    background-color: #f2f3f7;
}

table#actual-invoice caption {
    background-color: #ffde7e;
}

table#actual-invoice caption:hover {
    background-color: #ffefbf;
}

table#actual-invoice .arrow-icon {
    color: #FF802E;
}

table#actual-invoice thead td,
table#actual-invoice thead tr:hover td {
    background-color: #FFE599;
}

table#actual-invoice tbody td,
table#actual-invoice tbody tr:hover td {
    background-color: #fff1c9;
}

table#summary-table caption {
    background-color: #ff8f67;
}

table#summary-table caption:hover {
    background-color: #ffd5c6;
}

table#summary-table .arrow-icon {
    color: #E74C3C;
}

table#summary-table thead td,
table#summary-table thead tr:hover td {
    background-color: #ffad91;
}

table#summary-table tbody td,
table#summary-table tbody tr:hover td {
    background-color: #ffd6c8;
}

table .invoice-date {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    padding-bottom: 4px;
}

.l-popup .popup-content .summary-header {
    margin-top: 20px;
}

form#profile .dataRow {
    margin: 10px 0;
}

.profileForm {
    padding: 10px;
}

.profileForm label {
    min-width: 130px;
}

.myprofile form#profile,
.myprofile .blue-box {
    width: 460px;
}

.myprofile #profile-container input[type="text"],
.myprofile #profile-container input[type="password"] {
    width: 220px;
}


.myprofile #profile-container input[type="tel"]{
    width: 230px;
    border: 1px solid #7892b6;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.myprofile #profile-container [class*="fas"]:before {
    padding-right: 0 !important;
    padding-left: 10px;
}

.myprofile #profile-container h3 {
    margin-bottom: 0;
}

.myprofile .accounts-container {
    margin-top: 25px;
}

.myprofile .container {
    margin-bottom: 15px;
}

.myprofile .container p {
    margin: 0;
    margin-bottom: 5px;
}

.myprofile h3 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: none;
}

.myprofile .linkHolder,
.myprofile .switchHolder {
    padding-bottom: 5px;
    margin-left: 10px;
}

.myprofile .cancelLink {
    display: none;
    margin-left: auto;
    padding: 0 15px;
}

.myprofile .actionHolder {
    margin-top: 25px !important;
}

#profile-container .input-errorMessage {
    padding: 0;
    color: #da2121;
    font-size: 11px;
    margin-left: 130px;
    margin-bottom: -5px;
}

#smsAuth-container .switch-container {
    margin-left: 88px;
}

#smsAuth-container .title {
    color: #928f8f;
    margin-left: 10px;
}

#smsAuth-container.active input:checked+label {
    background-color: #60BD68;
}

#newsletters-container .toggleHolder {
    margin:0;
}

#newsletter-switch.active input:checked+label {
    background-color: #626a99;
}

#socialLogin-container h3 {
    margin: 15px 0;
}

#password-container h3 {
    margin: 0;
}

.settings .panel {
    background-color: white;
    padding: 20px;
    margin-bottom: 15px;
}

.settings .panel header .icon {
    line-height: 18px;
    color: #757575;
}

.settings .panel header .actionIcon {
    font-size: 16px;
}

.settings .panel .deleteForm:before {
    padding-right:0;
}

#szfejHistory h1 {
    margin-bottom: 0;
}

#szfejHistory h2 {
    text-align: left;
    padding: 0;
    font-size: 20px;
    color: #404040;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

#szfejHistory caption:hover {
    cursor: pointer;
}

#szfejHistory table.basic thead tr td {
    padding: 0;
}

table#issued-invoice caption,
table#original-invoice caption {
    background-color: #b6becf;
}

table#issued-invoice caption:hover,
table#original-invoice caption:hover {
    background-color: #d5dae3;
}

table#issued-invoice tbody tr:hover td,
table#original-invoice tbody tr:hover td {
    background-color: #f2f3f7;
}

table#actual-invoice caption {
    background-color: #ffde7e;
}

table#actual-invoice caption:hover {
    background-color: #ffefbf;
}

table#actual-invoice thead td,
table#actual-invoice thead tr:hover td {
    background-color: #FFE599;
}

table#actual-invoice tbody td,
table#actual-invoice tbody tr:hover td {
    background-color: #fff1c9;
}

table#summary-table caption {
    background-color: #ff8f67;
}

table#summary-table caption:hover {
    background-color: #ffd5c6;
}

table#summary-table thead td,
table#summary-table thead tr:hover td {
    background-color: #ffad91;
}

table#summary-table tbody td,
table#summary-table tbody tr:hover td {
    background-color: #ffd6c8;
}

table .invoice-date {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    padding-bottom: 4px;
}

.l-popup .popup-content .summary-header {
    margin-top: 20px;
}

form#profile .dataRow {
    margin: 10px 0;
}

.profileForm {
    padding: 10px;
}

.profileForm label {
    min-width: 130px;
}

.myprofile form#profile,
.myprofile .blue-box {
    width: 460px;
}

.myprofile .accounts-container {
    margin-top: 25px;
}

.myprofile .container {
    margin-bottom: 15px;
}

.myprofile .container p {
    margin: 0;
    margin-bottom: 5px;
}

.myprofile h3 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: none;
}

.myprofile .linkHolder,
.myprofile .switchHolder {
    padding-bottom: 5px;
    margin-left: 10px;
}

.myprofile .cancelLink {
    display: none;
    margin-left: auto;
    padding: 0 15px;
}

.myprofile .actionHolder {
    margin-top: 25px !important;
}

#profile-container .input-errorMessage {
    padding: 0;
    color: #da2121;
    font-size: 11px;
    margin-left: 130px;
    margin-bottom: -5px;
}

#smsAuth-container .switch-container {
    margin-left: 88px;
}

#smsAuth-container .title {
    color: #928f8f;
    margin-left: 10px;
}

#smsAuth-switch.active input:checked+label {
    background-color: #60BD68;
}

#newsletters-container .toggleHolder {
    margin:0;
}

#newsletter-switch.active input:checked+label {
    background-color: #626a99;
}

#socialLogin-container h3 {
    margin: 15px 0;
}

#password-container h3 {
    margin: 0;
}

.connectIcon {
    padding-right: 5px;
}

.connectIcon:before {
    font-size: 16px;
}

.connectIcon.new {
    color: #ff6519;
}

.connectIcon.active {
    color: #60BD68;
    padding-top: 4px;
}

.connectIcon.inactive {
    color: #FF3838;
    padding-top: 4px;
}

.connectDataRow {
    min-height: 26px;
}

.connectData.inactive {
    color: #e74c3c;
}

.connectData.accsyskey {
    word-break: break-all;
}

.connectDataRow .flexBox:first-child {
    min-width: 240px;
}

.connectData.accsysid {
    font-weight: bold;
}

a#ksziDeleteBtn,
a#ksziDeleteBtn:hover {
    color: white;
    font-weight: normal;
}

#ksziSettings .warning-box {
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

#ksziSettings .warning-box.bordered {
    padding: 10px;
    background: #FFFFFF;
    /* State/ error red */

    border: 1px solid #FF3838;
    box-sizing: border-box;
    border-radius: 4px;
}

.priorityPanel .modal-box {
    border: 0;
    padding: 0;
}

.priorityPanel .headerIcon:before {
    font-weight: bold;
    font-size: 16px;
    color: #3b4657;
}

.smartbooksIcon:before {
    color: #1b9e95;
}

.profileTextRow {
    margin: 15px 0 0 10px;
}

.input-color:not(.not-supported) {
    width: 20px;
    height: 20px;
    border: 0 grey solid;
    border-radius: 9999px;
    box-sizing: content-box;
    padding: 5px 5px;
    cursor:pointer;
    background: none;
    outline: none;
}

.input-color.not-supported {
    width: 80px;
}

#evzaras-force-close {
    margin: 0 25px;
}

.subscribeBox .title,
.subscribeBox .content {
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #404040;
}

.subscribeBox .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    padding: 40px 0 15px 0;
}

.iconic-inform-container {
    width: 575px;
    background: #FAFAFA;
    border-radius: 10px;
    margin: 20px auto;
}

.iconic-inform-container .title {
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    color: #4E6685;
    padding: 10px;
}

.icon-warn:before {
    color: #FF3838;
    content: "\f071";
    font-weight: normal;
    font-size: 16px;
}
.icon-warn.bigger:before {
    font-size: 25px;
}

.inform-boxes {
    margin: 10px 90px;
}

.inform-box {
    width: 100px;
}

.inform-box .stackIcon:before {
    color: #7C8797;
}

.inform-box .banIcon:before {
    color: #3B4657;
    opacity: 0.75;
}

.inform-box .desc {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #3B4657;
    padding: 15px 0;
}

#btn-subcribe.primary {
    background-color: #5BB460;
}

#btn-subcribe.primary:hover {
    filter: opacity(0.8);
}

#btn-subcribe.primary,
#btn-subcribe.primary:hover,
#action-evzaras.primary,
#action-evzaras.primary:hover {
    color: #fff;
    font-weight: normal;
}

.subscribeBox .stars {
    left: 0;
    background-image: url(../images/stars.png);
}

.subscribeBox .actions {
    right: 0;
    margin-top: -5px;
    background-image: url(../images/actions.png);
}

.subscribeBox .iconHolder {
    content: '';
    display: inline-block;
    height: 56px;
    width: 56px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}

.tableInfoBoxContainer {
    position: relative;
}

.tableInfoBox {
    color: #3B4657;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.tableInfoBoxContainer .blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.tableInfoBox.dashboard {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(250, 250, 250, 0.6);
    z-index: 21;
}

.tableInfoBox.szamlakereso {
    background: #f5f5f5;
    min-height: 59px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 6px;
}

.tableInfoBox.szamlakereso:not(.previous-invoices) {
    background: #FAFAFA;
}

.tableInfoBox.tranzakciolista {
    background: #f5f5f5;
    min-height: 59px;
    padding: 25px 0;
    line-height: 18px;
}

.tableInfoBox .fa-stack {
    font-weight: normal;
}

.tableInfoBox > div {
  margin: 5px;
}

.tableInfoBox .titleIcon {
    font-size: 12px;
}

.tableInfoBox .title {
    font-size: 14px;
}

.tableInfoBox .subtitle {
    color: #4e6785;
    text-align: center;
}

.tableInfoBox .title > i {
    color: #4e6785;
}

.tableInfoBox button {
  border: 0;
  background: #3B4657;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0 20px;
  height: 38px;
}

#tableInfoBox .primary.green {
    background: #5BB460;
    color: white;
    font-weight: normal;
}

#tableInfoBox .primary.green:hover {
    background: #8CCF90;
}

#tableInfoBox .l-buttonHolder.medium {
    margin-top: 0;
}

.fa-reset:before {
    padding: 0px !important;
    display: inline !important;
}

.prevInvoices {
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
}

.tableIconHolder {
    position: absolute;
    width: 89%;
}

.tableIconHolder .icon-center {
    width: 100%;
}

.tableIconHolder .arrow-icon:hover {
    opacity: 0.8;
}

.tableIconHolder .icon-center:before {
    margin: 0;
    width: 100%;
    line-height: 30px;
    height: 20px;
    vertical-align: bottom;
    text-align: center;
    font-size: 22px;
}

.tableIconHolder.original-invoice .arrow-icon:before,
.tableIconHolder.issued-invoice .arrow-icon:before {
    line-height: 60px;
}

#sticky-indicator {
    height: 96px;
    margin-top: -96px;
}

#szamla-ment-toolbar.holder {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    height: 96px;
    background: rgba(120, 146, 182, 0.4);   /*poszamlaszerkeszto.vm-ben is meg kell változtatni*/
    display: flex;
    align-items: center;
    justify-content: center;
}

#szamla-ment-toolbar .btn {
    border: 0px;
    border-radius: 4px;

    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;

    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    height: 48px;

    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#szamla-ment-toolbar .spacer {
    width: 60px;
}

#szamla-ment-toolbar .btn-elonezet {
    background: #626A99;
    width: 134px;
}
#szamla-ment-toolbar .btn-elonezet:hover {
    background: rgba(98, 106, 153, 0.8)
}

#szamla-ment-toolbar .btn-szamla-ment {
    background: #FF6630;
    width: 302px;
}

#szamla-ment-toolbar .btn-szamla-ment:hover {
    background: #FF8C63;
}

#szamla-ment-toolbar .btn-piszkozat {
    background: rgb(59, 70, 87);
    width: 134px;
}
#szamla-ment-toolbar .btn-piszkozat:hover {
    background: rgba(59, 70, 87, 0.8)
}
.sticky-separator {
    margin-bottom: 5.625rem;
}

@media (max-width: 1024px) and (orientation:landscape) {
    #szamla-ment-toolbar.holder {
        position: relative;
        background-color: none;
    }
}

#popup-invite {
    font-family: Open Sans;
}

#popup-invite, #szamlaNezetDivup .no-margin {
    margin: 0px
}

#popup-invite .succ_icon {
    color: #60BD68;
    font-size: 48px;
}
#popup-invite .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#popup-invite .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#popup-invite .item {
    line-height: 16px;
}

#popup-invite .left-box {
    width: 301px;
    background: #EEF5FD;
    border-radius: 10px;
    margin-right: 44px;
    font-size: 12px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 26px;
    padding-bottom: 11px;
    height: 191px;
}

#popup-invite .left-box.medium {
    height: 150px;
}
#popup-invite .left-box.small {
    font-size: 11px;
    width: 204px;
    height: 177px;
    padding-top: 16px;
    padding-left: 19px;
    padding-right: 19px;
    padding-bottom: 21px;
}

#popup-invite .right-box {
    width: 274px;
    height: 177px;
    font-size: 12px;
}
#popup-invite .right-box.mini {
    width: 323px;
    height: 65px;
}

#popup-invite .right-box.medium {
    width: 341px;
    height: 324px;
}

#popup-invite .right-box.big {
    width: 341px;
    height: 382px;
}

#popup-invite .plus,
.popup-content .plus {
    font-weight: bold;
    font-size: 13px;
}

#popup-invite .orange,
.popup-content .orange-text {
    color: #FF6630;
}

.popup-content .blue-text {
    color: #4B86E2;
}

.popup-content .error-text {
    color: #FF3838;
}

#popup-invite .plus.green,
.popup-content .green-text {
    color: #57B75E;
}

#popup-invite .green-icon {
    color: #57B75E;
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 7px;
}
#popup-invite .green-icon.small {
    font-size: 16px;
    position: relative;
    bottom: 1px;
    right: 5px;
}


#popup-invite #popup-invite a:link {
    color: red;
}

#popup-invite .smartbook {
    color: #1B9E95;
}

#popup-invite .smartbook.icon {
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 7px;
}
#popup-invite .smartbook.icon.small {
    font-size: 16px;
    position: relative;
    bottom: 1px;
    right: 5px;
}

#popup-invite .smartbook.icon.left {
    position: relative;
    bottom: 5px;
    right: 2px;
}


#popup-invite a  {
    color: #7AA3DD;
}

#popup-invite a:hover {
    opacity: 0.8;
}

#popup-invite a:active  {
    color: #527bb5;
}


#popup-invite .small-text {
    font-size: 10px;
}

.autokassza-video {
    margin: 10px 0 20px 0;
    padding: 0 20px;
}

.inline-icon-image {
    height: 1rem;
    vertical-align: text-bottom;
}

.color-smartbooks {
    color: #1B9E95;
}

.color-quick {
    color: #EF572C;
}

.color-navonline {
    color: #4AAE37;
}

.color-warning {
    color: #FF3838;
}

.color-free {
    color: #5BB460;
}

.color-start {
    color: #4b86e2;
}

.color-digital {
    color: #3c4759;
}

.color-profi {
    color: #FF6630;
}

.color-primary {
    color: #FF6630;
}

.color-success {
    color: #60BD68;
}

.color-unsuccess {
    color: #CF1111;
}
.bg-color-misty-rose {
    background-color: #FFFBFA;
}
.bg-color-champagne-pink {
    background-color: #FFE8E0;
}
.bg-color-almost-white-blueish {
    background-color: #F7F9FB;
}

#inner-content a.link-alternative {
    color: #5C5C5C;
}

#inner-content a.link-alternative:hover {
    opacity: 0.8;
}

.bg-color-szlahu {
    background-color: #FF6630;
}

.bg-color-smartbooks {
    background-color: #1B9E95;
}

.bg-color-quick {
    background-color: #4E77F7;
}

.bg-color-kulso {
    background-color: #f1c40f;
}

.bg-color-allaccsys {
    background-color: #C4C4C4;
}

.bg-color-navonline {
    background-color: #4AAE37;
}
.bg-color-white {
    background-color: #ffffff;
}

.banner-container {
    margin: 15px auto;
    max-width: 1300px;
    min-height: 72px;
    display: block;
    box-sizing: inherit;
}

.banner-container .banner {
    background: #3B4657;
    color: white;
    border-radius: 4px;
    padding: 20px;
}

.banner-container .banner .l-iconHolder {
    padding: 0;
}

.banner-container .banner .l-iconHolder i {
    width: 50px;
    height: 50px;
}

.banner-container .banner .l-iconHolder i.fa {
    width: inherit;
    height: inherit;
}

.banner-container .banner .textHolder {
    margin: 0px 40px 0 20px;
    font-weight: 600;
}

.banner-container .banner .title {
    font-size: 16px;
}

.banner-container .banner .description {
    font-size: 11px;
    padding-top: 2px;
}

.banner-container .banner .l-iconHolder .icon-navonline {
    width: 21px;
    height: 26px;
}

.banner-container .banner .l-iconHolder .icon-szamlaverzum {
    background-position-y: center;
}

.custom-banner.single .banner .textHolder {
    font-weight: normal;
}

.custom-banner.illustrated .banner {
    color: #3B4657;
    background: #F0E6C5;
    font-size: 15px;
    padding: 20px 95px 20px 30px;
    background-image: url(../images/marketing-banner_img.png);
    background-repeat: no-repeat;
    background-position: right;
}

.custom-banner.illustrated .banner .textHolder {
    margin: 0;
}

.custom-banner.illustrated .banner .title {
    font-weight: normal;
}

.custom-banner.illustrated .banner .title,
.custom-banner.illustrated .banner .description {
    font-size: 15px;
    font-weight: normal;
}

.custom-banner.illustrated .l-iconHolder {
    display: none;
}

.custom-banner.illustrated .l-buttonHolder {
    margin: 0 30px;
}

.custom-banner.banner-line .title,
.custom-banner.banner-line .description {
    font-weight: 600;
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.01em;
    padding: 0;
}

.custom-banner.autokata .title {
    font-weight: 700;
}

.custom-banner.budapestbank .banner {
    background-color: #de0a2a;
}

.custom-banner.budapestbank .title {
    font-size: 18px;
}

.custom-banner.budapestbank .description {
    font-size: 14px;
    padding-top: 6px;
    line-height: 17px;
    font-weight: 700;
}

.custom-banner.budapestbank .icon-stack span:nth-child(1) {
    color: #de0a2a;
}

.custom-banner.budapestbank .icon-stack span:nth-child(2) {
    color: white;
}

#banner_24 .banner-button {
    color: #de0a2a !important;
    background-color: white;
}

.custom-banner.budapestbank .banner-button:hover {
    background-color: #e7e7e7 !important;
}

.custom-banner.banner-line .banner {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 27px;
    border-radius: 8px;
}

.custom-banner.banner-line .icon-signature {
    padding: 0 20px 0 5px;
}

.custom-banner.banner-line .icon-paste {
    padding: 0px 15px 0 0px;
    font-size: 30px;
}

.custom-banner.autokata .banner {
    background-image: url(../images/banner_line-orange.png);
}

.custom-banner.innonest .banner,
.custom-banner.quick .banner {
    background-image: url(../images/banner_line-blue.png);
}

.custom-banner.banner-line-navyred .banner {
    background-image: url(../images/banner_line-navyred.png);
}

.custom-banner.banner-line-yellow .banner {
    background-image: url(../images/banner_line-yellow.png);
}

.custom-banner.autokata .banner .textHolder {
    margin: 0px 90px 0 45px;
}

.custom-banner.quick .banner .textHolder {
    margin: 0px 45px;
}

.custom-banner.autokata .icon-autokata-stack {
    background: url(../images/autokata/autokata-icon.svg) no-repeat center;
}

.custom-banner.quick .icon-quick-stack {
    background: url(../images/quick/quick-icon.svg) no-repeat center;
}

.custom-banner.banner-line .l-iconHolder i {
    background-size: 100%;
}

.custom-banner .giftIcon:before {
    color: white;
    font-size: inherit;
    padding: 0;
}

.close-button.small {
    background: url(../images/close-button-small.svg) no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.25);
    border-radius: 250px;
    box-sizing: border-box;
}

#invitation_flyer .close-button {
    top: -9px;
    right: -9px;
    position: absolute;
    cursor: pointer;
}

#elozoevekszamlai_flyer .close-button {
    top: -9px;
    right: -9px;
    position: absolute;
    cursor: pointer;
}

.banner-container .close-button {
    position: absolute;
    cursor: pointer;
    float: right;
    margin-top: -9px;
    margin-right: -9px;
}

@media (max-width: 1351px) and (orientation:landscape) {
    .banner-container {
        margin-left: 20px;
    }
}

@media (max-width: 650px) and (orientation:landscape) {
    .banner-container {
        min-height: 80px;
    }
}

span.empText.primary {
    color: #FF6630;
}

span.empText.kh-blue {
    color: #00aeef;
}

span.empText.bb-red {
    color: #dd0031;
}

span.empText.magnet-green {
    color: #75b122;
}

span.empText.otp-green {
    color: #00674c;
}
span.empText.uc-red {
    color: #e2001a;
}
span.empText.cib-orange {
    color: #ea600e;
}
span.empText.mkb-red {
    color: #cb0c3a;
}
span.empText.takarek-blue {
    color: #6b8db0;
}
span.empText.wise-blue {
    color: #2e4369;
}

.cikk_form .field,
.partner_form .field,
.kszi_form .field {
    padding: 5px 0;
}

#partneradatlapform label {
    margin-bottom: 0;
}

.cikk_form .field {
    line-height: 24px;
}

.readonlyForm .field {
    line-height: normal;
}

.banner-container a.banner-link {
    text-decoration: none;
}

#jovairform .message-container {
    margin-bottom: 20px;
    background: white;
    padding: 15px;
}

.choise-chip {
    display: flex;
    background: #FFFFFF;
    /* Separator/ input border */

    border: 1px solid #C8CDD0;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 3px 9px;
    /*font-family: Open Sans;*/
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #7AA3DD;
}

.choise-chip::before {
    display: inline-block;
    height: 1rem;
    width: 0rem;
    content: "";
    opacity: 0;
    transition: width 0.5s, opacity 1s;
}

.choise-chip.selected::before {
    background: url("../images/choice-chips-selected-checkmark.svg") no-repeat;
    background-size: 0.8rem;
    background-position: center;
    content: "";
    display: block;
    height: 1rem;
    margin-right: 0.25rem;
    width: 1rem;
    transition: width 0.5s, opacity 1s;
    opacity: 1;
}

@keyframes choise-chip_before {
    0% { opacity: 1; width: 1rem; }
    100%   { opacity: 0; width: 0; }
}

@keyframes choise-chip_selected_before {
    0%   { opacity: 0; width: 0; }
    100% { opacity: 1; width: 1rem; }
}

.choise-chip.selected {
    background: #E9E9E9;
    color: #527BB5;
    display: flex;
}

.choise-chip.selected:hover {
    color: rgba(82, 123, 181, 0.8);
}

.choise-chip:hover {
    background: #E9E9E9;
    cursor: pointer;
    color: rgba(122, 163, 221, 0.8);
}

.choise-chips {
    display: flex;
}

.choise-chips > .choise-chip {
     margin-right: 14px;
}

.choise-chips > .choise-chip:last-child {
    margin-right: 0;
}

.txtOrange {
    color: #E74C3C;
}

.txtLightBlue {
    color: #7AA3DD;
}

#inner-content a.txtLightBlue {
    color: #7AA3DD;
}

.poceg-navnotready {
    color: #ff0000;
}

.poceg-navready {
    color: #008000;
}

.poceg-navtecherror {
    color: #a52a2a;
}

.poceg-navusrerror {
    color: #cdcd00;
}

.poceg-nottechnikai {
    color: #007980;
}

.poceg-navpump-on {
    color: #008000;
}

.poceg-navpump-off {
    color: #a6a6a6;
}

.poceg-navpump-on > * + *,
.poceg-navpump-off > * + * {
    font-size: 1.5rem;
}

.poceg-navpump-on > * + * + *,
.poceg-navpump-off > * + * + * {
    font-size: .75rem;
}

@keyframes poceg-rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.poceg-notmagyaradoalany {
    color: #10a510;
}

.poceg-jumptoadatlap-container {
    border-right: 1px dashed #607A9E;
}

#szamla-valaszto.container{
    background: #F2F3F7;
    border-radius: 4px;
    width: 422px;
    height: 55px;
    padding-left: 17px;
    padding-right: 18px;
}

#szamla-valaszto .title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #446086;
}

#szamla-valaszto [class*="far"]:before,
#szamla-valaszto [class*="fas"]:before,
#szamla-valaszto [class*="fal"]:before,
#szamla-valaszto [class*="fab"]:before {
    padding: 0px;
}

.search-panel .column {
    flex: 33%;
}

.search-panel .row {
    display: flex;
}

.search-panel .options {
    background-color: #fff;
    padding: 15px 32px;
    max-width: 330px;
}

.search-panel .options ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.search-panel .options ul li {
    padding: 3px;
}

.search-panel .option span.box {
    display: inline-block;
    padding: 4px;
}

.search-panel .option .box-container {
    margin-right: 6px;
}

.search-panel .option .box-container input {
    margin-right: 3px;
}

.search-panel .option .box.erkezo {
    background-color: #27D6B3;
}

.search-panel .option .box.elutalt {
    background-color: #5e6a9c;
}

.search-panel .option .box.technikai {
    background-color: #757575;
}

.search-panel .separator {
    margin: 5px 0;
}

.search-panel .option {
    font-size: 13px;
}

.search-panel .option input {
    margin-right: 6px;
}

.search-panel .option.icon {
    margin-left: -21px;
}

.search-panel .option a:before {
    margin-top: 0;
}

.search-panel .option-icon:before {
    color: #e8e8e8;
}

.search-panel .container {
    padding: 0 20px;
}

.search-panel .container .title {
    padding: 10px 0;
}

.search-panel .begindate {
    margin-right: 8px;
}

.search-panel .actions {
    padding: 20px;
}

.search-panel #srcreset {
    margin-right: 15px;
}

#form_tranzlistszukit .search-panel {
    height: auto;
}

#form_tranzlistszukit .infoBar h5 {
    margin: 10px 0;
}

#form_tranzlistszukit .infoBar .descriptive {
    margin-bottom: 0;
}

#form_tranzlistszukit .order-container {
    height: 100%;
    position: initial;
    margin-bottom: 0;
}

#form_tranzlistszukit .order-container > div:first-child {
    position: relative;
}

#form_tranzlistszukit .invoicelist-header {
    margin: 20px 0 10px 0;
}

#inner-content a.payszfejpreview.stornozott {
    color: red;
}

#inner-content a.payszfejpreview.helyesbitett {
    color: orange;
}

.newsletter-option {
    width: 314px;
    line-height: 16px;
}

.newsletter-info {
    line-height: 16px;
}

#payinformation-table td {
    vertical-align: top;
}
#payinformation-table table td {
    border-bottom:0px;
    padding-top: 0;
}

#navonline-message {
    border: 1px solid #da2121;
    padding: 15px 20px;
    margin-bottom: 15px;
    line-height: 1.4em;
    color: #da2121;
    text-align: center;
}

#inner-content a.navonline-link {
    color: #ff6519;
    font-size: 12px;
}

.iconsHolder a {
    text-decoration: none !important;
}

.iconsHolder img {
    height: 48px;
    min-width: 60px;
}

.switch-container .success {
    font-size: 12px;
    margin-bottom: 0;
}

.switch-container .error {
    font-size: 12px;
    font-style: normal;
}

.switch-container .success i:before,
.switch-container .error i:before {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 5px;
}

/** NAV szamla panels */
.infobubble-panel {
    background: #3B4657;
    padding: 25px;
}

.infobubble-panel .text {
    font-family: 'Open Sans';
    line-height: 16px;
    color: white;
}

#inner-content .infobubble-panel a {
    color: white;
}

#inner-content .infobubble-panel a:hover {
    color: #d6d6d6;
}

.navinvoicesync-container {
    font-family: 'Open Sans';
    line-height: 16px;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.navinvoicesync-panel {
    padding: 35px 40px;
    min-height: 90px;
}

.navinvoicesync-panel .column {
    flex: 1;
}

.navinvoicesync-panel .column-75 {
    min-width: 75%;
}

.navinvoicesync-panel .title {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
}

.navinvoicesync-panel .description {
    color: #000000;
    margin-bottom: 10px;
}

.navinvoicesync-panel .statusText {
    font-style: italic;
}

.navinvoicesync-panel.statusOn .statusText {
    color: #FF6630;
}

.navinvoicesync-panel.statusOff .statusText {
    color: #757575;
}

.navinvoicesync-panel .statusText.warning {
    color: #DA2121;
}

.navinvoicesync-panel .statusIcon i:first-child {
    color: transparent;
}

.navinvoicesync-panel .statusIcon i:first-child:before {
    border-radius: 120px;
}

.navinvoicesync-panel.statusOn .rounded-icon:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FF6630 100%), #FF6630;
    box-shadow: inset 0px 4px 4px rgba(59, 70, 87, 0.25)
}

.navinvoicesync-panel .statusIcon .rounded-icon.hover:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FF8C63 100%), #FF8C63;
    box-shadow: 0px 4px 4px rgba(59, 70, 87, 0.5);
}

.navinvoicesync-panel .statusIcon .rounded-icon.pressed:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FC4200 100%), #FC4200;
    box-shadow: inset 0px 4px 4px rgba(59, 70, 87, 0.25);
}

.navinvoicesync-panel.statusOff .rounded-icon:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #C4C4C4 100%), #C4C4C4;
    box-shadow: 0px 4px 4px rgba(59, 70, 87, 0.5);
}

.navinvoicesync-panel .statusIcon {
    margin-right: -5px;
}

.navinvoicesync-panel .statusIcon .btn-icon:before {
    width: 100%;
    margin: 2px 0 0 -1px;
}

.navinvoicesync-panel .fixed {
    position: absolute;
}

.navinvoicesync-panel .action-link {
    text-align: center;
}

.rounded-panel {
    border-radius: 4px;
}

.statusProgressCircle ~ *:after, .statusProgressCircle ~ *:before {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-animation-fill-mode: both; /* Chrome, Safari, Opera */
    animation-fill-mode: both
}

.statusProgressCircle .progress-pie {
    background-color:#FF8C63;
    width:74px;
    height:74px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
}

.statusProgressCircle .clip1 {
    position:absolute;
    top:0;
    left:0;
    width:74px;
    height:74px;
    clip:rect(0px, 74px, 74px, 37px);
    box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;
    border-radius:50%;
}

.statusProgressCircle .slice1 {
    position:absolute;
    width:74px;
    height:74px;
    clip:rect(0px, 37px, 74px, 0px);
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    background-color:#FF6630;
    border-color:#f7e5e1;
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    transition:all 0.3s linear 0s;
}

.statusProgressCircle .clip2 {
    position:absolute;
    top:0;
    left:0;
    width:74px;
    height:74px;
    clip:rect(0, 37px, 74px, 0px);
    box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;
    border-radius:50%;
}

.statusProgressCircle .slice2 {
    position:absolute;
    width:74px;
    height:74px;
    clip:rect(0px, 74px, 74px, 37px);
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    background-color:#FF6630;
    border-color:#f7e5e1;
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    transition:all 0.3s linear 0.3s;
}

.statusProgressCircle .pie-status {
    position:absolute;
    height:30px;
    width:100%;
    line-height:60px;
    text-align:center;
    top:50%;
    margin-top: -31px;
    font-size: 24px;
    font-weight: bold;
    color: #FF8C63;
}

.statusProgressCircle .inner {
    position: absolute;
    height: 74%;
    width: 74%;
    line-height: 60px;
    text-align: center;
    top: 47%;
    left: 47%;
    margin-top: -34%;
    margin-left: -34%;
    background:#fff;
    border-radius:100%;
    box-shadow:0 1px rgba(90,90,90,0.2), 0 -100px 50px -50px rgba(90,90,90,0.1) inset;
}

.statusProgressCircle .outher {
  position:absolute;
  border-radius:50%;
  width:100%;
  height:100%;
  top:0;
  left:0;
  box-shadow:0 4px 4px rgba(0,0,0,0.1) inset;
  /*border:3px solid slateblue;*/
}

.dark-success-green {
    color: #52A659;
}

.dark-blue {
    color: #3B4657;
}

.progressbar-panel .dateHolder {
    font-size: 11px;
    line-height: 15px;
    color: #757575;
    margin-bottom: 5px;
}

.progressbar-container {
    color: white;
    background-color: white;
    height: 22px;
    border: 0.7px solid #3B4657;
    box-sizing: border-box;
}

.progressbar-panel .bar-status {
    height: 100%;
    width: 0%;
    background: #C4C4C4;
}

.progressbar-panel .title { font-weight: bold; }
.progressbar-panel.status-inprogress .title { color: #52A659; }
.progressbar-panel.status-inprogress .bar-status { background-color: #52A659; }
.progressbar-panel.status-stop .title { color: #303030; }
.progressbar-panel.status-stop .bar-status { background-color: #C4C4C4; }
.progressbar-panel.status-delete .title { color: #DA2121; }
.progressbar-panel.status-delete .bar-status { background-color: #DA2121; }

.inline-panel {
    margin: 0 40px 25px 40px;
    padding: 20px 30px 30px 30px;
    background-color: #EEF5FD;
}

.inline-panel .description {
    margin-top: 3px;
    line-height: 15px;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
}

.kszi-panel .description {
    padding-left: 22px;
}

.kszi-panel .switch-container .success {
    min-width: 75px;
}

.downloaded-panel {
    padding: 25px;
    text-align: center;
}

.downloaded-panel.inline-panel .description {
    margin: 0;
    padding-top: 5px;
    font-size: 12px;
    font-weight: normal;
}

.downloaded-panel .title {
    font-weight: 600;
    margin-top: 10px;
}

.downloaded-panel .succ_icon {
    color: #338C38;
    margin-left: -25px;
}

.downloaded-panel .logo-icon {
    height: 55px;
    padding-bottom: 5px;
    position: absolute;
}

.downloaded-panel .icon-container {
    margin-bottom: 25px;
}

.downloaded-panel .icon-container i {
    font-size: 38px;
    margin-top: 25px;
    margin-left: 10px;
}

.downloaded-panel .icon-container i:first-child {
    color: white;
}

.downloaded-panel .icon-container i:nth-child(2) {
    color: #338C38;
}

.switch-container label {
    width: 85%;
}

.banner.banner-white {
    color: #3B4657;
    background: url("../images/szamlaverzum_banner.png") no-repeat;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.25);
    position: relative;
    background-size: cover;
    padding-bottom: 14px;
}

.banner-container .banner-white .title {
    font-size: 12px;
    height: 45px;
}

.navinvoicesync-banner {
    width: 100%;
    margin-bottom: 0;
    max-width: initial;
    margin-left: 0;
}

.remainingContainer {
    color: #52A659;
    font-weight: 600;
}

.bankAccount-container .bankAccountField {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.basic tbody tr td.light-grey,
.light-grey {
    background-color: #FAFAFA;
}

.light-blue {
    background-color: #EEF5FD;
}

.infoboxWidget {
    font-family: "Open Sans";
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    margin-bottom: 25px;
}

.infoboxWidget .header-icon {
    width: 34px;
    height: 28px;
    background-position-y: center;
}

.infoboxWidget .header-container .exclamation-icon:before {
    font-size: 23px;
}

.infoboxWidget .header-container {
    background: #3B4657;
    padding: 12px;
    cursor: pointer;
}

.infoboxWidget .header-container .desc {
    color: white;
    font-size: 17px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 7px;
}

.infoboxWidget .header-container .arrow-icon {
    color: white;
    font-size: 25px;
    padding-right: 0;
}

.infoboxWidget .l-iconHolder {
    padding: 0;
}

.infoboxWidget .content {
    padding: 15px;
    color: #3B4657;
}

.infoboxWidget .content .title {
    font-size: 16px;
    line-height: 20px;
}

.infoboxWidget .content .textHolder {
    width: 75%;
}

.infoboxWidget .fluid .textHolder {
    width: 100%;
}

.infoboxWidget .content ul {
    padding: 5px 30px;
}

.infoboxWidget .image-holder {
    margin: 15px 0;
}

.infoboxWidget .image-holder img {
    width: 100%;
    max-width: 270px;
}

.quickKeretInfoboxWidget .image-holder {
    margin-top: 0;
}

.quickKeretInfoboxWidget .header-container .image-holder {
    margin: 0;
    padding-top: 4px;
}

.infoboxWidget .quickPanel .iconHolder {
    margin-top: 2px;
    margin-right: 7px;
}

.quickErrorPanel .iconHolder {
    margin-top: 0;
}

.infoboxWidget .iconHolder .exclamation-icon {
    color: #DA2121;
}

.infoboxWidget .quickPanel .todo-container {
    padding: 9px 10px;
    border-radius: 4px;
    background-color: white;
}

.infoboxWidget .quickPanel .todo-content .title {
    font-size: 12px;
    line-height: 16px;
}

.infoboxWidget .noTodoPanel .todo-content,
.infoboxWidget .unavailableTodoPanel .todo-content {
    padding-left: 0;
}

.infoboxWidget .quickPanel .warning-todo {
    background-color: #F8E9E9;
}

.infoboxWidget .quickPanel .todo-container .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.infoboxWidget .quickPanel .todo-container .badge {
    padding: 3px 8px;
    border-radius: 42px;
    background: #3B4657;
    margin-right: 0;
    color: white;
}

.infoboxWidget .todoPanel .todoBadge .flag-new {
    padding: 3px 7px;
    background: #ECC6C6;
}


.infoboxWidget .todoPanel .todoCount {
    font-size: 11px;
    line-height: 15px;
    color: #CF1111;
}

.infoboxWidget .todoPanel .todoCountHolder {
    margin-left: 5px;
}

.infoboxWidget .todoPanel .image-holder {
    display: none;
}

.infoboxWidget .noTodoPanel .image-holder {
    margin: 0;
    display: block;
    position: relative;
}

.infoboxWidget .noTodoPanel .image-holder img {
    position: absolute;
    right: 0px;
    width: 50px;
    text-align: center;
    font-size: 10px;
    border-radius: 35px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    margin: 0;
}

#inner-content .infoboxWidget .todoPanel a.l-link {
    text-decoration: none;
}

.infoboxWidget .quickPanel .l-link i.right-arrow::before {
    padding-right: 0;
}

.infoboxWidget .quickPanel .warning-todo .badge {
    background: #CF1111;
}

.infoboxWidget .quickPanel .icon-sync:before,
.infoboxWidget .quickPanel .icon-settings:before {
    color: #5BB460;
    font-size: 15px;
    padding-right: 0;
    margin: 0;
}

.infoboxWidget .quickPanel .icon-settings-info:before {
    font-size: 15px;
    padding-right: 0;
    margin: 0;
}

.infoboxWidget .quickPanel .icon-sync:before {
    color: #091E42;
}

.infoboxWidget .quickPanel .bar {
    background: #DEEBFF;
    border-radius: 2px;
}

.infoboxWidget .quickPanel .barValue {
    height: 15px;
    background: #0065FF;
}

.infoboxWidget .quickPanel .barValue.maxlimit {
    background-color: #CF1111;
    width: 100%;
}

.infoboxWidget .quickPanel .badge {
    padding: 2px 10px !important;
    background: #DFE1E6;
    border-radius: 42px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px !important;
    text-transform: uppercase;
    color: #3B4657;
    margin-right: 10px;
    display: flex;
}


.infoboxWidget .quickPanel .used-amount {
    border-left: 5px solid #2C6DD3;
}

.infoboxWidget .quickPanel .remaining-amount {
    border-left: 5px solid #DEEBFF;
}

.infoboxWidget .quickPanel .amount-container i::before {
    margin: 0;
    color: #626A96;
    font-size: 12px;
    padding-left: 5px;
}

.infoboxWidget .quickPanel .amount-container .title {
    font-weight: 600;
    font-size: 12px;
    padding-left: 5px;
}

.infoboxWidget .basePanel {
    background: #FAFAFA;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.infoboxWidget .errorBox {
    padding: 10px;
    background: #FFFDF5;
    box-shadow: 1px 2px 4px rgb(59 70 87 / 35%);
    border-radius: 4px;
}

.infoboxWidget .errorBox .icon-container {
    width: 1em;
    height: 1em;
    line-height: 1em;
}

.infoboxWidget .errorBox .comment {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.infoboxWidget .errorBox .iconHolder {
    margin-right: 10px;
}

.infoboxWidget .warningInfoBox .exclamation-icon {
    color: #FFAB00;
}

.infoboxWidget .alertInfoBox {
    background: #FFF6F2;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
}

.infoboxWidget .alertInfoBox .exclamation-icon {
    color: #DA2121;
    font-size: 23x;
}

.infoboxWidget .errorInfoBox {
    background: #FFF6F2;
}

.infoboxWidget .setupPanel .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

.infoboxWidget .blueInfoBox {
    background: #EEF5FD;
    padding: 10px;
}

.infoboxWidget .quickPanel .infoBox .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

.infoboxWidget .addonbox-style {
    background: #F7F8F8;
    border-radius: 4px;
    padding: 8px 12px;
}

#inner-content .quickPanel .todo-container a {
    text-decoration: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

#profilom-infoboxWidget .content ul,
#quickKeret-keretKijelzoWidget .content ul  {
    background-color: white;
    padding-left: 0px;
    padding-bottom: 0px;
    line-height: 16px;
}

#profilom-infoboxWidget .content ul li,
#quickKeret-keretKijelzoWidget .content ul li {
    padding-bottom: 0px;
}

#profilom-infoboxWidget .dk_container,
#quickKeret-keretKijelzoWidget .dk_container {
    line-height: 16px;
}

#profilom-infoboxWidget .success-holder .title span {
    color: #333333;
}

#profilom-infoboxWidget .success-icon::before {
    color: #52A659;
    font-size: 24px;
}

#profilom-infoboxWidget .success-holder .title {
    line-height: initial;
}

#profilom-infoboxWidget .success-holder .desc {
    line-height: 16px;
    color: #303030;
    padding-top: 5px;
    padding-left: 32px;
}

#profilomIconQuestion::before {
    padding-left: 6px;
    padding-right: 2px;
}

.infoboxWidget .content ul li {
    padding-left: 4px;
    padding-bottom: 15px;
    list-style-type: none;
    position: relative;
}

.infoboxWidget .content ul li.exclamation:before {
    background-image: url(../images/felkialtojel_2.png) !important;
    background-size: 18px !important;
}

.infoboxWidget .content .desc ul li:before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: 12px;
    background-image: url(../images/plus_icon_18px.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -24px;
}

#sbb-infoboxWidget .content {
    background-image: url(../images/smartbooksbusiness_bg.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#sbb-infoboxWidget .content  .title{
    text-align: center;
}

#sbb-infoboxWidget .content .desc ul li:before {
    background-image: url(../images/SZLAHU_plus-turkiz.svg);
}

#szamlaverzum-infoboxWidget .content {
    background: url(../images/szamlaverzum-bg.png) no-repeat;
    background-size: 45%;
    background-position: bottom right;
}

.infoboxWidget .progressbar-container {
    width: 85%;
}

.infoboxWidget .bar-status {
    height: 100%;
    background-color: #52A659;
}

#autokata-infoboxWidget .content .title {
    font-size: 12px;
}

#autokata-infoboxWidget .widget-panel .info-icon:before {
    color: #7AA3DD;
    font-size: 20px;
    width: 15px;
}

#autokata-infoboxWidget .notify-bell-icon {
    color: #3B4657;
}

#banner_szamlaverzum {
    margin: 0;
}

.banner-container .banner.white-banner {
    top: inherit;
    left: inherit;
    position: relative;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
    background: #FFFFFF;
    padding: 12px 15px;
}

.banner-container .white-banner .title {
    color: #333333;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.banner-container .white-banner .description {
    color: #303030;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.banner-container .white-banner #banner-link {
    color: #7AA3DD;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
}

.banner-container .white-banner #banner-link:hover {
    color: #626a99;
}

.banner-container .white-banner .progressbar-container {
    height: 11px;
}

.banner-container .white-banner .bar-status {
    background-color: #52A659;
    height: 100%;
}

.icon-white {
    color: white;
    font-size: 22px;
}

.icon-primary {
    color: #FF6630;
}

#dk_container_ertesitokkuldesetype a.dk_toggle.dk_label {
    text-align: center;
}

.infoboxWidget .header-icon.icon-white {
    height: 100%;
}

.infoboxWidget .header-icon.icon-package {
    width: 28px;
}

.infoboxWidget .header-icon.icon-package:before {
    margin: 0;
}

.infoboxWidget .details a {
    color: #7AA3DD !important;
    font-size: 13px;
    line-height: 17px;
}

.infoboxWidget .details a:hover {
    color: #626a99;
}

.infoboxWidget .profile-banner .title {
    font-size: 14px;
    color: #333;
}

#autokata-infoboxWidget .widget-panel {
    background: #EEF5FD;
    margin-bottom: 15px;
}

#quick-infoboxWidget .widget-panel .inline-content,
#autokata-infoboxWidget .widget-panel .inline-content {
    box-shadow: none;
}

#quick-infoboxWidget {
    background-size: 60%;
    background-position: bottom right;
    background-repeat: no-repeat;
}

#quick-infoboxWidget.active-kszi {
    background-image: url(../images/info-widget_img.png);
    background-size: inherit;
}

#quick-infoboxWidget .content .title {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px;
}

#innonest-infoboxWidget .content  .title{
    text-align: center;
}


#quick-infoboxWidget.active-kszi .content .title {
    font-weight: bold;
    text-align: left;
    color: #404040;
}

#quick-infoboxWidget.active-kszi .content {
    padding: 35px 15px;
}

#quick-infoboxWidget.active-kszi .actionHolder {
    margin: 0;
}

#quick-infoboxWidget .promo-container {
    padding-left: 15px;
    margin-bottom: 25px;
}

#quick-infoboxWidget .content .promo-text {
    font-size: 17px;
    line-height: 23px;
    text-align: left;
    font-weight: bold;
}

#quick-infoboxWidget .comment {
    width: 70%;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    margin: 10px 0 15px 0;
}

#quick-infoboxWidget .actionHolder {
    margin-bottom: 10px;
}

#quick-infoboxWidget .l-button.secondary.ghost {
    color: #3B4657;
}

#quick-infoboxWidget .l-button.secondary.ghost:hover {
    color: white;
}

#quick-infoboxWidget .l-linkHolder {
    margin-left: 20px;
}

#binx-infoboxWidget .header-container {
    background: linear-gradient(90deg, #CEE7E6 0%, #A4C9DB 100%);
}

#binx-infoboxWidget .binx-infoboxWidgetTitle {
    color: #333;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 10px;
}

.infoboxWidget .half-col {
    width: 50%;
}

.widget-panel.autokata-data,
.widget-panel.lejart-panel,
.widget-panel.katazaro-panel {
    padding-bottom: 5px;
}

.widget-panel .inline-content-lejart {
    padding: 10px 15px;
}

.widget-panel .inline-content-lejart-line,
.panel .panel-autokata-lejart-line{
    margin: 10px 0;
    border-bottom: 1px solid #3B4657;
}

.widget-panel .inline-content-katazaro {
    padding: 10px 15px;
}

.profilom-widget-text {
    padding-bottom: 5px;
}

#szamlaverzum-infoboxWidget .content {
    background: url(../images/szamlaverzum-bg.png) no-repeat;
    background-size: 45%;
    background-position: bottom right;
}

#szamlaverzum-infoboxWidget .content .textHolder {
    width: 75%;
}

a.primary.smartbooks {
    background-color: #1B9E95;
}

a.primary.smartbooks:hover {
    background-color: #1B9E95 !important;
    opacity: 0.8;
}

.widget-button.center {
    margin: 0 auto;
}

.infoboxWidget .content .info {
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
}

.smartbooks-icon {
    font-size: 26px;
    color: #1B9E95;
}

.smartbooks-icon {
    --fa-secondary-color: white;
    --fa-secondary-opacity: 1;
}

.autokata-todo-icon {
    margin-top: 2px;
}

.autokata-todo-icon i:before {
    font-size: 24px;
}

.exclamation-icon {
    color: #FF3838;
}

.success-icon {
    color: #52A659;
    font-size: 16px;
}

#autokata-infoboxWidget .autokata-todo-icon {
    display: none;
}

#autokata-infoboxWidget.closed.hasTodos .autokata-todo-icon {
    display: block;
}

.vezerlopult .widget.account-buttons .action-button {
    font-size: 13px;
    width: 300px;
}

.partnerall #group-options {
    margin-left: 10px;
}

#szamlaNezetDivup .succ_icon{
    font-size: 48px;
    color: #60BD68;
}

#szamlaNezetDivup .l-button{
    height: 48px;
}
#szamlaNezetDivup .popup-window {
    height: 100%;
}

#szamlaNezetDivup .popup-content {
    display: flex;
    height: 100%;
    flex-direction: column;
}

#szamlaNezetDivup .popup-flex-box {
    display: flex;
}

#szamlaNezetDivup .popup-flex-box.horizontal {
    flex-direction: row;
}

#szamlaNezetDivup .popup-flex-box.vertical {
    flex-direction: column;
}

#szamlaNezetDivup .center {
    height: 100%;
    justify-content: center;
}

#szamlaNezetContent {
    height: 100%;
}

@media screen and (max-width: 500px) {
    #szamlaNezetDivup .popup-flex-box.horizontal {
        flex-direction: column;
        align-self: center;
    }

    #szamlaNezetDivup .vertical-button-holder {
        align-self: center;
    }
}

#szamlaNezetDivup .vertical-button-holder a {
    margin-bottom: 13px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 242px;
}

#szamlaNezetDivup .popup-link  {
    color: #7AA3DD;
    font-weight: 700;
}

.infoboxWidget .package-free {
    background-color: #5BB460;
}

.infoboxWidget .package-start {
    background-color: #4B86E2;
}

.infoboxWidget .package-digital {
    background-color: #3C4759;
}

.infoboxWidget .package-profi {
    background-color: #FF6630;
}

.infoboxWidget   .packageTxt {
    font-size: 26px;
    font-weight: bold;
}

.infoboxWidget .dateTxt {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

.infoboxWidget .expired {
    color: #FF3838;
}

.infoboxWidget .content-minibox.warningBox {
    border: 1px solid #FF3838;
}

.infoboxWidget .content-minibox.warningBoxBack {
    background: #FBE9E9;
}

.warningBoxBack {
    background: #FBE9E9;
}

.infoboxWidget .content-minibox.plugin .packageTxt {
    font-size: 22px;
}

.infoboxWidget .textBox {
    font-size: 12px;
}

.infoboxWidget .icon-plus:before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 5px;
    background-size: 10px;
    background-image: url(../images/plus_icon_18px.png);
    background-position: center;
    background-repeat: no-repeat;
}

.infoboxWidget .discountBox {
    padding: 15px;
    font-size: 14px;
    text-align: center;
    background: #EEF5FD;
    box-shadow: 1px 2px 4px rgb(59 70 87 / 35%);
}

.infoboxWidget .discountBox .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}

.infoboxWidget .discountBox .packageName {
    padding-bottom: 5px;
}

.infoboxWidget .discountBox .endDate {
    padding-bottom: 5px;
    line-height: 19px;
}

.infoboxWidget .discountBox .amount {
    font-weight: 700;
    font-size: 32px;
    color: #FF6630;
    padding: 0 10px;
}

.infoboxWidget .discountBox .separator {
    width: 30%;
    border: 0;
    border-top: 1px solid #C4C4C4;
}

.infoboxWidget .checklist ul {
    padding: 0;
    padding-inline-start: 22px;
    margin: 20px 0 10px 0;
    font-size: 13px;
    line-height: 18px;
    list-style-position: outside;
}

.infoboxWidget .checklist ul li i:before {
    color: #60BD68;
    margin-left: -22px;
}

.infoboxWidget .l-buttonHolder {
    margin: 0;
}

.l-button.primary.action-button:focus {
    outline: none;
}

.l-button.fluid {
    width: 100%;
}

#inner-content input.searchField {
    height: 36px;
    padding: 0px 10px;
}

.bankAccountIcon img {
    margin-bottom: -5px;
}

a.grey-link {
    color: #B9B9B9;
}

.icon-success {
    color: #5BB460;
}

table.basic .link-cancel {
    font-size: 12px;
    margin-right:10px;
}

.clear-button {
    display:none;
    position: absolute;
    right: .9em;
    z-index:100;
}

.clear-button-sima {
    top:50%;
    margin-top: -9px;
    margin-right: 32px;
}

.clear-button-reszletes {
    margin-top: -33px;
    margin-right: 12px;
}
.clear-button-sima.clear-button-sima-classic {
    margin-right: 132px;
}

.clear-button-tranz {
    margin-top: -7px;
    margin-right: 22px;
}

.clear-button-poceg {
    top:50%;
    margin-top: -8px;
    margin-right:102px;
    position: absolute;
    right: .1em;
}

.piszkozat-row + .nopiszkozat-row {
    display: none;
}

.button-right {
    margin-left: auto;
}

.max-width75 {
    max-width: 75%;
}

.label-height {
    line-height: 24px;
}

.exclamation-iconsize.fa-exclamation-circle:before {
    font-size: inherit;
    color: #da2121;
}

.navonline-guide-leftside {
    padding: 0 20px;
}

.menu-container {
    z-index: 800;
}

.menu-container ul {
    margin: 0;
    padding: 0;
}

.menu-container .menu {
    display: flex;
    flex-direction: column;
}

.menu-container .menu li {
    display: block;
    list-style-type: none;
}

.menu-container .menu li a {
    display: flex;
    text-decoration: none;
    padding: 26px 20px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
    color: white;
    outline-style: none;
    white-space: nowrap;
}

.menu-container .menu li a i {
    padding-left: 6px;
}

.menu-container .menu ul li > li.opened a {
    color: #3B4657;
}

.menu-container .menu li.active {
    background: #7AA3DD;
}

.menu-container .menu-items.active a:not(.sub-menu a) {
    color: white;
    background: #7AA3DD;
}

.menu-container .menu-items .newItem {
    padding-right: 15px;
}

@media (min-width: 981px) {
    .menu-container .menu {
        flex-direction: row;
        justify-content: space-between;
    }
}

.menu-container ul ul {
    display: none;
}

@media (min-width: 981px) {
    .menu-container ul ul {
        display: none;
        position: absolute;
    }
}

.menu-container ul li.opened > ul {
    display: block;
    color: #fff;
    padding-left: 2rem;
}

.menu-container .menu-items.right-col .sub-menu {
    right: 0;
}

#inner-header .menu-icon,
#inner-header .close-container {
    display: none;
}

#inner-header .menu-icon i {
    font-size: 20px;
    padding: 22px;
    cursor: pointer;
}

#inner-header .menu-items:last-child {
    display: none;
}

@media (max-width : 1199px) {
    .menu-container .menu li a {
        padding: 25px 15px;
    }

    #edit-invoice {
        width: auto;
    }
}

@media (max-width: 980px) {
    .menu-container {
        top: 0;
        right: 0;
        position: absolute;
        display: none;
        z-index: 800;
        min-width: 255px;
        background: #405372;
    }

    .menu-container .menu li a {
        font-size: 15px;
        line-height: 18px;
        padding: 10px 25px;
    }

    .menu-container ul li.opened > ul {
        display: none;
    }

    .menu-container .menu li:not(:last-child) a i {
        transform: rotate(-90deg);
        font-size: 11px;
        line-height: 11px;
    }

    .menu-container .menu li.opened:not(:last-child) a i {
        transform: rotate(0deg);
    }


    .menu-container .menu-items.active a:not(.sub-menu a) {
        color: white;
        font-weight: bold;
        background: rgba(98, 121, 153, 0.5);
    }

    .menu-container ul ul.sub-menu li a {
        font-weight: normal;
        font-size: 13px;
        padding: 5px 40px 5px 40px;
        z-index: 800;
    }

    #inner-header .menu-icon {
        display: block;
    }

    #inner-header .close-container {
        display: flex;
    }

    #inner-header .closeBtn {
        padding: 25px;
        font-size: 22px;
        cursor: pointer;
    }

    #inner-header .closeBtn i::before {
        padding: 0;
    }

    #inner-header .menu-items:last-child {
        display: block;
    }

    #inner-header .menu-items:last-child a {
        display: block;
        padding: 25px;
    }

    #inner-header .menu-items:last-child i::before {
        margin-top: 1px;
        padding-left: 5px;
    }

    .menu-container ul li.opened > ul {
        padding-left: 0;
    }
}

@media (min-width: 981px) {
    .menu-container {
        display: block;
    }

    .menu-container ul li.opened > ul {
        padding-left: 0;
        color: #3B4657;
        background: #fff;
        box-shadow: 1px 4px 5px rgb(59 70 87 / 35%);
    }

    .menu-items.opened {
        background: #7AA3DD;
    }

    .menu-container ul li.opened > ul a {
        color: #3B4657;
        min-width: 130px;
        padding: 10px 25px 10px 15px;
        text-transform: none;
    }

    .menu-container .sub-menu ul {
        box-shadow: 1px 4px 5px rgba(59, 70, 87, 0.35);
    }

    .menu-container .sub-menu li {
        display: flex;
    }

    .menu-container .opened li.active {
        background: #7AA3DD;
    }

    .menu-container .opened li.active a {
        color: white;
        background: #7AA3DD;
        border-radius: 0px;
    }

    .menu-container ul ul ul {
        margin: 0 0 0 100%;
        box-shadow: 1px 4px 5px rgb(59 70 87 / 35%);
    }
}

.dropkick-anti-screen-widener {
    left: 0;
}

.hoverme-button {
    transition: all 0.6s ease;
}

.hoverme-button:hover {
    transition: all .1s ease;
    filter: brightness(0.85);
    transform: scale(1.2);
}

.hoverme-button:active {
    transition: all .1s ease;
    filter: brightness(0.55);
    transform: scale(1.2);
}

.hidden-spinner-input::-webkit-inner-spin-button,
.hidden-spinner-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.hidden-spinner-input {
    -moz-appearance:textfield;
}

.hideMeAnimation30s {
    animation-name: hideMeCssAnimation;
    animation-duration: 2s;
    animation-delay: 30s;
    animation-fill-mode: forwards;
}
.hideMeAnimation1s {
    animation-name: hideMeCssAnimation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
@keyframes hideMeCssAnimation {
    0%   {opacity: 1; position: initial;}
    90%  {opacity: 0; position: initial;}
    91%  {opacity: 0; position: fixed;}
    100% {opacity: 0; position: fixed;}
}


.autokassza-settings {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 19px;
}

.autokassza-settings h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #FF6630;
}

.autokassza-settings .cto-card {
    color: #444444;
    background: #fff;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 4px;
}

.autokassza-settings .cto-card .icon-autokassza {
    display: inline-block;
    width: 54px;
    height: 54px;
    color: #ffffff;
    text-align: center;
    border-radius: 5rem;
    background: url(../images/autokassza/autokassza-icon.svg) #ff6630 no-repeat center !important;
    background-size: 55% !important;
}

.autokassza-settings .cto-card .l-iconHolder {
    padding: 0;
    margin-right: 12px;
}

.autokassza-settings ol {
    margin: 0 0 30px 0;
    padding: 0 25px;
}

.autokassza-settings ol li {
    list-style-position: inside;
    text-indent: -8px;
    margin-bottom: 10px;
}

.autokassza-settings ol li i::before {
    padding-right: 10px;
    color: #5BB460;
}

.autokassza-settings .bank-icons img {
    width: 64px;
}

.autokassza-settings .bank-icons img.takarek {
    width: 74px;
}

.autokassza-settings .bank-icons img.filled {
    width: 54px;
}

.autokassza-settings .bank-icons img:hover {
    filter: grayscale(100%);
}

.autokassza-settings .icons-holder {
    padding: 15px 0;
}

.kapcs_bontas, .kapcs_osszekapcsol {
    padding-left: 5px;
}

#popupEvzaras .valtscsomagot {
    background: #EEF5FD;
    padding: 20px 5px;
    box-shadow: 0 4px 16px rgba(59, 70, 87, 0.24), 0 0 2px rgba(59, 70, 87, 0.24);
    border-radius: 4px;
    margin: 0 10px 0 30px;
}

#popupEvzaras .maradszfree {
    padding: 20px 5px;
    margin: 0 30px 0 10px;
}

.popayment-fizkerbox {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 22px;
    background: #FFFFFF;
    box-shadow: 0 15px 40px rgb(0 0 0 / 20%);
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    padding-left: 59px;
    max-width: 625px;
}

.popayment-fizkerbox-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    margin-left: -34px;
}

.popayment-fizkerbox-title .fa-info-circle {
    color: #4E6685;
    margin-right: 10px;
}

.popayment-fizkerbox-text {
    margin-bottom: 15px;
}
.popayment-fizkerbox-link a {
    color: #7AA3DD;
    font-weight: 600;
}

.pricing-itemList .help-me.fa-info-circle:before {
    margin-top: -10px;
}

.fa-fix.fa-info-circle:before {
    margin-left: 0;
}

#banner-admin {
    margin-bottom: 0;
    padding-bottom: 100px;
    background: #dbdbdb;
    margin-top: -25px;
}

#banner-admin .header-container {
    color: black;
    font-size: 14px;
    padding: 30px 20px 20px 20px;
}

#banner-admin .header-container .stats {
    padding: 0 20px;
    font-size: 13px;
}

#banner-admin .circle {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    margin: 0 5px 0 10px;
}

#banner-admin .circle.active {
    background: #03cf00;
}

#banner-admin .circle.inactive {
    background: #FF3838;
}

#banner-admin .circle.expired {
    background: #ff6630;
}

#banner-admin .bannerBox {
    margin: 15px 15px;
    padding: 25px 15px;
    background: white;
    border-radius: 4px;
    border-left: 8px #adadad solid;
}

#banner-admin .bannerBox.newBanner {
    animation: pulse 4s ease-out alternate;
}

@keyframes pulse { 0% { border-left-color: #03cf00; background-color: #d2ffd1; } 100% { border-left-color: #FF3838; background-color: white; } }

#banner-admin .bannerBox.active {
    border-left-color: #03cf00;
}

#banner-admin .bannerBox.inactive {
    border-left-color: #FF3838;
    background: url(../images/inactive.png) repeat-x white;
}

#banner-admin .bannerBox.active.expired {
    border-left-color: #ff6630;
}

#banner-admin .bannerBox .banner-infos {
    padding: 0px 25px;
    width: 350px;
}

#banner-admin .banner-container {
    margin: 0;
    max-width: 100%;
    min-height: auto;
}

#banner-admin .details-container {
    padding-right: 20px;
}

#banner-admin .icon-drag {
    font-size: 16px;
    color: #ccc;
    cursor: grabbing;
}

#banner-admin .info-click {
    color: #5BB460;
}

#banner-admin .info-close {
    color: #FF3838;
}

#banner-admin .info-condition::before,
#banner-admin .info-calendar::before {
    font-size: 12px;
}

#banner-admin .info-condition::before {
    padding-right: 16px;
}

#banner-admin .banner-infos hr {
    border: 0;
    border-bottom: 1px solid #ccc;
}

#banner-admin .banner-infos td:nth-child(1) {
    max-width: 18px;
}

#banner-admin .banner-infos td:nth-child(3) {
    padding: 0 0 0 10px;
}

#banner-admin .banner-switch {
    margin-left: 10px;
}

#banner-admin .banner-action {
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}

#banner-admin .banner-switch .toggleHolder {
    margin: 0;
    width: 36px;
}

#banner-admin .banner-switch .toggleHolder label {
    background-color: #FF3838;
    cursor: grabbing;
}

#banner-admin .banner-switch .toggleHolder input:checked+label {
    background-color: #60BD68;
    cursor: grabbing;
}

#banner-admin .id-text {
    display: inline-block;
    overflow: hidden !important;
    max-width: 25ch;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bannerDetails .l-input .input-errorMessage {
    margin-top: 0px;
    padding: 6px 0 2px 0;
    font-size: 13px;
    font-weight: bold;
    color: #FF3838;
}

.bannerHistory .popup-icon.history {
    font-size: 50px;
    margin-bottom: 10px;
}

.bannerHistory .history-container {
    font-size: 14px;
    margin-bottom: 40px;
}

.bannerHistory .historyRow {
    text-align: left;
}

.bannerHistory .historyRow td {
    vertical-align: top;
}

.bannerHistory table {
    width: 100%;
    text-align: left;
}

.bannerHistory th {
    text-align: left;
}

.bannerHistory .rowId {
    width: 60px;
    text-align: center;
}

.l-popup.bannerDetails {
    padding: 30px 60px;
}

.l-popup.l-popup.bannerDetails .rowVisible {
    margin-left: 5px;
    cursor: pointer;
}

.l-popup.bannerDetails .rowVisible i {
    font-size: 12px;
    color: #ccc;
}

.l-popup.bannerHistory .popup-window {
    max-width: 930px;
}

.l-popup.bannerDetails .popup-window {
    width: auto;
    max-width: 1300px;
}

.l-popup.bannerDetails .details-container {
    margin: 0 auto;
    max-width: 930px;
    font-size: 14px;
}

.l-popup.bannerDetails input,
.l-popup.bannerDetails textarea  {
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans';
    padding: 6px;
}

.l-popup.bannerDetails input[type="color" i] {
    width: 50px;
    height: 35px;
    padding: 0px 0px;
    border-block-width: inherit;
    margin-left: 20px;
    margin-right: 10px;
    border: none;
}

.l-popup.bannerDetails .detailsRow {
    margin-bottom: 15px;
}

.l-popup.bannerDetails .bannerPreview {
    margin-bottom: 20px;
}

.l-popup.bannerDetails label.title {
    margin-bottom: 3px;
}

.l-popup.bannerDetails .popup-title {
    margin-bottom: 20px;
}

.l-popup.bannerDetails a.popup-link {
    padding-top: 5px;
}

.l-popup.bannerDetails .actions {
    margin-top: 40px;
}
.l-popup.bannerDetails .detailsRowGroup .detailsRow {
    flex-basis: 48%;
}

.l-popup.bannerDetails .detailsRowGroup .detailsRow4column {
    flex-basis: 22%;
}

.l-popup.bannerDetails .detailsRowGroup.highlighted {
    background: #ededed;
    border-radius: 4px;
    margin: 15px 0;
    padding: 15px 20px;
}

.l-popup.bannerDetails .detailsRowGroup.dateGroup .detailsRow .title {
    margin-left: 20px;
}

.l-popup.bannerDetails .detailsRowGroup.highlighted .detailsRow .title {
    margin-bottom: 5px;
}

#banner-admin .historyRow td:first-child {
    width: 165px;
}

.l-popup.bannerDetails .detailsRow .iconUrl {
    padding-left: 10px;
}

#emailSablonok .sablonheader {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #4E6685;
}

#emailSablonok .sablonheader-pencil {
    color: #4E6685;
    font-size: 16px;
}

#emailSablonok .panel {
    margin-bottom: 5px;
}
#emailSablonEditor .sablonLink, #emailSablonEditorNyugta .sablonLink {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #626A99;
    text-decoration-line: underline;
}
#emailSablonEditor .goBackRow, #emailSablonEditorNyugta .goBackRow {
    margin-bottom: 35px;
}
#emailSablonEditor .goBackTittle, #emailSablonEditorNyugta .goBackTittle {
    cursor: pointer;
}

#emailSablonEditor .text-edit, #emailSablonEditorNyugta .text-edit {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    text-transform: none;
    margin: 0;
    color: #4E6685;
}

#emailSablonEditor .panel, #emailSablonEditorNyugta .panel {
    border-radius: 4px;
    padding: 25px 15px 31px 15px;
}

#emailSablonEditor .panel .title, #emailSablonEditorNyugta .panel .title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.2px;
    color: #444444;
}

.utalas-info-table {
    width: 100%;
    max-width: 350px;
    margin: 40px auto;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

.utalas-info-table .utalas-info-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 5px 0;
}

.utalas-info-table .utalas-info-row.utalas-info-row-notaccent .utalas-info-label,
.utalas-info-table .utalas-info-row.utalas-info-row-notaccent .utalas-info-data {
    color: #757575;
}

.utalas-info-table .utalas-info-row.utalas-info-row-block-end {
    border-bottom: 1px solid #D9D9D9;
}


.utalas-info-table .utalas-info-warning {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

.utalas-info-table .utalas-info-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.utalas-info-table .utalas-info-data,
.utalas-info-table .utalas-info-fizhdat {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

.utalas-info-table .utalas-info-fizhdat {
    text-align: center;
    margin-top: 20px;
}

.utalas-info-table .utalas-info-copy {
    text-align: right;
    padding-top: 5px;
}

.utalas-info-table .utalas-info-copy-icon {
    color: #4E6784;
    font-size: 16px;
}

.utalas-info-table .utalas-info-copy-msg {
    display: none;
    font-weight: 700;
    font-size: 10px;
    height: 10px;
}

.pays-fizker-logo,
.payment-fizker-logo {
    height: 25px;
    width: 25px;
    margin-right: 4px;
}

.payment-fizker-success-logo {
    height: 70px;
    width: 70px;
}

.howtopay-fizker-logo {
    height: 40px;
    width: 40px;
}

#bbcodeEditor .separator-div {
    background: #C8CDD0;
    width: 1px;
    margin: 0 10px;
    height: 24px;
}

#bbcodeEditor .clickable-icon {
    cursor: pointer;
}

#bbcodeEditor .clickable-icon:hover {
    transform: scale(1.2);
    text-shadow: 0 0 10px #222222;
}

#bbcodeEditor .clickable-icon:active {
    transform: scale(1.2);
    text-shadow: 0 0 6px #222222;
}

#bbcodeEditor [class*="far"]:before,
#bbcodeEditor [class*="fas"]:before,
#bbcodeEditor [class*="fal"]:before,
#bbcodeEditor [class*="fab"]:before {
    padding: 0px;
}

.filterHolder label {
    padding: 0 5px 0 15px;
}

#kataPanel {
    color: white;
    background-color: #3B4755;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    align-items: center;
    padding: 15px 30px;
    border-radius: 8px;
}

#kataPanel p {
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
}

#kataPanel .action-container {
    border-right: 1px solid white;
    padding-right: 15px;
}

#kataPanel .l-buttonHolder {
    margin-top: 0;
}

#kataPanel .kata-text {
    margin-bottom: 15px;
}

.description-container {
    font-size: 10px;
    padding-left: 15px;
}

#kata_info {
    color: #7AA3DD !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.popup-text.katazaro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 0 50px;
}

.verticalPadding5 {
    padding: 5px 0 5px 0;
}

.verticalPadding8 {
    padding: 8px 0 8px 0;
}

.statistic-table {
    width: 100%;
    margin-bottom: 30px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e0d5d5;
}

#katazaro-flyer .katazaro-flyer-title {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

#katazaro-flyer .katazaro-flyer-title i {
    font-size: 14px;
}

#katazaro-flyer .katazaro-flyer-step-title {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-bottom: 15px;
}

#katazaro-flyer .katazaro-flyer-step-title-icon {
    margin-right: 14px;
    font-size: 12px;
}

#katazaro-flyer .katazaro-flyer-step-title-text i {
    margin-left: 5px;
}

#katazaro-flyer .katazaro-flyer-step {
    border-top: 1px solid #E9E9E9;
    padding-top: 15px;
    margin-bottom: 15px;
}

#katazaro-flyer .katazaro-flyer-steps {
    margin-top: 15px;
}

#katazaro-flyer .katazaro-flyer-step-body {
    margin-left: 25px;
}

#katazaro-flyer .katazaro-flyer-step-line {
    margin-bottom: 15px;
}

#katazaro-flyer .katazaro-flyer-link {
    color: #7AA3DD;
    font-weight: 600;
}

#katazaro-flyer .link-info-icon {
    color: #7AA3DD;
    font-weight: 600;
    margin-right: 4px;
}

#katazaro-flyer .color-success {
    color: #5BB460;
}

#katazaro-flyer .color-danger {
    color: #DA2121;
}

#katazaro-flyer .katazaro-messagebox {
    background: #FCF8F8;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    padding: 15px;
    margin-bottom: 15px;
}

#katazaro-flyer .katazaro-messagebox ul {
    list-style-type: disc;
    margin: 0;
}

#katazaro-flyer .katazaro-messagebox-title {
    display: flex;
    align-items: center;
}

#katazaro-flyer .katazaro-messagebox-title-icon {
    margin-right: 12px;
}

#katazaro-flyer .katazaro-messagebox-body {
    margin-top: 5px;
    margin-left: 25px;
}

#katazaro-flyer .katazaro-messagebox-actions {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

#katazaro-flyer .katazaro-messagebox-actions > *:first-child {
    margin-right: 4px;
}

#katazaro-flyer .katazaro-messagebox-actions > *:last-child {
    margin-right: 0;
}

#popupkatazaro-a-popup .katazaro-list-circle {
    border-radius: 50%;
    background-color: #FF6630;
    width: 1rem;
    display: inline-block;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #FFF;
    margin-right: 1rem;
}

#popupkatazaro-a-popup .katazaro-list {
    width: 480px;
    margin: 0 auto;
}

#popupkatazaro-a-popup .katazaro-list-text {
    margin-left: 2rem;
    margin-bottom: 5px;
}

#popupkatazaro-a-popup .katazaro-list-title {
    margin-bottom: 5px;
}

#popupkatazaro-a-popup .katazaro-list-element {
    margin: 20px 0;
}

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

.statistic-table {
    width: 100%;
    margin-bottom: 30px;
}

#bannersize {
    font-size: 20px;
    color: #a89e9e;
    text-align: center;
}

.logReason {
    overflow-wrap: anywhere;
}

#payforchat-button {
    background-color: rgb(255, 102, 48);
    position: fixed;
    bottom: 16px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-width: 0;
    border-block-end-style: none;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    -webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);
    -o-transition: all .3s cubic-bezier(.25,.8,.25,1);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    background-repeat: no-repeat;
    background-position: 50% 49%;
    z-index: 2147483000!important;
    -webkit-animation: beamer_pop-in .5s;
    cursor: pointer;
}

#payforchat-icon {
    width: 32px;
    height: 30px;
    margin: auto;
}

.passiv-text {
    color: #757575;
}

#szamlakereso-keresosav [class*="far"]:before,
#szamlakereso-keresosav [class*="fas"]:before,
#szamlakereso-keresosav [class*="fal"]:before,
#szamlakereso-keresosav [class*="fab"]:before {
    padding: 0px;
}

#szamlakereso-keresosav {
    background: #FAFAFA;
    padding: 0px 15px 15px;
    gap: 20px;
    border-radius: 6px;
    font-family: 'Open Sans';
}
#szamlakereso-keresosav .szamlakereso-keresosav-tabbar {
    gap: 10px;
    border-bottom: 2px solid #E9E9E9;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
#szamlakereso-keresosav .szamlakereso-keresosav-tabbar .szamlakereso-keresosav-tab {
    border-bottom: 2px solid #E9E9E9;
    padding: 16px 20px;
    margin-top: 2px;
}
#szamlakereso-keresosav .szamlakereso-keresosav-tabbar .szamlakereso-keresosav-tab.active {
    font-weight: 600;
    border-bottom: 2px solid #607A9E;
}
#szamlakereso-keresosav .szamlakereso-keresosav-tabbar .szamlakereso-keresosav-tab:hover:not(.active) {
    cursor: pointer;
    background: #F2F3F7;
}
#szamlakereso-keresosav .alap-szurosav {
    display: flex;
}
#szamlakereso-keresosav .alap-szurosav.hidden {
    display: none;
}
#szamlakereso-keresosav .alap-szurosav a {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #626A99;
}
#szamlakereso-keresosav .kiterjesztett-szurosav {
    display: flex;
}


#szamlakereso-keresosav .kiterjesztett-szurosav span {
    font-size: 12px;
}

#szamlakereso-keresosav .hidden {
    display: none;
}

#szamlakereso-keresosav .buttonbar > * {
    margin-right: 8px;
}
#szamlakereso-keresosav .buttonbar > *:not(:first-child) {
    margin-left: 8px;
}

#szamlakereso-keresosav input[type='radio'], #szamlakereso-keresosav input[type='checkbox']{
    margin: 0 6px 0 0;
    cursor: pointer;
}
#szamlakereso-keresosav label{
    display: flex;
    cursor: pointer;
}

#szamlakereso-keresosav .horizontal-border {
    border-top: 1px solid #D9D9D9;
}

#szamlakereso-keresosav .szurosav-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-top: 16px;
}

#szamlakereso-keresosav .kiterjesztett-szurosav > div:not(:first-child) {
    margin-top: 20px;
}

#szamlakereso-keresosav .kiterjesztett-szurosav > div:is(:last-child) {
    margin-top: 16px;
}


#szamlakereso-keresosav .kiterjesztett-szurosav .vertial-divider {
    width: 1px;
    height: 18px;
    background: #7892B6;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-left: 0;
}


#szamlakereso-keresosav .kiterjesztett-szurosav  .horizontal-divider {
    height: 1px;
    background: #7892B6;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin-left: 0;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .tab-holder{
    filter: drop-shadow(1px 2px 4px rgba(59, 70, 87, 0.35));
}

#szamlakereso-keresosav .kiterjesztett-szurosav .tab-button-bar input[type='radio'] {
    appearance: none;
    display: none;
}

#szamlakereso-keresosav  .kiterjesztett-szurosav .tab-button-bar span {
    height: 40px;
}
#szamlakereso-keresosav  .kiterjesztett-szurosav .tab-button-bar label span {
    width: 100px;
}
#szamlakereso-keresosav  .kiterjesztett-szurosav .tab-button-bar label span.one-tab {
    width: auto;
    padding-left:20px;
    padding-right: 20px;
}
#szamlakereso-keresosav .kiterjesztett-szurosav .tab-button-bar input[type='radio']:checked ~ span {
    background: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
}

#szamlakereso-keresosav  .kiterjesztett-szurosav .tab-button-bar {
    max-width: 287px;
    min-width: 210px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: -1px;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .tab-content  {
    width: 257px;
    height: 155px;
    padding: 20px;
    gap: 15px;
    background: #FFFFFF;
    border-radius: 0px 6px 6px 6px;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .link-style {
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #626A99;
    text-decoration: none;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .link-style:hover {
    color: #333;
}
#szamlakereso-keresosav .kiterjesztett-szurosav .kiterjesztett-szurosav-footer .footer-link-style {
    font-size: 13px;
    line-height: 18px;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .search-button {
    padding: 6px 14px;
    width: 81px;
    min-width: 81px;
    height: 30px;
    font-weight: 600;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .fa-caret-right {
    color: #626A99;
}

#szamlakereso-keresosav .kiterjesztett-szurosav .help-me {
    height: auto;
    width: auto;
}
.blur-image {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.padding-left15 {
    padding-left: 15px;
}

.quickBlurText {
    text-align: left !important;
    font-size: 12px !important;
    line-height: 18px !important;
    width: 100% !important;
    font-style: unset !important;
}

.utalas-warning {
    padding: 16px;
    background: #FFFDF5;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
}

.utalas-warning-bszla {
    padding: 16px;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
    width: 100%;
}

.szolgcsomag-warning {
    padding: 10px;
    background: #FFFDF5;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
}

.quick-bluebox {
    padding: 10px;
    background: #EEF5FD;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
}

.price-warning {
    padding: 16px;
    background: #F7F9FD;
    box-shadow: 1px 2px 4px rgba(59, 70, 87, 0.35);
    border-radius: 4px;
}

.price-warning .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 10px;
}

.price-warning .infotext {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;

    /* or 150% */

    /* Neutral/700 (header) */
    color: #191D25;
}

.postazas-form .postazas-field label {
    margin-bottom: 0;
}

.postazas-form .postazas-checkbox label {
    margin-bottom: 0;
    width: 100%;
}

.word-break-break-all {
    word-break: break-all;
}

#allcookie {
    border: 0;
}

.adofigyelo-holder {
    height: 150px;
}

.adofigyelo-holder img {
    width: 100%;
    height: auto;
}

.payee-koveteleskezeles-container {
    font-family: "Open Sans";
    width: 702px;
    font-size: 14px;
    margin: auto;
    font-style: normal;
    margin-bottom: 55px;
}
.payee-koveteleskezeles-container h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}
.payee-koveteleskezeles-container a {
    text-decoration: none;
    font-weight: 700;
    color: #626A99;
}
.payee-koveteleskezeles-container a:hover {
    text-decoration: underline;
}

.payee-koveteleskezeles-container .submit-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 238px;
    height: 40px;
    background: #FF6630;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    color: #FFFFFF;
}
.payee-koveteleskezeles-container .fa-clock {
    color: #DA2121;
    font-size: 15px;
}

.payee-koveteleskezeles-container .input-error-message {
    color: #FF0000;
}

#accordion-box {
    width: 702px;
    background: #ffffff;
    cursor: auto;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
#accordion-box input[type="radio"] {
    cursor: pointer;
}
#accordion-box label {
    border-left: 1px solid #607a9e;
    border-right: 1px solid #607a9e;
    padding: 20px;
    height: 100%;
    position: relative;
}
#accordion-box label:first-child {
    border-radius: 8px 8px 0 0;
    border-top: 1px solid #607a9e;
}
#accordion-box label:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #607a9e;
}
#accordion-box label:not(:first-child):before {
    border-top: 1px solid rgba(200, 205, 208, 0.5);
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 10px;
}

#accordion-box label .tab {
    flex: 1;
}
#accordion-box label input[type="radio"]:checked + div .tab-title-closed {
    display: none;
}
#accordion-box label input[type="radio"]:not(:checked) + div .tab-title-opened {
    display: none;
}
#accordion-box label input[type="radio"]:not(:checked) + div .tab-content {
    display: none;
}
#accordion-box label .tab-title {
    font-weight: 600;
}
#accordion-box label .tab-title-closed {
    font-weight: 400;
    color: #757575;
}
#accordion-box label .tab-title-opened {
    font-weight: 700;
}
#accordion-box label .tab-title-opened.tab-subtitle {
    font-weight: 400;
    color: #757575;
    font-size: 12px;
    justify-content: right;
}

#accordion-box label:has(input[type="radio"]:checked) {
    background: #f7f8f8;
    cursor: text;
}

#accordion-box label:not(:has(input[type="radio"]:checked)) {
    cursor: pointer;
}

.retweet-background {
    padding: 5px;
    background: rgba(98, 106, 153, 0.1);
    border-radius: 40px;
}

.payee-badge-container {
    height: 18px;
    padding: 1px 7px;
    border-radius: 39px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 11px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    white-space: nowrap;
}

.payee-badge-inprogress {
    color: #4B86E2;
    background: #D2E1F9;
}

.payee-badge-teendod-van {
    color: #9B1717;
    background: #FBE9E9;
}

.payee-badge-draft, .payee-badge-closed {
    color: #333333;
    background: #E9E9E9;
}

.payee-text {
    margin-left: 5px;
}

@media (max-width: 1300px) {
    .payee-text-mini {
        display: none;
    }
}

.max-width-500 {
    max-width: 500px;
}


.bankaccountField:invalid + .bankszla_torles {
    display: none;
}

.tomeges-nav-alert {
    margin: 0 auto;
    padding: 20px;
    width:960px;
}

.errorMessage {
    margin-top: 4px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: normal;
    color: #FA6969;
}

.barion-jutalek-doboz {
    align-items: flex-end;
    gap: 10px;
    align-self: stretch;
    border-top: 3px solid #FF6630;
    background: #EEF5FD;
    box-shadow: 1px 2px 4px 0px rgba(59, 70, 87, 0.35);
}


.cegadmin-minibutton-group {
    display: flex;
    gap: 2px;
    justify-content: start;
}
.cegadmin-minibutton {
    background: #efefef;
    border: 1px solid#66666650;
    border-radius: 4px;
    display: flex;
    max-height: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    min-width: 1rem;
    padding: 0;
}
.cegadmin-minibutton img {
    height: .8rem;
    width: .8rem;
    min-height: .8rem;
    min-width: .8rem;
}
.cegadmin-minibutton:hover {
    background: #ffffff;
}
.cegadmin-minibutton:active {
    background-color: #66666650;
}

.cegadmin-minibutton img {
    margin: 2px;
}

.cegadmin-bank {
    width: 100px;
}

.cegadmin-bankaccount {
    min-width: 250px;
}

.egyedijogok-checkboxes {
    display: flex;
    justify-content: space-around;
}

.egyedijogok-title {
    font-weight: 600;
    font-size: 10px;
}

.egyedijogok-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.egyedijogok-hidden {
    display: none;
}

.dijcsom-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px; /* vízszintes 0px, függőleges 20px */
}

.dijcsom-table td {
    padding: 10px 20px;
}

.dijcsom-table td a {
    text-decoration: none!important;
}

.dijcsom-table tbody tr {
    margin-top: 20px;
}

.dijcsom-table tbody td {
    background: #F3F3F3;
}

.autofifelsz-tilt {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 660px;
}

.autofifelsz-tilt-inner {
    display: flex;
    padding: 20px 30px;
    flex-direction: column;
    gap: 13px;
}

.autofifelsz-tilt-checkbox {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
}

.autofifelsz-tilt-email {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13px;
    line-height: 20px;
}

.autofifelsz-tilt-divider {
    height: 1px;
    align-self: stretch;
    background:#BCCCDC;
}

.autofifelsz-tilt-email-input {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.autofifelsz-tilt-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}