.f2-overlay {
  background-color: var(--temno_siva) !important;
  top: 0;
  min-width: 100%;
  z-index: 202;
}
.f2-overlay {
  /* // DEVEL preveri dodal med delom */
  /* f2-show1
  -webkit-transform: translateY(-100%); 
  transform: translateY(-100%); 
  -webkit-transition: .4s ease-in-out; 
  transition: .4s ease-in-out;
  
*/
display:none;
}
.f2-show1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.f2-overlay-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--svetlo_siva);
  z-index: 51;
}
@media only screen and (max-width:720px) {
  .f2-overlay-title {
    height: 55px;
    margin: 7px 16px;
  }
}
@media only screen and (min-width:721px) and (max-width:960px) {
  .f2-overlay-title {
    height: 67px;
    margin: 12px 16px;
  }
}
@media only screen and (min-width:961px) {
  .f2-overlay-title {
    height: 67px;
    margin: 12px 0;
  }
}

.f2-overlay .f2-add_btn {
  height: 150px;
  width: 100%;
  padding: 16px;
  position: relative;
  border-bottom: 1px solid var(--black);
}
.f2-overlay .f2-add_btn p {
  padding-top: 16px;
}


.f2-top_800 {
  margin: 0 auto 5px;
  z-index: 1;
  -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 65%);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 5px rgb(0 0 0 / 65%);
}
@media only screen and (min-width:721px) {
  .f2-top_800 {
    margin: 80px auto 5px;
  }
}
.f2-top_800, .f2-600 {
  background-color: var(--temno_siva) !important;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  position: relative;
  width: 100%;
  max-width: 800px; /*832px*/
  padding: 0.01em 16px;
}
.f2-600 {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
}
.f2-800,.f2-top_800 {
  position: relative;
  width: 100%;
  max-width: 800px;/*832px*/
  margin: 0 auto;
}

/*POP UPS DESIGN */

.f2-top_800 .f2-gumb.n .f2-btn {padding: 0;} 

.f2-fixedHeaderPadding {padding-top: 167px;}
.f2-shadowPopUp {-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65); position: relative; z-index: 10;}
.f2-shadowPopUp.invert {-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.65); position: relative; z-index: 10;}
.f2-shadowPopUp.f2-fixed {position: fixed; z-index: 57; top: 0; left: 0; right: 0;}
.f2-wp800 {max-width: 800px; width: 100%; margin: 0 auto; padding: 0 16px;}

.f2-shadowPopUp .f2-wp800 .f2-gumb .f2-btn,
.f2-shadowPopUp .f2-wp800.f2-gumb .f2-btn {padding: 0;}

.f2-shadowPopUp .f2-wp800 .f2-input-wrap .f2-input {margin-bottom: 20px;}


.f2-paddingTop220 {padding-top: 220px;}
.f2-paddingTop160 {padding-top: 160px;}
.f2-paddingTop95 {padding-top: 95px;}
.f2-paddingTop50 {padding-top: 70px;}  /* povečal zaradi 2 vrstičnih naslovov */

.f2-shadowPopUp.f2-travel {padding: 15px 0 30px 0;}
.f2-shadowPopUp.f2-travel img {width: 100px; height: 100px; min-width: 100px; display: block; border-radius: 100%; object-fit: cover;}


.f2-travel-wrapper .f2-calendar {position: absolute; margin: 0; padding: 0; top: -20px; left: 24px;}
.f2-travel-wrapper #f2_whatsup_details {padding-left: 115px; margin: 10px 0;}


.f2-shadowPopUp .f2-wp800.f2-validations {padding-top: 10px;}

#f2_add_message .f2-shadowPopUp .f2-input-wrap {padding-bottom: 1px;}

/*
#f2_top_band_for_popups .f2-shadowPopUp {border: 1px solid red; padding-top: 200px;}
*/

@media only screen and (max-width:720px) {
	.f2-shadowPopUp.f2-travel img {width: 80px; height: 80px; min-width: 80px;}
	.f2-travel-wrapper #f2_whatsup_details {padding-left: 95px;}
	
	.f2-paddingTop160 {padding-top: 120px;}
	.f2-paddingTop220 {padding-top: 170px; }
}