.kalkulatorMainDiv {
    margin: 20px 40px;
}

.w2em {
    width: 2em !important;
}

.w3em {
    width: 3em !important;
}

.w4em {
    width: 4em !important;
}

.w5em {
    width: 5em !important;
}

.w6em {
    width: 6em !important;
}

.w7em {
    width: 7em !important;
}

.w40px {
    width: 40px !important;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.margin10 {
    margin: 10px;
}

.mT-20 {
    margin-top: -20px;
}
.mT0 {
    margin-top: 0px;
!important;
}

.mT5 {
    margin-top: 5px;
}

.mT7 {
    margin-top: 7px;
}

.mT10 {
    margin-top: 10px;
}

.mT15 {
    margin-top: 15px;
}

.mT20 {
    margin-top: 20px;
}

.mT30 {
    margin-top: 30px;
}

.mT40 {
    margin-top: 40px;
}

.mT45 {
    margin-top: 45px;
}

.mT50 {
    margin-top: 50px;
}

.mT60 {
    margin-top: 60px;
}

.mT67 {
    margin-top: 67px;
}

.mT70 {
    margin-top: 70px;
}

.mR2 {
    margin-right: 2px;
}

.mR10 {
    margin-right: 10px;
}

.mR20 {
    margin-right: 20px;
}

.mR30 {
    margin-right: 30px;
}

.mR50 {
    margin-right: 50px;
}

.mR130 {
    margin-right: 130px;
}

.mL10 {
    margin-left: 10px;
}

.mL15 {
    margin-left: 15px;
}

.mL20 {
    margin-left: 20px;
}

.mL25 {
    margin-left: 25px;
}

.mL30 {
    margin-left: 30px;
}

.mL130 {
    margin-left: 130px;
}

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

.mB0 {
    margin-bottom: 0px;
}

.mB5 {
    margin-bottom: 5px;
}

.mB7 {
    margin-bottom: 7px;
}

.mB10 {
    margin-bottom: 10px;
}

.mB15 {
    margin-bottom: 15px;
}

.mB20 {
    margin-bottom: 20px;
}

.mB30 {
    margin-bottom: 30px;
}

.mB40 {
    margin-bottom: 40px;
}

.mB50 {
    margin-bottom: 50px;
}

.pzero {
    padding: 0px;
!important;
}

.padding10 {
    padding: 10px;
}

.pL10 {
    padding-left: 10px;
}

.pL15 {
    padding-left: 15px;
}

.pL20 {
    padding-left: 20px;
}

.pL25 {
    padding-left: 25px;
}

.pL30 {
    padding-left: 30px;
}

.pB0 {
    padding-bottom: 0px;
!important;
}

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

.pB10 {
    padding-bottom: 10px !important;
}

.pB15 {
    padding-bottom: 15px !important;
}

.pB20 {
    padding-bottom: 20px !important;
}

.pB25 {
    padding-bottom: 25px !important;
}

.pB30 {
    padding-bottom: 30px !important;
}


.pB40 {
    padding-bottom: 40px !important;
}

.pT0{
    padding-top: 0px!important;
}

.pT5{
    padding-top: 5px;
}

.pT7 {
    padding-top: 7px;
}

.pT10 {
    padding-top: 10px;
}

.pT15 {
    padding-top: 15px;
}

.pT20 {
    padding-top: 20px;
}

.pT30 {
    padding-top: 30px;
}

.pT40 {
    padding-top: 40px;
}

.pT55{
    padding-top: 55px;
}

.pT110 {
    padding-top: 110px;
}

.pL5{
    padding-left: 5px;
}

.pR5{
    padding-right: 5px;
}

.pR10 {
    padding-right: 10px;
}

.pR15 {
    padding-right: 15px;
}

.pR25 {
    padding-right: 25px;
}

.pR30 {
    padding-right: 30px;
}

.pR40 {
    padding-right: 40px;
}

.w61 {
    width: 61px;
}

.w96 {
    width: 96px;
}

.w185 {
    width: 185px;
}

.pointer {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.vaMiddle {
    vertical-align: middle !important;
}

.newSectionBorder {
    border-top: 2px solid #a0a0a0;
}

.display--none {
    display: none;
}

.title {
    font-family: Helvetica Neue LT Pro, Arial, sans-serif;
    font-weight: bold;
    color: #00aeef;
    font-size: 28px;
}

.fontSize11 {
    font-size: 11px;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize13 {
    font-size: 13px;
}

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

.fontSize17 {
    font-size: 17px;
}

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

.fontSize19 {
    font-size: 19px;
}

.fontSize21 {
    font-size: 21px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize17 {
    font-size: 17px;
}

.fontSize17Imp {
    font-size: 17px !important;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize22 {
    font-size: 22px;
}

.fontSize84 {
    font-size: 84px !important;
}

.light-grey-bg {
    background: #fcfcfc;
}

.light-blue-bg {
    background-color: #e6f7fe;
}

.white-bg {
    background: #ffffff;
}

.darkBlue {
    color: #002F52;
}

.layer {
    position: fixed;
    top: 1px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: #000020;
    z-index: 200;
    width: 100%;
    height: 100%;
    display: none;
}

.popup {
    position: absolute;
    top: 10%;
    z-index: 500;
    width: 100%;
    display: block;
}

.etaxpopup {
    position: fixed !important;
    top: 5% !important;
}

.align_popup_content{
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 55px;
    background-color: #FFFFFF;
    z-index: 200;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.sticky-kh-logo {
    z-index: 210;
    height: 75px;
}

.gwtDiv {
    border-left: 1px solid #cceffc;
    border-right: 1px solid #cceffc;
    border-radius: 3px;
    background-color: #FFFFFF;
}

.kalkulatorHeader {
    /*height: 100px;*/ /*szétbontva WideScreen és Mobile*/
    background: #fcfcfc;
    font-weight: bold;
    color: #ccc;
    position: relative;
    margin-left: -1px;
}

.darkGreyBG {
    background: #ccc;
}

.nstStyle {
    padding-top: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
}

.nstStyle > div {
    padding-left: 15px;
    padding-right: 15px;
}

.statusBar {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #808080;
}

.stepActive {
    padding-bottom: 5px;
}

.stepActive > span {
    color: #003767;
}

.stepActive > i {
    display: inline-block;
    color: #00aeef;
}

.stepActive > img {
    display: none;
}

.stepDone {
    cursor: pointer;
}

.allStepsDone .stepDone {
    cursor: default;
}

.stepDone > img {
    display: inline-block;
    margin-bottom: 5px;
}

.stepDone > .stepNumber, .fa-arrow-right {
    display: none;
}

.stepInactive > img {
    display: none;
}

.stepInactive > i {
    display: inline-block;
}

.content-title {
    color: #00aeef !important;
    font: normal bold 34px/42px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    margin-bottom: 40px;
    margin-top: 40px;
}

.content-subtitle-1 {
    color: #003767;
    font: normal bold 20px/25px "Helvetica Neue LT Pro", Arial, sans-serif;
    margin-bottom: 20px;
}

.content-subtitle-2 {
    color: #003767;
    font: normal bold 15px "Helvetica Neue LT Pro", Arial, sans-serif;
    padding-bottom: 10px;
}

.content-big-bold {
    color: #003767;
    font: normal bold 18px "Helvetica Neue LT Pro", Arial, sans-serif;
}

.content {
    font: normal 14px "Helvetica Neue LT Pro", Arial, sans-serif;
}

.content-small {
    font: normal 12px "Helvetica Neue LT Pro", Arial, sans-serif;
}

.content-title-blue {
    color: #00aeef !important;
    font: bold 32px "Helvetica Neue LT Pro", Arial, sans-serif !important;
}

.content-subtitle-blue {
    color: #00aeef !important;
    font: bold 20px "Helvetica Neue LT Pro", Arial, sans-serif !important;
}

.content-darkblue-bold {
    color: #003767 !important;
    font: bold 14px "Helvetica Neue LT Pro", Arial, sans-serif !important;
}

.content-20-bold {
    font: bold 20px "Helvetica Neue LT Pro", Arial, sans-serif !important;
}

.content-20-normal {
    font: normal 20px "Helvetica Neue LT Pro", Arial, sans-serif !important;
}

input[type="radio"] {
    display: none;
}

.invalid > input[type="radio"] + label span {
    border-color: red !important;
    color: red !important;
}

.invalid .KHPhoneNumberWidget {
    border: red solid 1px !important;
    color: red !important;
}

.invalid .form-group .flatpickr-wrapper .input-group .input-button {
    border-top: red solid 1px !important;
    border-bottom: red solid 1px !important;
    border-left: red solid 1px !important;
    color: red !important;
}

.invalid .form-group .flatpickr-wrapper .input-group .flatpickr-input {
    border-top: red solid 1px !important;
    border-bottom: red solid 1px !important;
    border-right: red solid 1px !important;
    color: red !important;
}

.invalid .downloadBox {
    color: red !important;
    border: red 1px solid !important;
}

.invalid .downloadBox .inline a {
    color: red !important;
}

input[type="radio"] + label span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #99dff9;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: -1px;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 15px;
    cursor: pointer;
}

input[type="radio"] + label {
    cursor: pointer;
}

input[type="radio"]:checked + label span {
    background: #00aeef none repeat scroll 0 0;
    border-color: #00aeef;
    cursor: pointer;
}

.khRadioButton > label {
    color: #00aeef;
    font: normal 14px "Helvetica Neue LT Pro", Arial, sans-serif;
}

.gwt-CheckBox.invalid input[type="checkbox"] + label {
    color: red !important;
}

.gwt-CheckBox.invalid input[type="checkbox"] + label::before {
    border-color: red !important;
}

.gwt-CheckBox input[type="checkbox"] + label::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #99dff9;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 18px;
}

.gwt-CheckBox input[type="checkbox"] + label::after {
    color: #00aeef;
    content: "\f00c";
    font-size: 11px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transition: all 0.2s ease 0s;

}

.gwt-CheckBox input[type="checkbox"] + label {
    color: #003767 !important;
    position: relative;
}

.gwt-CheckBox input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.gwt-CheckBox input[type="checkbox"] + label {
    cursor: pointer;
}

.gwt-CheckBox input[type="checkbox"] {
    display: none;
}

.gwt-CheckBox input[type=checkbox] + label:after {
    font-family: FontAwesome !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.kepes_valaszto_gomb {
    display: inline-block;
}

.gwt-CheckBox > label {
    color: #00aeef;
    font: normal 14px "Helvetica Neue LT Pro", Arial, sans-serif;
}

body {
    display: initial;
}

.form-control[readonly] {
    background-color: #ffffff !important;
}

a {
    cursor: pointer;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.chooseButton > input[type="radio"]:checked + label span {
    background: #00aeef none repeat scroll 0 0;
    color: white !important;

}

.chooseButton > input[type="radio"]:not(:checked) + label span {
    background: white none repeat scroll 0 0;
}

.chooseButton > input[type="radio"] + label span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00aeef;
    border-radius: 4px !important;
    content: "" !important;
    height: 27px !important;
    margin-right: 0;
    position: relative;
    text-align: center;
    color: #00aeef;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    display: inline-table !important;
    padding: 12px;
    cursor: pointer;
}

.noichooseButton > input[type="radio"]:checked + label span {
    background: #00aeef none repeat scroll 0 0;
    color: white !important;

}

.noichooseButton > input[type="radio"]:not(:checked) + label span {
    background: white none repeat scroll 0 0;
}

.noichooseButton > input[type="radio"] + label span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00aeef;
    border-radius: 4px !important;
    content: "" !important;
    height: 27px !important;
    margin-right: 0;
    position: relative;
    text-align: center;
    color: #00aeef;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    display: inline-table !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;

    cursor: pointer;
}

.noichooseButton > input[type="radio"] + label {
    font-size: 14px !important;
    font-weight: normal !important;
}

.chooseButton > input[type="radio"] + label {
    font-size: 14px !important;
    font-weight: normal !important;
}

.autoWidth > input[type="radio"] + label span {
    width: auto !important;
}

.fixWidth > input[type="radio"] + label span {
    width: 50px !important;
}

.radioButton-desc {
    font: normal 12px "Helvetica Neue LT Pro", Arial, sans-serif;
    margin-top: 10px;
}

.egyeb_gepjarmufajta {
    padding: 15px 30px;
    border: 1px solid #00aeef;
    border-radius: 4px;
}

.inputTitle {
    margin-bottom: 5px;
    margin-left: 15px;
    color: #888888;
}

.helpText {
    color: #888888;
    font-size: 12px;
}

.inputTitleTooltipFar {
    float: right;
    margin-right: 20px;
    display: inline-block;
}

.inputTitleTooltip {
    margin-left: 5px;
    display: inline-block;
}

.text-center {
    text-align: center;
}

.positionCenterForFixedWidth {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

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

.inline {
    display: inline;
}

.kalkulatorTitle {
    color: #003767;
    font: normal bold 30px "Helvetica Neue LT Pro", Arial, sans-serif;
    margin-bottom: 15px;
}

.kuponmegado {
    width: 640px;
    height: 149px;
    background: transparent url(../images/kuponmegado.png) no-repeat;
}

.kuponmegado_right {
    width: 296px;
    height: 149px;
    background: transparent url(../images/kuponmegado_right.png) no-repeat;
}

.kuponmegado_textbox {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (min-width: 768px) {
    .kuponmegado_border {
        border-top: 2px #99DFF9 solid;
        border-bottom: 2px #99DFF9 solid;
        border-bottom-left-radius: 0px;
    !important;
        border-bottom-right-radius: 0px;
    !important;
    }
}

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

.kuponigenyloStyle > div {
    padding-left: 15px;
    padding-right: 15px;
}

.kuponigenyloStyle > div:last-child {
    background-color: #e6f7fe;
}

.kuponigenyloStyleBob > div {
    padding-left: 15px;
    padding-right: 15px;
}

.kuponigenyloStyleBob > div:last-child {
    background-color: #e6f7fe;
}

.kuponigenyloStyleIndexdij > div {
    padding-left: 15px;
    padding-right: 15px;
}

.kuponigenyloStyleIndexdij > div:last-child {
    background-color: #e6f7fe;
}

.kuponigenylo_title {
    padding-top: 40px;
    font: bold 25px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    color: #00aeef !important;
}

.kuponigenylo_subtitle {
    padding-top: 20px;
    font: normal 18px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    color: #00aeef !important;
    width: 180px;
}

.revert-tab-content {
    border: 0px !important;
    padding: 0px !important;
    border-radius: 0 !important;
}

.KHPhoneNumberWidget {
    background-color: #fff;
    background-image: none;
    border: 1px solid #99dff9;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #003767;
    display: block;
    font-size: 16px;
    height: 38px;
    line-height: 1.42857;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}

.phonePrefix {
    color: #99dff9 !important;
}

.KHPhoneNumberWidget > input {
    border: none;
    width: 84%;
}

.tab-content .panel.panel-download {
    margin-bottom: 0px !important;
}

.justify {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}

.form-control--calendar {
    border-right: 1px solid #99dff9 !important;
    border-left-width: 0px !important;
    color: black;
}

.invalid {
    border-color: red !important;
    color: red !important;
}

.invalid_message {
    border-color: red !important;
    color: red !important;
    font-size: 12px !important;
}

.invalid input[type="radio"] + label {
    color: red !important;
    border-color: red !important;
}

.invalid input[type="radio"] + label span {
    border-color: red !important;
}

.col-centered {
    width: 50%;
    margin: 0 auto;
}

.kupon_kod_szoveg {
    margin-top: 20px;
    margin-left: 35px;
    font-family: Helvetica Neue LT Pro, Arial, sans-serif;
    color: #FFF;
    font-size: 12px;

}

.rendelkezel_kuponnal_szoveg {
    padding-top: 20px;
    margin-left: 20px;
    font-family: Helvetica Neue LT Pro, Arial, sans-serif;
    font-weight: bold;
    color: #003767;
    font-size: 15px;
}

.header_elakadt {
    color: #003767;
    font: normal bold 20px/25px "Helvetica Neue LT Pro", Arial, sans-serif;
}

.cell-display {
    display: table-cell;
}

.fa-phone, .fa-phone-square {
    color: #00aeef;
}

.bob_foggy:after {
    position: absolute;
    top: 0;
    right: -65px;
    bottom: 0;
    left: -65px;
    content: '';
    background-color: rgba(255, 255, 255, 0.85);
}

.bob_foggy {
    position: relative;
}

.foggy:after {
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    left: -15px;
    content: '';
    background-color: rgba(255, 255, 255, 0.85);
}

.foggy {
    position: relative;
}

.list {
    list-style: none;
}
.overflow{
    overflow: auto;
}

.variantTitle > label {
    font-weight: bold;
    font-size: large;
}

.felszereltsegPopupTable {
    padding: 0 25px 25px 25px;
    height: 60vh;
}

/*.felszereltsegPopupTable > ul {*/
/*width: 66%;*/
/*}*/

.felszereltsegPopupTable > div {
    border: 1px solid #ddd !important;
}

/*szétdobva widescreen.css és mobile.css-be*/
/*.popup_content {*/
/*margin-left: 40px;*/
/*margin-right: 40px;*/
/*margin-top: 10px;*/
/*background: #fff;*/
/*border-radius: 5px;*/
/*}*/

.striped_row > div:nth-of-type(odd) {
    background-color: #e6f7fe;
}

.striped_row > div:nth-of-type(even) {
    background-color: #ffffff;
}

.noMargin {
    margin: 0 !important;
}

.felszereltsegRows > div {
    padding: 10px 15px 10px 5px;
}

.felszereltsegRow {
    padding: 10px 30px;
}

.felszereltsegTab {
    position: absolute;
    top: 188px;
    left: 65px;
    right: 65px;
    padding-left: 0px;
    padding-right: 0px;
}

.felszereltsegTab > div {
    height: 351px;
    overflow: scroll;
    overflow-x: hidden;
}

.felszereltsegBezarPosition {
    position: absolute;
    right: 27px;
    top: 0;
}

.downloadBox {
    padding: 15px 20px;
    border: 1px solid #99dff9;
    font-size: 18px;
}

.greenColor {
    color: #2ECC71;
}

.accordions .panel-heading {
    padding: 0;
    position: relative;
    background: #f9f9f9;
}

.dnfWarningBox {
    border: red solid 2px;
    color: red;
}

.tooltipLink {
    padding: 0;
    background: transparent;
    border: 0;
    color: #00aeef;
}

.adatellenorzesBox {
    border-left: 1px solid #99dff9;
    border-top: 1px solid #99dff9;
    border-right: 1px solid #99dff9;
}

.adatellenorzesBox > div {
    border-bottom: 1px solid #99dff9;
    margin: 0;
    display: flex;
}

.adatellenorzesBox > div > div {
    padding: 10px 15px 10px 15px;
}

.adatellenorzesBox > div > div:nth-of-type(even) {
    border-left: 1px solid #99dff9;
}

.word-wrap {
    word-wrap: break-word;
}

.w15Percent {
    width: 15%;
}

.w60Percent {
    width: 60%;
}

.w80Percent {
    width: 80%;
}

.w90Percent {
    width: 90%;
}

.lightBlueBGBox {
    background: #E6F7FE;
    padding: 15px;
    padding-top: 5px;
}

.lightBlueBG {
    background: #e6f7fe;
}

.lightBlueBGBoxWithoutWidth {
    background: #E6F7FE;
    padding: 15px;
}

.gwtDivReverter {
    background-color: #fcfcfc;
    border: none;
}

.greyBG {
    background: #ddd;
}

.lakas_ajanlat_subtitle {
    padding-top: 20px;
    font: normal 22px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    color: #00aeef !important;
}

.gfb_dijPanel {

    border-radius: 4px;
    margin-bottom: 20px;
    padding: 0 15px 30px;
    background: #cceffc;
    text-align: center;

}

.gfb_dijPanel_title {
    background-color: #99dff9;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 -15px 15px;
    padding: 15px 10px;
    text-align: center;
}

.kombi_dijPanel_subtitle {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.lightBlueFontColor {
    color: #99dff9;
}

.greyFontColor {
    color: #808080;
}

.orangeFontColor {
    color: #FB9B73;
}

.orangeBrandFontColor {
    color: #fa6d16;
}

.redFontColor {
    color: red;
}

.letoltesekPanel {
    margin-left: 20px;
    margin-right: 20px;
}

.adatellenorzesBoxRight {
    border-left: 1px solid #99dff9;
    border-top: 1px solid #99dff9;
    border-right: 1px solid #99dff9;
}

.adatellenorzesBoxRight > div {
    border-bottom: 1px solid #99dff9;
    margin: 0;
}

.adatellenorzesBoxRight > div > div {
    padding: 10px 15px;
}

.adatellenorzesBoxRight > div > div:nth-of-type(odd) {
    border-right: 1px solid #99dff9;
}

.adatellenorzesBoxRight > div > div:nth-of-type(even) {
    border-left: 1px solid #99dff9;
}

.dnfWarning {
    font-size: 12px;
    color: red;
    padding: 5px;
}

.statusBarStepUtas {
    display: inline-block;
    width: 20%;
}

.statusBarStepLakas {
    display: inline-block;
    width: 12.5%;
}

.activityPopupPanel {
    font-size: 18px;
    font-weight: bold;
    font-variant: normal;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgba(0, 0, 0, 0.4);
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
}

.activityPopupPanelLabel {
    font-size: 18px;
    font-weight: bold;
    font-variant: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-question {
    font-size: 17px !important;
    width: 17px !important;
    height: 17px !important;
}

.button-padding-margin-fix {
    margin-top: 20px !important;
    padding-left: 28px !important;
    padding-right: 58px !important;
}

.fontSize17 label {
    font-size: 17px !important;
}

.blue_bordered_button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00aeef;
    border-radius: 4px !important;
    height: 38px !important;
    margin-right: 0;
    position: relative;
    text-align: center;
    color: #00aeef;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
}

.disableColor {
    color: #cbc0c0;
}

.disableBgColor {
    background: #EBEBEB;
}

.alert {
    background: transparent url(../images/alert.png) center center no-repeat;
}

.checked {
    background: transparent url(../img/ico_checked.png) center center no-repeat;
}

.not_checked {
    background: transparent url(../img/ico_none.png) center center no-repeat;
}

.bobDijszamitasCell {
    border: 1px solid #cceffc;
    padding: 10px;
    max-width: 190px;
    min-height: 56px;
}
.bobDijszamitasCell img{
    height: 18px;
}

.bobDijszamitasCellWithoutTopBorder {
    border: 1px solid #cceffc;
    padding: 10px;
    max-width: 190px;
    min-height: 56px;
    border-top: none;
}


.bobDijSzamitasHead {
    background-color: #99dff9;
    color: #003767;
    border: 0 none;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
}

.bobDijSzamitasHead table tbody tr td {
    text-align: center !important

}

.centerHack {
    margin-left: 40px;
}

.centerHackAjanlott {
    margin-left: 20px;
}

.bobButton {
    padding: 13px 47px 13px 27px !important;
}

.bobButton div span a {
    color: white;
    text-decoration: none;
}

.bob-td1 {
    width: 191px !important;
}

.nmTextbox {
    background-image: url(../images/nm.png);
    background-repeat: no-repeat;
    background-position: right;
}

.foTextbox {
    background-image: url(../images/fo.png);
    background-repeat: no-repeat;
    background-position: right;
}

.ftTextbox {
    background-image: url(../images/ft.png);
    background-repeat: no-repeat;
    background-position: right;
}

.pTB12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.light-blue-box {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px 20px;
}

.hint-center-content {
    background: #00aeef;
    color: white;
    padding: 10px;
}

.pendingDoboz {
    background-color: #4c6d86;
    padding: 40px 80px;
}

.pendingDoboz > div {
    color: white;
    text-align: center;
    font-size: 18px;
}

.alert {
    background: none !important;
}

.alert.alert-white {
    border-width: 0px !important;
    padding: 0px !important;
}

.neCsukjaBePanel {
    border-radius: 5px;
    box-shadow: #0d416f;
    width: 600px;
}

.neCsukjaBeHeader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.neCsukjaBeTextBoldPart {
    font-weight: bold;
}

.neCsukjaBeTitle {
    height: 68px;
    width: 600px;
    background-image: url(../img/necsukjabe_title.png)
}

.neCsukjaBeTitleRow {
    width: 600px;
    text-align: -webkit-center;
}

.neCsukjaBeBezaras {
    cursor: pointer;
    float: right;
}

.infoitest {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.close {
    position: absolute;
    top: -2%;
    z-index: 10;
    opacity: 1;
    left: 97%;
}

.bobDijszamitasBorderRemove {
    border: none !important;;
}

.section--color-beta {
    background-color: #99dff9;
}

.section--slim-half {
    padding: 15px 0;
}

.section--slim {
    padding: 30px 0;
}

.section {
    display: block;
}

.section--color-alpha {
    background-color: #00aeef;
}

.section--color-beta {
    background-color: #99dff9;
}

.section--color-gamma {
    background-color: #e6f7fe;
}

.section--color-omega {
    background-color: #fff;
}

.social-channels {
    font-size: 36px;
    line-height: 36px;
    display: block;
    width: 100%;
    margin: 0;
    list-style: none;
    color: #fff;
}

.social-channels:before {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    padding-right: 5px;
    content: 'kövess minket';
    vertical-align: middle;
}

.social-channels__item {
    display: inline-block;
    vertical-align: middle;
}

.social-channels__item:not(:last-child) {
    margin-right: 5px;
}

.social-channels a {
    display: inline-block;
    color: #fff;
}

.contact {
    font-size: 16px;
    line-height: 20px;
}

.contact i[class*='fa-'] {
    font-size: 28px;
    width: 28px;
    margin-right: 20px;
    vertical-align: middle;
    color: #fa6d16;
}

button.btn-accordion-inln {
    background-color: transparent;
    /*color: #00aeef;*/
    cursor: pointer;
    /*padding: 18px;*/
    /*width: 100%;*/
    border: none;
    /*text-align: left;*/
    outline: none;
    /*font-size: 15px;*/
    /*transition: 0.1s;*/
    /*text-decoration: none;*/
    color: #00aeef;
}

button.btn-accordion-inln:hover {
    color: #fa6d16;
}

button.btn-accordion-inln span:not(b) {
    text-decoration: underline;
}

button.btn-accordion-inln:after {
    font-family: FontAwesome;
    content: '\f107';
    color: #00aeef;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    /*text-decoration: none;*/
}

button.btn-accordion-inln.active:after {
    font-family: FontAwesome;
    content: "\f106";
}

div.btn-accordion-panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.plain-table table {
    border-collapse: collapse;
    border: none;
}

.plain-table table td {
    padding: 0 10px 0 0;
    border: none;
}

.wrapper-ext {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
}

@media only screen and (max-width: 767px) {
    .hide-below-768 {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .hide-above-768 {
        display: none !important;
    }
}

.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navigation__item {
    display: inline-block;
    vertical-align: middle;
}

.navigation a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #003767;
}

.navigation a:visited {
    color: #003767;
!important;
}

.navigation--subsidiary {
    font-size: 16px;
    line-height: 20px;
}

.navigation--subsidiary a:hover {
    text-decoration: underline;
}

.navigation--subsidiary .navigation__item:not(:last-child) {
    margin-right: calc((100% - 800px) / 6);
}

/*800px = a <li> tagekben szereplő szövegek hossza + wrapper kétoldali padding, / osztás: a köztük levő távolságok számával*/

/*/!*-----*!/*/
/*.navigation--superior .navigation__item {*/
/*display: block;*/
/*/!*border-bottom: 2px solid #fff; *!/*/
/*}*/
/*.navigation--subsidiary {*/
/*margin-bottom: -10px; }*/
/*.navigation--subsidiary .navigation__item {*/
/*width: 32.333%;*/
/*margin-bottom: 10px; }*/
/*.navigation--subsidiary .navigation__item:not(:last-child) {*/
/*margin-right: 0; }*/

/*@media only screen and (max-width: 767px) {*/
/*.navigation--superior {*/
/*top: 61px;*/
/*width: 100%;*/
/*border-top: 2px solid #fff; }*/
/*.navigation--subsidiary .navigation__item {*/
/*width: 100%; }*/
/*.header--top + .header .navigation--superior {*/
/*top: 61px; } }*/

/*@media only screen and (min-width: 1200px) {*/
/*.header--top .navigation a {*/
/*padding: 10.5px 0;*/
/*.navigation--superior {*/
/*text-align: left; }*/
/*.navigation--superior a:hover {*/
/*color: #00aeef; }*/
/*.navigation--superior .navigation__item {*/
/*font-size: 18px;*/
/*line-height: 22px; }*/
/*.navigation--superior .navigation__item:not(:last-child) {*/
/*margin-right: 50px; } }*/

/*/!*----*!/*/

.footerbg {
    padding: 20px 0;
    background-color: #fff;
}

.adatvedelmi {
    margin: 0px;
    font-size: 20px;
}

.textBox {
    width: 250px;
}

.textBoxWidth530 {
    width: 530px;
}

.marginL35p {
    margin-left: 35%;
}

.marginL33p {
    margin-left: 33%;
}

.mR5 {
    margin-right: 5px
}

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

.pricePeriod {
    color: #fa6d16;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

#fog {
    position: fixed;
    top: 1px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: #000000;
    z-index: -2;
    width: 100%;
    height: 100%;
}

.input__add-on {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    width: 52px;
    height: 39px;
    padding: 7px 15px;
    vertical-align: bottom;
    color: #ccc;
    border-top: 1px solid #99dff9;
    border-right: 1px solid #99dff9;
    border-bottom: 1px solid #99dff9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
}

.input__add-on_works {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    width: 52px;
    height: 39px;
    padding: 7px 15px;
    margin-left: -4px;
    vertical-align: bottom;
    color: #ccc;
    border-top: 1px solid #99dff9;
    border-right: 1px solid #99dff9;
    border-bottom: 1px solid #99dff9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
}

.input:focus + .input__add-on, .select:focus + .input__add-on {
    color: #003767;
    border-color: #00aeef;
}

.is-controlled .input + .input__add-on, .is-controlled .select + .input__add-on {
    color: #2ecc71;
    border-color: #2ecc71;
}

.is-error .input + .input__add-on, .is-error .select + .input__add-on {
    color: #f53500;
    border-color: #f53500;
}

.is-controlled .input:focus + .input__add-on, .is-controlled .select:focus + .input__add-on {
    border-color: #25a25a;
}

.is-error .input:focus + .input__add-on, .is-error .select:focus + .input__add-on {
    border-color: #c22a00;
}

@media only screen and (max-width: 379px) {
    .header_elakadt {
        font-size: 17px;
    }

    .header_telefonszam {
        color: #00aeef !important;
        font: bold 17px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    }
}

@media only screen and (min-width: 380px) and (max-width: 767px) {
    .header_elakadt {
        font-size: 18px;
        padding-right: 10px;
    }

}

@media only screen and (min-width: 380px) {
    .header_telefonszam {
        color: #00aeef !important;
        font: bold 20px "Helvetica Neue LT Pro", Arial, sans-serif !important;
    }
}

@media only screen and (max-width: 767px) {
    .titleMobil {
        font-size: 19px;
        margin-left: 15px;
        display: inherit;
    }

    .stepNumber {
        font-size: 18px;
    }

    .accordions .panel.panel-default .panel-title {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
    }
}

.input {
    height: 39px !important;
}

.lightGreyBottomBorder {
    border-bottom: 1px solid lightgrey;
}

.anchorMargin {
    margin-bottom: 5px;
    margin-left: 15px;
}

.lightBlueBoxBackgroundModify {
    background: #e6f7fe !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.input__add-on-fix {
    margin-left: -4px;
}

.form-control--default-width {
    width: auto;
!important;
}

.text-align--center {
    text-align: center;
}

@media only screen and (max-width: 409px) {
    .hide-below-410 {
        display: none;
    }

    .negyedeves-fix label {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media only screen and (min-width: 410px) {
    .hide-above-410 {
        display: none;
    }
}

/*- - - - - - - - - - - - -*/
/* FOOTER + COOKIE PRIVACY */
/*- - - - - - - - - - - - -*/
.wrapper-ext {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
}

button.btn-accordion-inln {
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none;
    color: #00aeef;
}

button.btn-accordion-inln:hover {
    color: #fa6d16;
}

button.btn-accordion-inln span:not(b) {
    text-decoration: underline;
}

button.btn-accordion-inln:after {
    font-family: FontAwesome;
    content: '\f107';
    color: #00aeef;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.btn-accordion-inln.active:after {
    font-family: FontAwesome;
    content: "\f106";
}

.navigation--visited a:visited {
    color: #003767;
}

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

.plain-table table {
    border-collapse: collapse;
    border: none;
}

.plain-table table td {
    padding: 0 10px 0 0;
    border: none;
}

div.btn-accordion-panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.fb-middle {
    margin: 0 auto;
    max-width: 340px
}

.button-container {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    min-height: 40px;
    text-align: center;
}

.i-agree-button {
    display: inline-block;
    width: 130px;
    background: #3abdec;
    border: 0;
    margin: 5px;
    padding: 10px;
    /*float: right;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    text-transform: lowercase;
}

.cookie_privacy_line {
    background: rgba(229, 247, 253, 0.9);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 999999;
    font-size: 14px;
    padding: 10px;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.16);
}

.liststyle--none {
    list-style: none;
}

@media only screen and (max-width: 767px) {
    .wrapper-ext .no-wrapper-mobile {
        padding: 0 0;
    !important;
    }

    /*footer nyitvatartás*/
    .mobile-pl50 {
        padding-left: 50px;
    !important;
    }
}

@media only screen and (max-width: 1199px) {
    .hide-below-1200 {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .hide-above-1200 {
        display: none !important;
    }
}

/**
 * Navigation Tablet & Mobile
*/
/*@media only screen and (max-width: 1023px) {*/
@media only screen and (max-width: 1199px) {
    .navigation {
        /**
             * Switch
            */
    }

    .navigation a:hover {
        color: #0077b3;
    !important;
    }

    .navigation--superior {
        position: absolute;
        z-index: 900;
        top: 68px;
        right: 0;
        width: 50%;
    }

    .navigation--superior a {
        font-size: 16px;
        line-height: 20px;
        display: block;
        padding: 15px 15px;
        text-align: center;
        /*color: #fff;*/
        color: #003767;
        background-color: #E6F7FE;
        font-weight: bold;
    }

    .header--top + .header .navigation--superior {
        top: 46px;
    }

    .navigation--superior li {
        border-top: 1px solid #bcd1e0;
        border-right: 1px solid #bcd1e0;
        border-left: 1px solid #bcd1e0;
    }

    .navigation--superior li:last-child {
        border-bottom: 1px solid #bcd1e0;
    }

    .navigation--superior .navigation__item {
        display: block;
        /*border-bottom: 2px solid #fff; */
    }

    .navigation--subsidiary {
        margin-bottom: -10px;
    }

    .navigation--subsidiary .navigation__item {
        width: 32.333%;
        margin-bottom: 10px;
    }

    .navigation--subsidiary .navigation__item:not(:last-child) {
        margin-right: 0;
    }

    .navigation-icon:not(.is-active) + .navigation--superior {
        display: none;
    }
}

/**
 * Navigation Mobile
*/
@media only screen and (max-width: 767px) {
    .navigation--superior {
        top: 61px;
        width: 100%;
        border-top: 2px solid #fff;
    }

    .navigation--subsidiary .navigation__item {
        width: 100%;
    }

    .header--top + .header .navigation--superior {
        top: 61px;
    }
}

/*- - - - - - - - - - - - -*/
/*- - - - - - - - - - - - -*/
@media (min-width: 768px) and (max-width: 1199px) {
    .header_elakadt {
        font-size: 18px;
        padding-right: 15px;

    }

    .titleMobil {
        font-size: 18px;
        margin-left: 15px;
        display: inherit;
        margin-left: 20px;
        margin-right: 20px;
    }

    .paddingTablet {
        padding-left: 20px;
    }

    .tablet_elakadt {
        padding-right: 20px;
    }

}

@media (max-width: 767px) {
    .w61 {
        width: inherit;
        padding-bottom: 10px;
    }
}

.utas_header{
    background:#00aeef ;
    color: white;

}

input.invalid + span.input__add-on {
    border-color: red !important;
    color: red !important;
}

select.invalid + span.input__add-on {
    border-color: red !important;
    color: red !important;
}

/*bankkartyas fizetesi informacioknal, mind a 4 funnelben*/
figure:not([class]) img {
    max-width: 100%;
    height: auto;
}

.max-width-full img {
    max-width: 100%;
}

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

.doc-headers h2, h3 {
    font-weight: bold;
}
.doc-headers h3 {
    color: #00aeef;
}

.break_word {
    word-wrap: break-word;
}
.text-indent-25 label {
    text-indent: -25px;
    padding-left: 25px;
}

/*.text-indent-28 label {*/
/*text-indent: -28px;*/
/*padding-left: 28px;*/
/*}*/

.checkBox-indent input[type="checkbox"] + label {
    /*a szöveg*/
    text-indent: -28px;
    padding-left: 28px;
}

.checkBox-indent input[type="checkbox"] + label::after {
    /*a pipa ne másszon ki a checkbox-ból*/
    text-indent: -28px;
    padding-left: 28px;
}

.lineheight-150pc {
    line-height: 150% !important;
}

.liststyle--none-pL0 {
    list-style: none;
    padding-left: 0px;
}

.kombiKiegeszitoTooltipPositionFix button{
    position: relative; !important;
    bottom: auto; !important;
    right: auto; !important;
}

.kombiKiegeszitoTooltipPositionFix label {
    width: calc( 100% - 25px );
}

.input--extended-span52px {
    width: calc( 100% - 52px); /*a span mellette (pl.: fő, cm3, nm2) 52px széles*/
}

.nowrap {
    white-space: nowrap;
}

.wrapText {
    white-space: normal;
}

.text-transform--uppercase {
    text-transform: uppercase;
}

.form-control[readonly].form-control--calendar.flatpickr-input {
    color: inherit;
}

.h70 {
    height: 70px;
}

.popup_absolute {
    margin-top: 400px;
    position: absolute;
}

.popup_top150px {
    top: 150px;
}

.conditions-ul ul li{
    text-indent: -13px;
    padding-left: 10px;
    margin-left: 50px;
    margin-top: 20px;
}

.feltetelekButtonFix {
    min-height: 60px;
    width: 90%;
}

.text-indent-13 {
    text-indent: -13px;
    padding-left: 28px;
}

.text-indent-0 {
    text-indent: 0px;
}

#mainContentDiv.step2 table .inputTitleTooltip{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 23px;
}

.z5 {
    z-index: 5;
}

#nextNewsButton > i {
    color: #fa6d16!important;
}

.inlineBlockForChild > div {
    display: inline-block;
}
.warning_message {
    font-size: 12px !important;
}

/*<editor-fold desc="nyeremenyjatek blokk">*/

.nyeremenyjatek-card {
    background-color: #e6f7fe;
    border: 1px solid #99dff9;
    border-radius: 4px;
}
.fixGwtDivBorder {
    margin-left: -1px;
    margin-right: -1px;
    background-color: #fcfcfc;

    padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
    /*mobile*/

    .nyeremenyjatek { background: url('../images/nyeremenyjatek/mobil/kh_nyeremenyjatek_banner_kalkulator_mobil.jpg') center top no-repeat; background-size: cover; min-height: 310px; }

    .nyeremenyjatek-text{
        padding: 15px;
        line-height: 32px;
        font-size: 26px;
    }
    .nyeremenyjatek-btn {
        padding-bottom: 10px;
        text-align: center;
    }
    .nyeremenyjatek-link {
        text-align: center;
        position: absolute;
        bottom: 15px;
        right: 39%;
        /*padding-left: 125px;*/
        /*padding-bottom: 20px;*/
        font-weight: bold;
    }

    .position-relative {
        position: relative;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /*tablet*/

    .nyeremenyjatek {background: url('../images/nyeremenyjatek/tablet/kh_nyeremenyjatek_banner_kalkulator_tablet.jpg') center no-repeat; background-size: cover;}

    .bannerSize {
        /*height: 175px;*/
    }
    .nyeremenyjatek-text{
        padding: 30px 255px 0px 160px;
        line-height: 40px;
        font-size: 28px;
    }
    .nyeremenyjatek-btn{
        display: inline-block;
        height: 35px !important;
        padding: 5px 10px 5px 10px !important;
        margin: 0px 20px 0px 180px;
        width: 180px;
    }
    .nyeremenyjatek-link{
        padding: 20px 10px 20px 160px;
    }
    .nyeremenyjatek-link a{
        color: #003767;
        font-weight: bold;
    }
    .nyeremenyjatek-link a:hover{
        color: #d85505;
    }
    .nyeremenyjatek-link a:active{
        color: #d85505;
    }
}
@media only screen and (min-width: 1200px) {
    /*desktop*/

    .nyeremenyjatek {background: url('../images/nyeremenyjatek/desktop/kh_nyeremenyjatek_banner_kalkulator_desktop.jpg') center no-repeat; background-size: cover;}

    .bannerSize {
        /*height: 175px;*/
    }
    .nyeremenyjatek-text{
        padding: 30px 235px 0px 150px;
        line-height: 40px;
        font-size: 28px;
    }
    .nyeremenyjatek-btn{
        width: 220px;
        margin: 0px 194px;
    }
    .nyeremenyjatek-link{
        padding: 15px 10px 15px 150px;
    }
    .nyeremenyjatek-link a{
        color: #003767;
        font-weight: bold;
    }
    .nyeremenyjatek-link a:hover{
        color: #d85505;
    }
    .nyeremenyjatek-link a:active{
        color: #d85505;
    }
}
/*</editor-fold>*/

.statement-notification {
    text-align: center;
    font-style: italic;
}

/* pop up css */
/* pop up css */
.popUpLayer {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: #A6A6A6;
    z-index: 999;
}

.contentPopUp {
    position: fixed;
    width: 100%;
    z-index: 1000;
}
@media only screen and (max-width: 767px) {
    .btn-csomagok-xs {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.checkbox-div {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .order-1-xs {
        order: 1;
    }

    .order-2-xs {
        order: 2;
    }

    .order-3-xs {
        order: 3;
    }

    .checkbox-div-xs {
        display: flex;
        flex-direction: column;
    }
    .consent-checkbox-align {
        text-align: left !important;
    }
}

@media only screen and (min-width: 768px) {
    .consent-checkbox-align {
        text-align: center !important;
    }
}

.ch-title-link a:hover {
    color: #003767 !important;
}

.h100 {
    height: 100px !important;
}

.checkbox-title {
    font-size: 12px !important;
    font-weight: normal !important;
}

.up-arrowed-accordion a {
    padding: 10px 20px 10px 25px !important;
}

.up-arrowed-accordion a:after {
    content: '\02C4' !important;
    margin-top: -4px !important;
    right: 25px !important;
    left: unset !important;
}
.up-arrowed-accordion a.collapsed:after {
    content: '\02C5' !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
.position-relative-lakas {
    position: relative;
    height: 100%;
    width: 100%;
}

.main-promo-sticker-4cards-lakas {
    position: absolute;
    height: 100px;
    right: -10px;
    bottom: -10px;
    z-index: 2;
}

.assistance-select {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background-color: white;
}

.assistance-popup {
    position: absolute;
    overflow: visible;
}

.autocomplete-selected {
    background-color: rgb(84, 84, 84) !important;
}

.rendszam-nelkuli-checkbox-margin {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}

.phoenixheader > div.container-fluid {
    position: fixed;
    top: 0;
    z-index: 10;
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.phoenixstatus--padding {
    padding-top: 70px;
}

.cookiePage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 199999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 46, 82, 0.7);
}

.cookie-widget-button-group {
    float: right;
    padding: 30px 50px;
}

.cookie-widget-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 30px 50px;
}

.cookie-checkbox-container {
    padding: 0 10px;
}

.cookie-widget-level-details {
    font-size: 14px;
    color: #003767;
}

.btn-save-cookies {
    border-radius: 5px;
    margin-left: 20px;
    border: 1px solid #00AEEF;
    color: #00AEEF;
    background: #FFFFFF;
    font-size: 16px;
}

.btn-save-cookies:hover {
    border: 1px solid #00AEEF;
    color: #FFFFFF;
    background: #00AEEF;
}

.cookie-header-policy-link {
    color: #FFFFFF;
}

.cookie-header-policy-link:hover {
    color: #FFFFFF;
}

.cookie-header-title {
    font-weight: normal;
    margin-bottom: 15px;
}

.cookie-header-subtitle {
    margin-bottom: 15px;
}

.cookie-container {
    margin: auto;
    line-height: 20px;
    font-weight: 400;
    background: #fff;
    width: auto;
    min-height: 148px;
    max-width: 1264px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    overflow-y: auto;
    max-height: 90vh;
}

.cookie-header {
    color: white;
    padding: 30px 50px;
    background: #00aeef
}

@media (max-width: 1338px) {

    .cookie-container {
        width: 960px;
    }
    .cookie-widget-body {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 990px) {

    .cookie-container {
        width: 728px;
    }
    .cookie-widget-body {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .cookie-container {
        width: 100vw;
        height: 100vh;
        max-width: none;
        max-height: none;
    }
    .cookie-header {
        padding: 30px
    }
    .cookie-widget-body {
        display: grid;
        grid-template-columns: 1fr;
        padding: 30px;
        height: auto
    }
    .cookie-widget-button-group {
        float: initial;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .cookie-custom-btn-1, .cookie-custom-btn-2 {
        flex: 1;
        margin: 16px 24px
    }
    .btn-save-cookies {
        margin-left: 0;
    }
}



.prize-draw-panel {
    background: #E3EEF7;
    display: flex;
    flex-direction: column;
    height: auto;
    border: 1px #99DFF9;
}

.prize-draw-title {
    padding-top: 15px;
    font-family: Helvetica Neue LT Pro, Arial, sans-serif;
    font-weight: bold;
    color: #003767;
    font-size: 18px;
}

.prize-draw-text {
    color: #000000;
    font-size: 14px;
}

.prize-draw-href {
    margin-top: 10px;
    margin-right: 20px;
    font-size: 12px;
}

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

.prize-draw-img-container {
    clip-path: ellipse(95% 160% at 100% 50%);
    height: auto;
    min-height: 145px;
    overflow: hidden;
    background: #E3EEF7;
    position: relative;
}

@media (min-width: 768px) {
    .prize-draw-row {
        display: flex;
        margin: 0;
        background: #E3EEF7;
    }
}

@media (max-width: 767px) {
    .prize-draw-row {
        display: block;
        margin: 0;
        background: #E3EEF7;
    }
}

.prize-draw-checkbox {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.prize-draw-mobile-image {
    min-height: 145px;
}