.liteBox{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 100%; z-index:1000; display: none; background-color: rgba(0,0,0,0.4);}

.popupHolder{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 100%; z-index:2001; display: none; pointer-events: none;}
.popFlex{display: flex; justify-content: center; align-items: center; height: 100%; margin: 0px auto; pointer-events: none; transition: all 0.4s ease-in-out;}
.ofirModal{pointer-events: all; max-height: calc(100% - 3px); display: flex; flex-direction: column; transform: scale(0.75); box-sizing: border-box; background-color: white; border-radius: 3px; position: relative; border-bottom: 3px solid transparent; transition: all 0.4s ease-in-out; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
body.app-body .ofirModal{width: 100%;}
body.app-body.no_map_on_page .ofirModal{max-width: 875px;}
.ofirModal *{box-sizing: border-box;}
.ofirModal.Active{transform: scale(1);position: absolute;}

.ofirModal_title{border-radius: 3px 3px 0px 0px; padding: 10px 20px 12px 86px; color: #ffffff; position: relative; box-shadow: 0 -10px 15px -12px rgba(0, 0, 0, 0.3) inset, 0 0 0 #555;}
@media screen and (max-width: 414px) {
    .ofirModal_title{padding-left: 126px;}
}
.ofirModal_title h2{padding: 0px; margin: 0px;}

a.ofirModal_close{position: absolute; left: 10px; top: 10px; width: 34px; height: 34px; text-decoration: none; font-size: 0px; background: url(ofirModal_panel.png) center 6px repeat-y; background-size: 22px auto; opacity: 0.5; transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;}
a.ofirModal_close:hover{opacity: 1; transform: rotate(180deg);}

/*a.ofirModal_resize{position: absolute; left: 50px; top: 10px; width: 34px; height: 34px; text-decoration: none; font-size: 0px; background: url(ofirModal_panel.png) center -24px repeat-y; background-size: 22px auto; opacity: 0.5; transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;}
a.ofirModal_resize:hover{opacity: 1;}*/

.ofirModal_title h2 a.page_bug_btn {
    color: #ffffff;
    opacity: 0.5;
    transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1) 0s, opacity 0.5s ease 0s;
    position: absolute;
    left: 50px;
    top: 9px;
}

.ofirModal_content{overflow: hidden; max-height: calc(100% - 60px);padding:10px}
.ofirModal.Active .ofirModal_content{overflow: auto;}

.expanded .popFlex{width: 100%;}
.expanded .ofirModal{height: 100%;}
.expanded .ofirModal a.ofirModal_resize{background-position: center -56px;}

@media screen and (max-width: 800px) {
	.popFlex{width: 90%;}
}

@media screen and (max-width: 414px) {
    .popFlex{width: 100%;}
}

/*pois */
/*לא ברור למה מופיע כאן
הכנסתי להערה באפריל 23
נראה אם מישהו מתלונן...*/
/*.description {font-size: 1.2em; margin-right:5px;padding:10px}
.poi_box h2, .iziModal-header-title{font-size:1.3em}
.poi_name {font-size:1.4em; font-weight: 600;text-align:center;}
ul.poi .poi_name, ul.poi .icon, ul.walk .poi_name, ul.walk .icon{color: #ed3a8b}
ul.hotel .poi_name, ul.hotel .icon{color: #ea262a}
ul.restaurant .poi_name, ul.restaurant .icon{color: #f79020}
ul.shopping .poi_name, ul.shopping .icon{color: #2f517e}
ul.entertainment .poi_name, ul.entertainment .icon{color: #9c349a}
ul.streets_list {display: none}
ul.streets_list .icon{color: #7fb341;}*/
/*end pois*/