#app{
    min-height: 500px;
}

#app .btn{
    font-size: 1.8rem !important;
    outline: 0;
}
#app .apartments-profile .btn{
  text-overflow: ellipsis;
  overflow: hidden;

}

hr{
    border-top: 3px solid #3cb9c4;
}

.content{
    background: #f8f8f8;
}

.shadow-container{
    background: #fff;
    -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.5);
    min-height: 400px;
    padding: 50px;
    position: relative;

}

.shadow-container-steps{
    padding: 0 !important;
}

.inner-text-container{
    max-width: 750px;
    width: 90%;
    margin:0 auto;
}

.text-blue{
    color: #3cb9c4;
}

.text-green{
    color: #4CAF50;
}

.text-red{
    color: #F44336;
}

.blue_btn_margin{
    background: #FFFFFF;
    color: #3cb9c4;
    border: 2px solid #3cb9c4;
}


button.btn.blue_btn_disabled {
    background: #FFFFFF;
    color: #B2EBF2;
    border: 2px solid #B2EBF2;
    cursor: default;
}

.dark-row{
    background: #f8f8f8 !important;
    margin: 0;
    padding:25px 0px;
}

.dark-row .container{
    max-width: 970px !important;
}

.step{
    min-height:150px;
}



#header_order{
    background-image: url('../images/headers/araink.jpg');
    height: 400px !important;
    padding-top: 0 !important;
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -ms-transition: height 1s ease-in-out;
    -o-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;

     -webkit-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1);
}

#header_order.step-header {
    height: 200px !important;
}

#header_order h1, #header_order h3{
    opacity: 1;

    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);

    -webkit-transition: transform 1s ease-in-out, opacity .5s ease-in-out .25s;
    -moz-transition: transform 1s ease-in-out, opacity .5s ease-in-out .25s;
    -ms-transition: transform 1s ease-in-out, opacity .5s ease-in-out .25s;
    -o-transition: transform 1s ease-in-out, opacity .5s ease-in-out .25s;
    transition: transform 1s ease-in-out, opacity .5s ease-in-out .25s;
}

#header_order.step-header h1{
    opacity: 0;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}


button.btn.blue_btn.btn-order {
    font-size: 19px;
    width: 250px;
    height: 75px;
    line-height: 25px;
    padding: 10px;
}

.order-choose{
    margin-top: 30px;
}

.order-choose button{
    margin:10px;
}

.cd-breadcrumb.triangle li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.cd-breadcrumb.triangle li > * {
    border-radius: 0 !important;
}

.btn-group.cart-button{
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: 150px;
    right: 0;
    transition: transform 1s ease-out;
}

.btn-group.cart-button.cart-button-animate{
    -webkit-transform: translateY(-225px);
    -moz-transform: translateY(-225px);
    -ms-transform: translateY(-225px);
    -o-transform: translateY(-225px);
    transform: translateY(-225px);
}

.btn-primary-grey.no-hover:hover {
    cursor: default;
    background: #f1f2f2 ;
    color: #3cb9c4;
    border: 2px solid #f1f2f2;
}

.cart-button{
    cursor: pointer !important;
}

.cart-button .blue_btn{
    padding:10px 15px;
}

.airbnb .blue_btn, .airbnb .blue_btn_marginblue_btn_disabled{
  padding: 10px 0px !important;
  min-width: 122px;
}
.airbnb .blue_btn_margin{
  padding: 10px 0px !important;
  min-width: 122px;
}

.cart-button .badge{
    position: absolute;
    top: -17px;
    z-index: 4;
    padding: 7px 11px;
    font-size: 16px;
    border-radius: 25px;
    background-color: #faa41a;
}



@media (max-width: 768px) {
    .cart-button .badge {
        left: -15px;
    }
}

@media (min-width: 769px) {
    .cart-button .badge {
        right: -15px;
    }
}

.cart-button .btn-primary-grey{
    width: 130px;
    padding: 10px;
}


/*steps*/

.cd-breadcrumb.triangle .current{
    cursor: pointer;
}

.product-view {
    position: relative;
    margin: 50px auto;
    max-width: 700px;
}

.product-view h2{
    margin-bottom: 15px;
}

.product-view img.keszpenzes_badge {
    position: absolute;
    height: 100px;
    top: 0;
    right: 0;
}


/* cart */
@media (max-width: 768px) {
    .step-footer-data{
        margin-bottom: 15px;
    }

}

.react-sidebar{
    background-color: #ffffff;
    min-width: 250px;
}

.react-sidebar::-webkit-scrollbar {
    display: none !important;
}

.cart-header{
    background-color: #3cb9c4;
}

.cart-header h4{
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    color: #ffffff;
}

.cart-header h4 .glyphicon{
    margin-right: 10px;
}

span.glyphicon.cart-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 24px;
    color: #f1f2f2;
    font-weight: normal;
    font-family: 'Open Sans';
}

.cart-service-header {
    padding: 20px;
    background: #f6f6f6;
}

span.service-title {
    font-size: 20px;
    color: #3cb9c4;
    margin-right: 5px;
}

span.service-pieces {
    font-size: 18px;
}

span.service-total-price {
    float: right;
    font-size: 20px;
    color: #3cb9c4;
}

.cart-service-product-list {
    padding: 20px;
}

.row.price-bar.cart-product-row {
    margin-bottom: 10px;
}

.cart-product-row span.input-group-addon{
    width: 20px;
    font-size: 18px;
    padding: 3px 4px;
}

.cart-product-row{
    font-size: 16px;
}

.cart-product-row .input-group input{
    padding:6px 0px;
    font-size: 14px;
    box-shadow: none;
}

/* category bar */
.category-bar{
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.category-bar li {
    width: 11.11%;
    display: block;
    float: left;
}

.category-bar.logged-in li {
    width: 10%;
    display: block;
    float: left;
}

.category-bar .thumbnail{
    border-radius: 0 !important;
    background-color: #f8f8f8;
    color: #3cb9c4;
    text-align: center;
    cursor: pointer;
    padding: 7px;
}

.category-bar .thumbnail:hover{
    background-color: #fff;
}

.category-bar .thumbnail.thumbnail-active, .category-bar .thumbnail.thumbnail-active:hover{
    background: #3cb9c4;
}

.category-bar .thumbnail .caption{
    height: 60px;
}

.category-bar .thumbnail img{
    height: 51px;
}

.category-bar .thumbnail h6{
    color: #6d6e71;
    font-size: 16px;
}

.category-bar .thumbnail.thumbnail-active h6{
    color: #ffffff;
}

/*products*/

ul.product-list.row {
    list-style: none;
    padding: 0;
}

.panel.product-card{
    border-radius: 0;
    border: 0;
    margin-bottom: 30px;
}

.panel.product-card .panel-heading, .panel.product-card .panel-footer{
    background: #3cb9c4;
    color: #fff;
    border-radius: 0;
    border: 0;
}

.panel.product-card .panel-footer {
    padding: 3px;
    text-align: center;
    cursor: pointer;
    min-height: 23px;
}

.panel.product-card .panel-heading span{
    margin-right: 10px;
}

.panel.product-card .panel-body{
    padding: 0;
    background: #f8f8f8;
    min-height: 152px;
}

.panel.product-card .panel-body img{
    height:152px;
}

.panel.product-card .list-group{
    margin-bottom: 0;
}

.panel.product-card .list-group-item{
    border-left: 0;
    border-right: 0;
    padding: 11px 15px;
    background-color: transparent !important;
    min-height: 50px;
}

.panel.product-card .list-group-item:last-child{
    border-radius: 0;
    border-bottom: 0;
}

.panel.product-card .list-group-item:first-child{
    border-radius: 0;
    border-top: 0;
}

.product-card .price-bar{
    font-size: 18px !important;
    text-transform: lowercase;
}

.price-bar input{
    height: 28px;
}

.price-bar .form-control[readonly]{
    background-color: #ffffff;
    text-align: center;
}

.price-bar .input-group-addon:first-child{
    background-color: #c9cacc;
}

.price-bar .input-group-addon:last-child{
    background-color: #3cb9c4;
}

.price-bar .input-group-addon {
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 3px;
    cursor: pointer;
    width: 38px;
    max-width: 38px;
}

.price-bar input[type="text"]{
    padding: 5px 0px;
    min-width: 40px;
}

.price-bar .input-group > *{
    border: 0 !important;
}

span.fa.fa-star{
    cursor: pointer;
    font-size: 18px;
}

span.fa.fa-star.favorite{
    color: #fda500;
    cursor: pointer;
}

.modal-backdrop{
    z-index: 9999999;
}

.modal {
    z-index: 9999999999 !important;
}

@media (max-width: 992px) {
    .category-bar li{
        width: 25%;
        margin-bottom: 0;
    }

    .category-bar.logged-in li{
        width: 33.333% !important;
        margin-bottom: 0;
    }

    .category-bar li .thumbnail{
        margin-bottom: 0;
    }
}

/* regularities */


.row.regularity-chooser{
    padding:30px !important;
}

.row.regularity-chooser button{
    min-width: 70% !important;
    margin-bottom:10px;
}

.payment-chooser button{
    margin-bottom:10px;
    width: 100%;
}


/* datepicker */

.datepicker-column{
    padding-right: 75px;
    padding-left: 75px;
    margin: 20px auto;
}




.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

.react-datepicker {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #f6f6f6;
    color: #000;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px auto;

}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
    margin-top: -20px;
}

.react-datepicker__header {
    text-align: center;
    background-color: transparent;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    position: relative;
}

.react-datepicker__header__dropdown--select {
    margin-top: -16px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month {
    margin-top: 0;
    color: #fff;
    font-size: 2rem;
    background: #3cb9c4;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    text-transform: capitalize;
}
.react-datepicker__current-month--hasYearDropdown {
    margin-bottom: 16px;
}

.react-datepicker__navigation {
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 15px;
    width: 0;
    border: 1rem solid transparent;
}
.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #fff;
}
.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}
.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #fff;
}
.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}
.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
    border-top-color: #c9cacc;
}
.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #c9cacc;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
    height: 240px;
}

.react-datepicker__day-name,
.react-datepicker__day {
    color: #61676b;
    display: inline-block;
    width: 13%;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
    padding: 10px 0;
}

.react-datepicker__day-names .react-datepicker__day-name {
    color: #3cb9c4;
    font-weight: 600;
    text-transform: capitalize;
}

.react-datepicker__day--outside-month{
    color: #a7acaf;
}

.react-datepicker__day {
    cursor: pointer;
}
.react-datepicker__day:hover {
    border-radius: 100%;
    background-color: #f0f0f0;
}
/*.react-datepicker__day--today {
    font-weight: bold;
}*/
.react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}
.react-datepicker__day--highlighted:hover {
    background-color: #32be3f;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 100%;
    background-color: #3cb9c4;
    color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
    background-color: #3cb9c4;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000;
}
.react-datepicker__day--disabled {
    cursor: default;
    color: #ccc;
    text-decoration: line-through;
}
.react-datepicker__day--disabled:hover {
    background-color: transparent;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
}

.react-datepicker__year-read-view {
    width: 50%;
    left: 25%;
    position: absolute;
    bottom: 25px;
    border: 1px solid transparent;
    border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover {
    cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    margin-bottom: 3px;
    left: 5px;
    top: 9px;
    position: relative;
    border-width: 0.45rem;
}
.react-datepicker__year-read-view--selected-year {
    right: 0.45rem;
    position: relative;
}

.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover {
    background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected {
    position: absolute;
    left: 30px;
}


.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

.react-datepicker__tether-element {
    z-index: 2147483647;
}

.product-image{
    overflow: hidden;
}

@media (max-width: 1200px) {
    .datepicker-column .btn{
        width: 100%;
        padding: 10px 20px;
        margin-bottom: 10px;
    }

    .category-bar.logged-in li {
        width: 11.111%;
    }

}

@media (max-width: 420px) {
    .react-datepicker__day-name, .react-datepicker__day{
        width: 12%;
    }

    .thumbnail .caption{
        padding: 9px 0;
    }

    .category-bar .thumbnail h6{
        font-size: 14px;
        overflow-wrap: break-word;
    }

    .price-bar .input-group-addon{
        max-width: 18px;
    }
}

/* data steps */

.data-view{
    padding:0px 50px;
}

.data-form {
    margin: 20px auto;
}

.data-form label{
    color: #9d9fa2;
    font-weight:normal;
}

#app textarea{
    resize: none;
}

.payment-view .checkbox{
    display: inline-block;
    padding: 10px;
}

.registration-form .checkbox{
    padding: 0 !important;
}

.payment-view h4{
    margin-bottom: 25px;
}

.payment-view .inner-text-container{
    margin-bottom: 25px;
}

.thankyou-page{
    min-height: 200px;
    padding: 50px;
}

#app .form-group {
    margin-bottom: 20px;
}

.form-group.success label {
    color: #4CAF50 !important;
}

.form-group.success input {
    border: 2px solid #4CAF50 !important;
}

.form-group.error label, .checkbox.error label {
    color: #F44336 !important;
}

.form-group.error input {
    border: 2px solid #F44336 !important;
}

.form-group.error small{
    position: absolute;
    color: #F44336;
    font-size: 1.2rem;
    min-width: 350px;
}

.sexy_checkbox{
    display: inline-block;
}

.sexy_checkbox label{
    position: relative !important;
}
/* mobile */

#app{

}


.Select,.Select-control{position:relative}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select-control{background-color:#fff;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:separate;height:40px;outline:0;overflow:hidden;width:100%}.is-searchable.is-focused:not(.is-open)>.Select-control,.is-searchable.is-open>.Select-control{cursor:text}.Select-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:0}.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.is-open>.Select-control>.Select-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#aaa;left:0;line-height:38px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-value.Select--single>.Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:0;text-decoration:underline}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none;border:0;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:0;line-height:14px;padding:8px 0 12px;-webkit-appearance:none}.Select-loading,.Select-loading-zone{width:16px;position:relative;vertical-align:middle}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:0}.Select-loading-zone{cursor:pointer;display:table-cell;text-align:center}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;-o-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px;padding-left:5px;background: #3cb9c4}.Select--multi .Select-multi-value-wrapper,.Select-arrow{display:inline-block}.Select-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:5px 5px 2.5px;height:0;width:0}.Select-arrow-zone:hover>.Select-arrow,.is-open .Select-arrow{border-top-color:#666}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.Select-noresults,.Select-option{box-sizing:border-box;display:block;padding:8px 10px}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{background-color:#fff;color:#666;cursor:pointer}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{color:#999;cursor:default}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}

.data-view-header .Select-control{
    margin-top: 20px;
    border: 2px solid #3cb9c4;
}

.data-view-header .Select-placeholder{
    color: #3cb9c4;
}

@media (min-width: 769px) {
    .coupon-value{
        margin-top: 35px;
    }

}


@media (max-width: 768px) {
    #header_order {
        height: 200px !important;
    }

    #header_order h1{
        -webkit-transform: translateY(100px) !important;
        -moz-transform: translateY(100px) !important;
        -ms-transform: translateY(100px) !important;
        -o-transform: translateY(100px) !important;
        transform: translateY(100px) !important;
        opacity: 1 !important;
        font-size: 4.5rem !important;
    }

    .row.regularity-chooser small {
        display: block;
        margin-bottom: 10px !important;
    }

    .product-view img.keszpenzes_badge{
        position: relative;
    }
}


@media (max-width: 480px) {
    .inner-text-container {
        width: 65% !important;
    }

    .row.regularity-chooser {
        padding: 20px 50px !important;
    }

    .row.regularity-chooser > div {
        padding: 0 !important;
    }

    .row.regularity-chooser button {
        width: 100% !important;
    }

    .datepicker-column {
        padding-right: 50px;
        padding-left: 50px;
    }

    .form-group.error small {
        min-width: 50px !important;
        line-height: 1.2 !important;
        max-width: 100% !important;
        word-break: normal !important;
    }
}

.product-popup-button-1{
  width: 100%;
}
.product-popup-button-2{
  width: 100%;
  line-height: 20px;
}
.product-popup-button-1 a{
  border: 2px solid #62c3cc;
  color: #62c3cc;
  display: inline-block;
  padding: 1px 20px;
  cursor: pointer;
  border-radius: 5px;
}
.product-popup-button-1 a:hover{
  background-color: #62c3cc;
  color:white;
}