.datebooking-color-explanation {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    line-height: 2;
    min-height: 1.6rem;
    font-weight: normal;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    word-break: keep-all;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    /* border-radius: 5px; */
}
.datebooking-color-explanation.closed {
    background-color: #454c54;
    color: #fff;
    border-color: #fff;
    cursor: no-drop;
}
.datebooking-color-explanation.disabled {
    background-color: #ccc;
    color: #1b1b1b;
    border-color: #1b1b1b;
    cursor: no-drop;
}
.datebooking-color-explanation.free {
    background-color: #fff;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.datebooking-color-explanation.reserved {
    background-color: #ff7f7f;
    color: #fff;
    border-color: #fff;
    cursor: no-drop;
}
.datebooking-color-explanation.reserved.my {
    background-color: #ff1919;
    color: #fff;
    border-color: #fff;
    cursor: inherit !important;
}
.datebooking-color-explanation.hover {
    background-color: #7fbf7f;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.datebooking-color-explanation.hovered {
    background-color: #339933;
    color: #fff;
    border: none;
    /* border-color: #fff; */
}

/* Időpontfoglaló */            

.js--datebooking-parent { 
}

[data-mode="{/literal}{DateBooking::DATEBOOKING_WITH_ORDER}{literal}"].js--datebooking-parent .js--datebooking-customer,
[data-mode="{/literal}{DateBooking::DATEBOOKING_WITH_ORDER}{literal}"].js--datebooking-parent .js--datebooking-submit-parent
{
display: none;
}

.js--datebooking-parent .form-error { display: none; }

.js--datebooking-parent:not([data-mode="{/literal}{DateBooking::DATEBOOKING_WITH_SERVICE}{literal}"]) .js--datebooking-services-parent {
display: none;
}

.js--datebooking-parent input.def-error,
.js--datebooking-parent textarea.def-error, 
.js--datebooking-parent select.def-error, 
.js--datebooking-parent label.def-error
{
box-shadow: 0 0 0.25rem #F54A52 !important;
}        

.js--datebooking-parent form img { background-image: none; }

.js--datebooking-parent .js--datebooking-filters input[type="text"],
.js--datebooking-parent .js--datebooking-filters select,
.js--datebooking-parent .js--datebooking-cartype-parent input[type="text"],
.js--datebooking-parent .js--datebooking-cartype-parent select,
.js--datebooking-parent .js--datebooking-customer input[type="text"],
.js--datebooking-parent .js--datebooking-customer select
{ max-width: 100%; width: 100%; }

.js--datebooking-parent .js--datebooking-customer > .row,
.js--datebooking-parent > .row {
margin-bottom: 0.5rem;
}
.js--datebooking-calendar-rows{
    
    min-height: 470px;
}
.js--datebooking-calendar {
position: relative;  
/* -webkit-overflow-scrolling: touch; */
filter: Alpha(opacity=30);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 1;		 
}
.js--datebooking-calendar-body{
    min-height: auto; 
}

.js--datebooking-calendar.loading .js--datebooking-calendar-body{
  
    min-height: 490px; 
}

.js--datebooking-calendar.ready {
filter: Alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;		
}

.js--datebooking-calendar-loader {
display: none;
position: absolute;
margin: 0;
padding: 0.5rem;
font-size: 4rem;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255 ,0.7); 
}


.js--datebooking-calendar.loading .js--datebooking-calendar-loader {
    display: block;
}

.js--datebooking-calendar.loading .js--datebooking-calendar-loader .preloader__icon {
    display: block;
}

.js--datebooking-calendar-header {
text-align: center;
margin-bottom: 14px !important;; 
}

.js--datebooking-calendar-footer { 
margin-top: 14px !important;; 
}

.js--datebooking-calendar-dates { 
color: #000;
font-weight: bold;
font-size: 1.5rem;
line-height: 2.9rem;
text-align: center;
}

.js--datebooking-calendar-pager {
    display: flex;
    flex-direction: row;
width: 100%;
color: #1b1b1b;

align-items: center;
}
.box a.js--datebooking-calendar-pager{
    color: #1b1b1b !important;
    font-size: 0.8rem;
    text-transform: uppercase;
}
 

[data-direction="jump"].js--datebooking-calendar-pager {
color: #ff1919;
}

.js--datebooking-calendar-pager.steel_gray_1.outlined{
    width: 260px;
}
 
[data-direction="left"].js--datebooking-calendar-pager span{
    margin-right: 10px;
}


[data-direction="right"].js--datebooking-calendar-pager span{
    margin-left: 10px;
}

[data-direction="left"].js--datebooking-calendar-pager span,
[data-direction="right"].js--datebooking-calendar-pager span {
    width: 50px;
    height: 40px;
    background: #FFD403; 
    padding-top: 6px; 
    color: #000; 
    text-align: center;
}

[data-direction="left"].js--datebooking-calendar-pager span:hover,
[data-direction="right"].js--datebooking-calendar-pager span:hover {
    background-color: #FFDD50; 
}

[data-direction="right"].js--datebooking-calendar-pager {
    flex-direction: row-reverse;
}

.all-dates-are-reserved-warning{
    display: none;
}
.all-dates-are-reserved .all-dates-are-reserved-warning{
    display: block;
}


.all-dates-are-reserved-warning .js--datebooking-calendar-pager{ 
    background: #fff;
    display: inline; 
    float: right;
    width: fit-content;
    height: 26px;
    padding-top: 2px;

}


[data-direction="refresh"].js--datebooking-calendar-pager {
display: none;
color: lightgreen;
}

 

.no-break {
word-break: keep-all;
word-wrap: normal;
white-space: nowrap;
}


.js--datebooking-calendar-from,
.js--datebooking-calendar-to {  
overflow: hidden;
word-break: keep-all;
word-wrap: normal;
white-space: nowrap; 
}

/*
1rem = 14px;
FS: 1.2rem = 16.8px 
LH: 1.2rem * 1.6 = 26.88px
TMP: (1.2rem * 1.6) = 1.92rem
TMP: (1.2rem * 2.05) = 2.46rem

*/   


.js--datebooking-calendar-time {
background-color: #dcdddf;    
color: #515a64 ;
line-height: 2.5;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
overflow: hidden; 
}


.js--datebooking-calendar-row-header,
.js--datebooking-calendar-row-footer,
.js--datebooking-calendar-row {
 
transition: all 0.4s linear 0s;
}

.js--datebooking-calendar-row:hover .js--datebooking-calendar-time {
 
font-size: 1.3rem;
line-height: 2.35;
}

.js--datebooking-calendar-row  { 
    border-top: 1px solid #dcdddf; 
    border-bottom: 1px solid #dcdddf;  
}

.js--datebooking-calendar-row:hover  { 
    border-top: 1px solid #bdbdbe; 
    border-bottom: 1px solid #bdbdbe;  
}
 .js--datebooking-calendar-pager {
     text-decoration: none !important;
 }
.js--datebooking-calendar-row-header,
.js--datebooking-calendar-row-footer {
 
vertical-align: top;
}

.js--datebooking-calendar-days {
 
font-size: 0px;
line-height: 1;
}
.js--datebooking-calendar-row-header .js--datebooking-calendar-days,
.js--datebooking-calendar-row-footer .js--datebooking-calendar-days {
    color: #000;
}

.js--datebooking-calendar-day {
position: relative;
min-height: 1px;
display: inline-block;
font-size: 0;
font-weight: normal;
line-height: 1;
width: 14.2857%; 
background-color: inherit; 
overflow: hidden;
text-align: left;
padding: 0;
/* transition: border 0.4s linear 0s; */
transition: all 0.2s linear 0s;
}

 
[data-showdays="7"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 14.2857%;
}
[data-showdays="6"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 16.6666%;
}
[data-showdays="5"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 20.0%;
}
[data-showdays="4"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 25.0%;
}
[data-showdays="3"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 33.3333%;
}
[data-showdays="2"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 50.0%;
}
[data-showdays="1"].js--datebooking-calendar .js--datebooking-calendar-day {
width: 100.0%;
}

.js--datebooking-calendar-row-header .js--datebooking-calendar-time,
.js--datebooking-calendar-row-header .js--datebooking-calendar-day,
.js--datebooking-calendar-row-footer .js--datebooking-calendar-time,
.js--datebooking-calendar-row-footer .js--datebooking-calendar-day {
padding: 0.25rem;
font-size: 1rem;
line-height: 1.2;
font-weight: bold;
text-align: center; 
word-break: keep-all;
word-wrap: normal;
white-space: nowrap;
}    

 

.js--datebooking-calendar-row-header .js--datebooking-calendar-day.today,
.js--datebooking-calendar-row-footer .js--datebooking-calendar-day.today {
background-color: rgba(255, 212, 3, 0.1);
}

.js--datebooking-calendar-minutes {
display: inline-block;
width: 1px;
height: 1px; 
line-height: 1;
font-size: 6px; 
color: #1b1b1b;
padding:0;
margin: 0;
overflow: hidden;
text-align: center;
cursor: initial;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
transition: all 0.2s linear 0s;
background-color: #fff; 
}

[data-minutes="1"].js--datebooking-calendar-minutes {
width: 6.6666%;
height: 0.61rem;
padding-top: 0.15rem;
font-size: 0.2rem;
font-weight: normal;
}

[data-minutes="5"].js--datebooking-calendar-minutes,
[data-minutes="10"].js--datebooking-calendar-minutes,
[data-minutes="15"].js--datebooking-calendar-minutes,
[data-minutes="30"].js--datebooking-calendar-minutes {
    height: 1.50rem;
    font-size: 1rem;
    padding-top: 0.15rem;
}
[data-minutes="60"].js--datebooking-calendar-minutes {
height: 2.46rem;
font-size: 1.5rem;
padding-top: 0.45rem; 
}

[data-minutes="5"].js--datebooking-calendar-minutes { width: 16.6666%; }
[data-minutes="10"].js--datebooking-calendar-minutes { width: 33.3333%; }
[data-minutes="15"].js--datebooking-calendar-minutes { width: 50.0%; }
[data-minutes="30"].js--datebooking-calendar-minutes,
[data-minutes="60"].js--datebooking-calendar-minutes { width: 100.0%; }
 

.js--datebooking-calendar-minutes:hover,.js--datebooking-calendar-minutes.hovered  {
/* background-color: rgba(0,128,0, 0.5); */
background-color: #FFDD50; 
color: #000;

}

.js--datebooking-calendar-minutes.reserved,.js--datebooking-calendar-minutes.disabled,.js--datebooking-calendar-minutes.closed  {
    background-color: #f3f3f3; 
    color: #dbdbdb;
    cursor: no-drop;
}

.js--datebooking-calendar-minutes.marked {
    cursor: pointer;
}

.js--datebooking-calendar-minutes.reserved.my {
    background-color: #ffd600; 
    color: #000;
    font-weight: bold;
    cursor: inherit !important;

}
.hidden{
    display: none !important;
}
 
#checkout-selected-items .cart-is-empty {
    background: #ececec;
    border:  solid 1px #ffd600;
    padding: 16px;
    
}
#checkout-selected-items .cart-is-empty h2, .service-cart-is-empty h2{
    
        font-size: .9375rem;
        margin: 0rem 0 .8rem;
        line-height: 0.9rem;
    
}
#checkout-selected-items{    
    display: flex;
    position: relative; 
    flex-direction: column-reverse;
} 

#checkout-selected-items.reverse-column{ 
    flex-direction: column;
}


#checkout-selected-items.without-service {    
     
}

#checkout-selected-items .price{
    font-family: sans-serif;
}

#checkout-selected-items h2, #checkout-summary h2,.new-hotel h2{    
    font-size: .9375rem;
    margin: 0.2rem 0 .4rem ;
} 

.coupons-wrapper h4 {
    margin-top: 0;
}
.coupons-wrapper p{
    margin: 0;
}

#checkout-selected-items .cart-item{
    margin-bottom: 2px;;
}

#checkout-selected-items h4{
    margin-top: 0.4rem; 
    margin-bottom: 0rem;
}
#cart .delete-from-cart, #selected-services .delete-service-from-cart, .js--datebooking-calendar-clear span,  .delete-coupons-from-cart{
    padding: 8px;
    background: #ffd814;
    color: #000;
    font-size: 16px;
    margin-left: 10px;
    cursor: pointer;
}
.cart-summary{
    margin-top: 20px;
}
.cart-summary .row.grey{
    
    background: #ececec;
}

.cart-summary .row{
    padding: 10px 0px;
    border-bottom: solid 1px #d7d7d7;
    font-size: 1rem;
}
.cart-summary .name{
    
    font-weight: lighter;
}
.cart-summary .name.bold{
    
    font-weight: bold;
}
.cart-summary .value{
    font-weight: bold;
    text-align: right;
}
.js--datebooking-calendar .selected{
    
    font-size: 1rem;
    font-weight: normal;
}

.js--datebooking-calendar .selected.hide{
    opacity: 0;
}
.js--datebooking-calendar-footer {
text-align: center;
padding: 0.5rem 0.25rem; 
}

input[name="datebooking-date"],
input[name="datebooking-time"] {
text-align: center;
font-weight: bold;
background-color: #fff !important;
color: #1b1b1b;
text-shadow: 1px 1px 2px rgba(255,255,255, 0.7);
box-shadow: 0 0 0.25rem rgba(0,0,0, 0.25); 
}
input[name="datebooking-date"] {
width: 50%;
max-width: 10rem;
}
input[name="datebooking-time"] {
width: 30%;
max-width: 8rem;
}

.js--datebooking-selected-site {
font-size: 0.9rem;
font-weight: normal;
line-height: 1.2;
display: inline-block;
}
[data-type="image"].js--datebooking-selected-site img {
max-width: 100%;
max-height: 5rem;
}

textarea[name="datebooking-comment"] {
width: 100%;
resize: vertical;
max-height: 8rem;
}
.reverse{ 
    flex-direction: row-reverse;
}
.services-sum-price b, .cart-sum-price b{
    float: right;
}
@media (max-width: 767px) {
    .cart-summary .selected-service-name .value,.cart-summary .reservation-date .value { 
        text-align: left;        
    font-size: 12px;
    line-height: 14px;
    } 

    #summary-item-list, #summary-serviceitem-list { 
        padding-left: 0px;
    }
}
@media (max-width: 769px)
{
    .js--datebooking-calendar-dates{
        font-size: 1rem;
        line-height: 2.8rem;
    }

    .box a.js--datebooking-calendar-pager p{
       display: none;
    }
}

@media (max-width: 500px)
{

    .js--datebooking-calendar-pager.steel_gray_1.outlined{
        width: 260px;
    float: none;
    margin: 0 auto;
    display: block;
    }
.js--datebooking-calendar-dates {
    font-size: 1.0rem;
    line-height: 2.2;
}

.js--datebooking-calendar-day {
   
    width: 50%;  
    }
 
}

@media (max-width: 426px)
{
    .js--datebooking-calendar-dates{
        font-size: 0.8rem; 
        line-height: 2.8rem;
    }

     
}
.pad-right-0-25 { padding-right: 0.25rem; }


.fat-radio{
  
    flex-direction: row; 
    align-items: center; 
    align-self: center; 
    min-height: 28px;    
    display: flex;
}

.fat-radio label{
    margin-top: 0; 
    display: inline-block;
    width: initial;
}
.fat-radio input{ 
    width: 20px;
    height: 20px;
}

.js--datebooking-services-total {
font-size: 1.2em;
padding-left: 0.5rem;
padding-right: 0.5rem;
background-color: #ffd814; 
box-shadow: 0.5rem 0.5rem 0.25rem -0.25rem rgba(0,0,0, 0.4);
}


.js--datebooking-service-item {
padding: 0.25rem;
}
[data-type="box"].js--datebooking-service-item-style {
padding: 0.25rem;
background-color: #fff; 
height: 13rem;
overflow: hidden;
transition: box-shadow 0.3s linear 0s; 
/* box-shadow: 0 0 0.5rem rgba(0,0,0,0.3); */
box-shadow: 0.75rem 0.75rem 0.5rem -0.25rem rgba(0,0,0, 0.4);
}

 
/* Kosár és Szolgáltatás cikkek */    
[data-type="service-name"].js--datebooking-service-item-style {
display: block;
overflow: hidden;
font-size: 1.1rem;
max-height: 2.86rem;
height: 2.86rem;
font-weight: bold;
}

[data-type="right-panel"].js--datebooking-service-item-style {
text-align: right;
}
[data-type="unit-price"].js--datebooking-service-item-style {
display: block;
line-height: 1.3;
overflow: hidden;
font-size: 1.0rem;
height: 1.3rem;
}
[data-type="unit-price"].js--datebooking-service-item-style {
font-weight: bold;
}
[data-type="control"].js--datebooking-service-item-style {
word-break: keep-all;
word-wrap: normal;
white-space: nowrap;
}
[data-type="control"].js--datebooking-service-item-style input {
width: auto !important;
text-align: center;
font-weight: bold;
}
.js--datebooking-service-item-delete {
display: inline-block;
color: #fff;
background-color: #67717e;        
font-size: 1.4rem;
padding: 0.25rem 0.5rem;
margin:0;
vertical-align: top;
line-height: 1.4;
box-shadow: 0.25rem 0.25rem 0.25rem rgba(0,0,0,0.2);
}

.js--datebooking-service-item .js--datebooking-service-item-delete, /* mennyiség módosítás tiltva */
[data-type="3"].js--datebooking-service-item .js--datebooking-service-item-delete {
display: none;
}
/* MSG+ATTN: feleslegessé vált a törlés gomb */
/* .js--datebooking-service-item-delete { display: none; } */

.js--datebooking-services-refresh { color: #ccc; }       

select[name="datebooking-payment-method"] { width: 100%; }

#map {
width: 100%;
height: 400px;
}

.mapboxgl-marker {
cursor: pointer;
}

#datebooking-parent-wrapper  .row, #datebooking-parent-wrapper div[class^="col-"] {
     margin: 0 ;
     padding: 0 ;
}
.radio{
    
    display: inline;
    margin-left: 10px;
}