/* BADGE - top left */
.f2i-btl {
  position: absolute;
  width: 28px;
  height: 28px;
  top: -2px;
  right: -14px;
  font-size: var(--size_small);
  padding: 4px;
  z-index: 55;
}


.f2-top_dash_d {
    display: none;
}

.f2-top_dash_m {
  text-align: center !important;
  margin-top:20px;
}

/* might like */
#f2_might_like_box {
	border-bottom: 1px solid var(--roza);padding-bottom:16px;padding-top:6px;
}
#f2_might_like .splide__track {
	content-align: center;
}
#f2_might_like .splide__list{
	display:inline-flex;gap:12px;cursor:pointer;
}
#f2_might_like .splide__slide{
	display:inline-block;width:195px;
}
#f2_might_like .splide__slide .f2-fruitCardMightLike{
	margin-top:30px;
}
#f2_might_like .splide__slide .f2-fruitCardMightLike .f2-fruitWrapper{
	background-color: var(--feed_siva);border-radius: 10px;padding: 10px;
}
#f2_might_like .splide__slide .f2-fruitCardMightLike .f2-userImage{
	margin-top:-30px;
}
#f2_might_like .splide__arrow {
	display: block;
    top: 50%;
}
#f2_might_like .splide__arrow--next {
    right: -30px;
}
#f2_might_like .splide__arrow--prev {
    left: -30px;
}
#f2_might_like .f2-location{
	display:flex;
}
#f2_might_like .f2-locationTown,#f2_might_like .f2-data a{
	text-overflow: ellipsis;
    text-wrap-mode: nowrap;
    overflow: hidden;
}
#f2_might_like .f2-data a{
	display:inline-block;
	width:100%;
}
#f2_might_like .f2-btn_roza{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    height:42px;
    padding: 0 10px;
    text-align: center;
    display: block;
}

@media only screen and (min-width:721px) {
	.f2-top_dash_d {
	  display: table;
	  width: 100%;
	  margin-top:20px;
	}
  .f2-top_dash_m {
    display: none;
  }
}
@media only screen and (min-width:961px) {
  .f2-top_dash_d,
  .f2-top_dash_m {
    padding: unset;
  }
}
@media only screen and (min-width:721px) and (max-width:960px) {
  .f2-top_dash_d,
  .f2-top_dash_m {
    padding: 0.01em 16px;
  }
}
@media only screen and (max-width:720px) {
  .f2-top_dash_d,
  .f2-top_dash_m {
    padding: unset;
  }

}
.f2-top_dash_d .f2-profil,
.f2-top_dash_m .f2-profil {
  position: relative;
  display: inline-block;
}
@media only screen and (min-width:721px) {
  .f2-top_dash_d .f2-profil,
  .f2-top_dash_m .f2-profil {
    float: left !important;
  }
}
@media only screen and (min-width:721px) {
  .f2-top_dash_d .f2-profil,
  .f2-top_dash_m .f2-profil {
    margin: 10px 30px 0 0;
  }
}
.f2-top_dash_d .f2-add,
.f2-top_dash_m .f2-add {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
  background-color: var(--roza);
  border-radius: 50%;
}
.f2-top_dash_d .f2-add i,
.f2-top_dash_m .f2-add i {
  font-size: var(--size_xxl);
}
.f2-add{
	min-width: fit-content;
}
.f2-add-txt{
	min-width: fit-content;
}
/*
@media only screen and (max-width:960px) {
  .f2-tiles {
    padding: 0.01em 16px;
  }
}
@media only screen and (min-width:961px) {
  .f2-tiles {
    padding: 0.01em 0;
  }
}
.f2-tiles .f2-tile {
  height: 120px;
  padding: 2px;
  position: relative;
}
.f2-tiles .f2-tile .icon {
  padding-bottom: 6px;
}
.f2-tiles .f2-tile .unread {
  top: 13px;
  right: 30px;
  height: 24px;
  width: auto;
  min-width: 24px;
  padding: 2px 6px;
}
@media only screen and (max-width:960px) {
  .f2-tiles .f2-tile .unread {
    right: 16px;
  }
}
.f2-tiles .f2-tile div {
  background-color: var(--temno_siva) !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  -moz-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  padding: 24px 5px;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}*/
/* DASHBOARD */
.f2-hot {
  overflow: auto !important;
}
@media only screen and (max-width:480px) {
  #f2_might_like_box{
  	padding-left:25px;padding-right:25px;
  }
}
@media only screen and (max-width:960px) {
  .f2-hot {
    padding: 0.01em 16px;
  }
  #f2_might_like_box{
  	padding-left:15px;padding-right:15px;
  }
}
@media only screen and (max-width:480px) {
  #f2_might_like_box{
  	padding-left:25px;padding-right:25px;
  }
}
@media only screen and (min-width:961px) {
  .f2-hot {
    padding: 0.01em 0;
  }
}
#f2_hot_stories .splide__slide {
  display: inline-block;
  width: 160px; /* 153px + 7 */
}
#f2_hot_stories .splide__track {
  height: 263px;
}
@media only screen and (min-width:721px) {
  #f2_hot_stories .f2-story {
    margin-right: 10px;
    width: 153px;
    height: 240px;
  }
  #f2_hot_stories .f2-story .f2-story-thumb {
    width: 153px;
    height: 240px;
    object-fit: cover;
    object-position:center;
  }
}
@media only screen and (max-width:720px) {
	#f2_hot_stories .splide__track {
	  height: 223px;
	}
  #f2_hot_stories .f2-story {
    margin-right:8px;
    width: 128px;
    height: 200px;
  }
  #f2_hot_stories .f2-story .f2-story-thumb {
    width: 128px;
    height: 200px;
  }
}
#f2_hot_stories .f2-prvi,
#f2_hot_stories .f2-drugi {
  text-align: center;
  border-radius: 15px;
  height: inherit;
  width: 100%;
  position: relative;
}
#f2_hot_stories .f2-prvi img,
#f2_hot_stories .f2-drugi img.f2-story-thumb{
  -webkit-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  -moz-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
}
#f2_hot_stories .f2-prvi {
  background-color: var(--roza);
  font-size: var(--size_normal);
}
#f2_hot_stories .f2-prvi span {
	top: 20px;
    position: inherit;
    padding:0 10px;
    display: inline-block;
}
#f2_hot_stories .f2-prvi .f2-st-pr{
	border-radius: 15px 15px 0 0;
}
@media only screen and (min-width:721px) {
  #f2_hot_stories .f2-prvi {
    /* padding-top: 62px; */
  }
}
@media only screen and (max-width:720px) {
  #f2_hot_stories .f2-prvi {
    /* padding-top: 54px; */
  }
  #f2_hot_stories .f2-prvi span {
	top: 10px;
	font-size: 16px;
	line-height:1.1em;
  }
}
#f2_hot_stories f2-story-thumb {
  height: inherit;
  width: 100%;
  border-radius: 15px;
}
#f2_hot_stories .f2-badge {
  -webkit-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  -moz-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  position: absolute;
  width: 44px;
  height: 44px;
  bottom: -20px;
}
@media only screen and (min-width:721px) {
  #f2_hot_stories .f2-badge {
    left: 56px;
  }
  #f2_hot_stories .f2-prvi .f2-badge {
  	background-color: black;
    border-radius: 50%;
    padding-top:9px;
  }
}
@media only screen and (max-width:720px) {
  #f2_hot_stories .f2-badge {
    left: 42px;
  }
  #f2_hot_stories .f2-prvi .f2-badge {
  	background-color: black;
    border-radius: 50%;
    padding-top:9px;
  }
}
/*
@media only screen and (max-width:960px) {
  .f2-today {
    padding: 0.01em 16px;
  }
}
@media only screen and (min-width:961px) {
  .f2-today {
    padding: 0.01em 0;
  }
}
.f2-today .f2-pub_tiles {
  padding-top: 8px;
  margin-bottom: 20px;
}
.f2-today .f2-pub_tiles .f2-pub_tile {
  height: 75px;
  padding: 15px 8px 25px 0;
}
@media only screen and (min-width:961px) {
  .f2-today .f2-pub_tiles .f2-crta {
    border-right: 1px solid var(--black);
  }
}
.f2-today .f2-pub_tiles .f2-num {
  color: var(--svetlo_plava) !important;
  font-size: var(--size_large);
  padding-bottom: 5px;
}*/
.f2-home_cont {
  padding: 15px 0; margin-bottom: 25px; position: relative;
  z-index: 200;
}
.f2-home_cont .f2-slika {
  overflow: hidden;
}

.f2-home_cont .f2-slika a {display: block; margin: 0; padding: 0; position: relative;}

/*
@media only screen and (min-width:961px) {
  .f2-home_cont .f2-slika {
    height: 440px;
  }
}
@media only screen and (min-width:721px) and (max-width:960px) {
  .f2-home_cont .f2-slika {
    height: 320px;
  }
}
@media only screen and (max-width:720px) {
  .f2-home_cont .f2-slika {
    height: 200px;
  }
}*/
.f2-home_cont .f2-slika img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position:left;
  max-width: 960px;
}
/*
.f2-home_cont .f2-naslov {
  background-color: var(--black) !important;
  border-radius: 20px;
  position: absolute;
  left: 50%; margin-left: -235px;
  bottom: 0;
}*/
.f2-home_cont .f2-naslov {
  background-color: var(--black) !important;
  border-radius: 20px;
  position: relative;
  margin: 0 auto;
  margin-top: -30px;
}
.f2-home_cont .f2-naslov .f2-votingTag {
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 3.9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
	border-radius: 16px;
	height: 32px;
	background: var(--roza);
	transition: background ease-in-out 0.45s;
	
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	text-transform: uppercase;
	width: max-content;
}
.f2-home_cont .f2-naslov .f2-votingTag:hover {
	background: var(--heart_m);
}


@media only screen and (min-width:961px) {
  .f2-home_cont .f2-naslov {
    font-size: var(--size_48);
    max-width: 470px;
    width: 100%;
    height: auto;
    padding: 30px;
  }
  
}


@media only screen and (min-width:721px) and (max-width:960px) {
  .f2-home_cont .f2-naslov {
    max-width: 400px;
    width: 100%;
    padding: 20px 30px;
  }
}
@media only screen and (max-width:720px) {
  .f2-home_cont .f2-naslov {
    max-width: 400px;    
    width: 100%;
    padding: 16px 30px;
    text-align:center;
  }
}
.f2-home_cont .f2-naslov .f2-script {
  font-family: var(--font-script);
  line-height: 60px;
  max-height: 124px; overflow: hidden;
  text-align:center;
}
.f2-home_cont .f2-naslov .f2-script.fsx {
  line-height: 1.1em;
}
@media only screen and (min-width:961px) {
  .f2-home_cont .f2-naslov .f2-script {
    font-size: var(--size_48);
  }
}
@media only screen and (min-width:721px) and (max-width:960px) {
  .f2-home_cont .f2-naslov .f2-script {
    font-size: var(--size_42);
    line-height: 50px;
    max-height: 103px;    
  }
}
@media only screen and (max-width:720px) {
  .f2-home_cont .f2-naslov .f2-script {
    font-size: var(--size_xl);
   	line-height: 40px;
    max-height: 81px;  
  }
  .f2-home_cont .f2-naslov a p {margin-top: 0;}
  .f2-home_cont .f2-naslov h3 {font-size: 12px;}
}



/*Kristian Lev*/
/*stories*/
#f2_hot_stories .splide__list {display: flex; align-items: center;} 
#f2_hot_stories .f2-story .f2-story-thumb {border-radius: 15px;}
#f2_hot_stories.unmounted .splide__list {width:inherit;display: inline-flex;} /* centrirano, če ni slider */

/* top dash */
.f2-top_dash {margin: 21px 0; display: flex; justify-content: space-between;}
.f2-top_dash .leftCol {display: flex; align-items: center;}
.f2-top_dash .leftCol .image {margin-right: 40px; position: relative;}
.f2-top_dash .leftCol .image a.edit {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: var( --black); z-index: 56; border-radius: 100%; position: absolute; top: 0; right: -18px;}
.f2-top_dash .leftCol .image a.edit {font-size: 16px; margin: 0; padding: 0; line-height: 28px;}

.f2-top_dash .leftCol .text h1 {letter-spacing: 4.5px; word-break: break-word;  font-size: 15px; line-height: 18px; color: var(--white); text-transform: uppercase; font-weight: var(--weight_bold);}
.f2-top_dash .leftCol .text a {margin-top: 10px; display: block; text-decoration: none; font-size: 18px; color: var(--svetlo_plava);}
.f2-top_dash .leftCol .text a:hover {color: #fff; text-decoration: underline;}

.f2-top_dash .rightCol {display: flex; justify-content: flex-end;}


.f2-top_dash .rightCol button.premium {margin-right: 40px; width: 100%;min-width: fit-content;}

.f2-top_dash .rightCol button.f2-add { display: flex; align-items: center; background: none; border: none; padding: 0; margin: 0; -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;  -moz-transition: .2s ease-in-out;}

.f2-top_dash .rightCol button.f2-add:active {text-decoration: none;}
.f2-top_dash .rightCol button.f2-add i {width: 80px; min-width: 80px; height: 80px; display: flex; margin: 0; padding: 0; border-radius: 100%; background: var(--roza); color: var(--white);
	align-items: center; justify-content: center; box-shadow: 0px 1px 5px #000000BF; font-size: 35px; -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;  -moz-transition: .2s ease-in-out;
}


.f2-top_dash .rightCol button.f2-add span {color: var(--white); display: block; margin-left: 13px; font-size: 18px; }

.f2-top_dash .rightCol button.f2-add:hover {cursor: pointer;}
.f2-top_dash .rightCol button.f2-add:hover i {background: var(--heart_m); text-decoration: none;}
.f2-top_dash .rightCol button.f2-add:hover span {text-decoration: underline;}

/* tiles */
.f2-tiles { display: flex; margin-left: -5px; flex-wrap: wrap;}
.f2-tiles .f2-tile { width: 16.66%; min-width: 16.66%; padding: 5px 0 0 5px;}
.f2-tiles .f2-tile .link {background-color: var(--temno_siva); position: relative; -webkit-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);-moz-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5); box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  padding: 24px 10px 15px 10px; border-radius: 10px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; }
  .f2-tiles .f2-tile .link:hover {text-decoration: none;}
.f2-tiles .f2-tile .link span.f2-stul {display: block; text-align: center; margin-top: 5px; text-underline-position: auto;}
span.f2-stul { word-break: keep-all;}

.f2-tiles .f2-tile .link:hover .icon {color: #fff;}

.f2-tiles .f2-tile .link i {position: relative;}
.f2-tiles .f2-tile .link i .f2_tile_num {position: absolute; display: block; height: 22px; line-height: 22px; font-size: 15px; color: var(--white); top: -8px; right: -20px;
	background: var(--black); padding: 0 10px; border-radius: 11px;
}
.f2-tiles .f2-tile .link i .f2_tile_num.unreadTile {background: var(--roza);}


.f2-today .f2-pub_tiles  {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.f2-today .f2-pub_tiles a {position: relative; display: block; padding: 15px 8px 15px 8px; width: 16.66%; border-right: 1px solid var(--black);}
.f2-today .f2-pub_tiles a:last-child {border-right: none;}
.f2-today .f2-pub_tiles a:hover {text-decoration: none;}
.f2-today .f2-pub_tiles a:hover span.num{text-decoration: none;}
.f2-today .f2-pub_tiles a:hover span.name{text-decoration: underline;}

.f2-today .f2-pub_tiles a span.num {font-size: 24px; line-height: 28px; color: var(--svetlo_plava); display: block; text-align: center;}
.f2-today .f2-pub_tiles a span.name {font-size: 18px; line-height: 21.6px;  display: block; text-align: center;}
.f2-today .f2-pub_tiles a span.name strong {font-weight: 700; color:  var(--svetlo_plava); }
.f2-today .f2-pub_tiles a:hover span.num,
.f2-today .f2-pub_tiles a:hover i.icon {color: #fff;}

/* carousel */
body .splide .splide__arrow {background: none; opacity: 1; top: 220px;}
.splide .splide__arrow svg {fill: var(--white); }

.splide .splide__pagination {right: 0; bottom: 140px; left: auto; width: auto; transform: none;}
.splide .splide__pagination .splide__pagination__page.is-active {transform: none; background: var(--roza)}
#f2_carousel .splide__pagination__page {
	width:12px;
	height:12px;
	margin:3px 4px;
}
#f2_carousel .splide.splide__pagination{
	z-index:99;
}

.f2-home_cont .f2-naslov hr.c90 {margin-top: 20px; max-width: 50px;}
.f2-home_cont .f2-naslov h3 {font-size: 15px; word-break: break-all}
.f2-home_cont .f2-naslov a p{color: #fff; display: block; margin-top: 20px;}
.f2-home_cont .f2-naslov a:hover {text-decoration: none;}
/*event*/
.f2-home_cont .f2-naslov.event {padding: 30px 53px;}
.f2-home_cont .f2-naslov.event hr.c90 {margin:10px 0 15px 0;}
.f2-home_cont .f2-naslov.event .date {width: 58px; height: auto; padding: 10px; background: var(--roza); color: var(--white); position: absolute;
	left: -30px; border-radius: 0 0 0 6px; overflow: hidden;}
	
.f2-home_cont .f2-naslov.event .date span {display: block; font-size: 12px; text-align: center;}
.f2-home_cont .f2-naslov.event .date span.month {border-bottom: 1px solid #fff; letter-spacing: 2.5px; line-height: 15px;}
.f2-home_cont .f2-naslov.event .date span.num {font-size: 33px; line-height: 40px;}
.f2-home_cont .f2-naslov.event .date span.day {line-height: 17px;}

.f2-home_cont .f2-naslov.event .date span.edge {padding: 0; width: 24px; height: 24px; border-radius: 13px; background: var(--heart_m); display: block;  position: absolute; bottom: -8px; right: -8px;}
.f2-home_cont .f2-naslov.event .date span.edge .dark {width: 25px; height: 26px; background: #000; transform: rotate(45deg); position: absolute; right: -8px; bottom: -6px;}


/*carousel slider arrows*/
body .splide__arrow--next {right: -45px;}
body .splide__arrow--prev {left: -45px;}

@media only screen and (max-width:1100px) {/*
.f2-home_cont .f2-slika img {width: auto !important; height: auto !important;}*/
body .splide .splide__arrow  {display: none;}
.f2-home_cont {margin-bottom: 35px;}
.splide .splide__pagination {right: 0; bottom: 15px; left: 0;}
}
body #f2_story .splide .splide__arrow  {display: block;}
@media only screen and (max-width:720px) {
body #f2_story .splide .splide__arrow  {display: none;}
}
@media only screen and (max-width:720px) {
	.f2-top_dash,
	.f2-top_dash .leftCol,
	.f2-top_dash .rightCol {width: 100%; max-width: 100%; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.f2-top_dash .rightCol button.f2-add {width: auto; max-width: none; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	
	.f2-top_dash {padding: 0 20px;}
	
	.f2-top_dash .rightCol button.premium {margin: 10px 0; width: auto; display: inline;}
	.f2-top_dash .leftCol,
	.f2-top_dash .rightCol {margin: 0; padding: 0;}
	.f2-top_dash .leftCol .text a {margin-top: 3px;}
	
	.f2-top_dash .leftCol .image {margin: 0 0 10px 0;}
	.f2-top_dash .rightCol button.f2-add {margin-top: 15px;}
	.f2-top_dash .rightCol button.f2-add span {margin: 10px 0 0 0;}
	
	
	/*tiles*/
	.f2-tiles .f2-tile { width: 33.33%; min-width: 33.33%; padding-left: 5px;}
	
	/*today*/
	.f2-today .f2-pub_tiles a {width: 33.33%; border: none;}
	
	/*carusel*/
	#f2_hot_stories .splide__slide {width: auto;}
	.f2-home_cont .f2-naslov {padding: 24px;margin-top: -10px;}
	.f2-home_cont .f2-naslov.event {padding: 24px 24px 24px 53px;}
	
	body .splide__arrow--next {right: 15px;}
    body .splide__arrow--prev {left: 15px;}
}

@media only screen and (max-width:600px) {
	.f2-tiles  {margin-bottom: 20px; padding: 0 16px;}
	
	/*today*/
	.f2-today .f2-pub_tiles a {width: 50%; }
	
	.f2-home_cont .f2-naslov .fut {font-size: 15px;}
	.f2-home_cont .f2-naslov hr.c90 {margin-top: 10px;}
}


@media only screen and (max-width:480px) {
	.f2-home_cont .f2-naslov {width: calc(100% - 60px); max-width: 100%;}
		.f2-home_cont .f2-naslov {padding: 15px;}
	.f2-home_cont .f2-naslov.event {padding: 15px 15px 15px 35px;}
	
}

@media only screen and (max-width:370px) {
	.f2-tiles .f2-tile {width: 50%; min-width: 50%;}
	
}

#f2_about_biz0, #f2_about_biz1 {
	line-height: 25px;
	justify-content: space-between;
	margin-top: 16px;	
}


/* */
.f2-promocode .flex .icon { margin-right: 7px; font-size: 28px;}
.f2-promocode {width: 100%; margin-bottom: 10px; background: #3D3D3D; border-radius: 10px; padding: 15px;}
.f2-promocode .flex {display: flex; justify-content: space-between;}

.f2-promocode .flex.up {border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
.f2-promocode .flex div.col1_3 { display: flex; align-items: center;}

.f2-promocode .flex div.col2_3 {width: 330px; display: flex; margin-left: auto;}
.f2-promocode .flex div.col2_3 .col1_3:first-child {margin-right: 30px;}

.f2-promocode .flex div.col1_3 {width: 150px;}

.f2-promocode .flex > div.col1_3 {width: calc(100% - 330px);  margin-left: 0;}

.f2-promocode .flex div.col1_3 span {font-size: 18px; color: #D2F7FF}
.f2-promocode .flex div.code span {color: #fff; font-size: 14px; font-weight: 800;}
.f2-promocode .flex div.user i {color: #8BB751}
.f2-promocode .flex div.premium i {color: #D39B0D}
.f2-promocode .flex div.premium span {font-weight: 800;}

.f2-promocode .flex.down div.col1_3 span {font-size: 18px; color: #fff; font-size: 18px; line-height: 22px;} 
.f2-promocode .flex.down div.date {display: flex; flex-direction: column; align-items: flex-start; }
.f2-promocode .flex.down div.date .dateNumber {display: flex; align-items: center; }
.f2-promocode .flex.down div.date .dateNumber i {color: #8BB751;}
.f2-promocode .flex.down div.date .dateNumber i.inactive  {color: #000;}

.f2-promocode .flex.down div.date .showRespnosive {margin-top: 10px; display: none;}

.f2-promocode .flex.down div.date div.user,
.f2-promocode .flex.down div.date div.premium {display: flex; align-items: center;}
.f2-promocode .flex.down div.date div.user i {color: #8BB751}
.f2-promocode .flex.down div.date div.premium i {color: #D39B0D}
.f2-promocode .flex.down div.date div.premium span {font-weight: 800;}

.f2-promocode .flex.down div.date .showRespnosive .user span,
.f2-promocode .flex.down div.date .showRespnosive .premium span {color: #D2F7FF;}

.f2-promocode .flex.down div.date .showRespnosive .zero span,
.f2-promocode .flex.down div.date .showRespnosive .zero i,
.f2-promocode .flex div.col1_3.zero span,
.f2-promocode .flex div.col1_3.zero i {color: #000 !important;}

@media only screen and (max-width: 768px) {
	.f2-promocode .flex.down div.date .showRespnosive { display: block;}
	.f2-promocode .flex.up div.col1_3.premium,
	.f2-promocode .flex.up div.col1_3.user {display: none;}
	.f2-promocode .flex.down div.date div.premium {margin-top: 10px;}
	
	.f2-promocode .flex div.col2_3 {flex-direction: column;}
	.f2-promocode .flex div.col1_3.discount {margin-top: 20px;}
	
	.f2-promocode .flex > div.col1_3,
	.f2-promocode .flex div.col2_3  {width: 50%;}
	.f2-promocode .flex.down div.col2_3 {border-left: 1px solid #000; padding-left: 20px;}
}


#f2_pcp_menu .f2-btn.used-by i{
	color: #8BB751 !important;
}
#f2_pcp_menu .f2-btn.paid i{
	color: #D39B0D !important;
}


#f2_fruit_2col_card_promocodes .f2-optionsButtons{
	display:flex;background: transparent;
}

#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-icon{
	width:68px;padding:0 10px;align-content: center;
}
#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-icon i{
	font-size:32px;color:white;background-color: #D39B0D;border-radius: 50%;width:48px;height:48px;
}
#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-pay{
	flex:1;margin:15px 15px 0 0;
}
#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-pays{
	flex:1;margin:15px 0 0 0;
}
#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-pay .fcs{
	font-size:15px;
}
@media only screen and (max-width:960px) { 
	.f2-promocode-profiles-list{
		padding:0 16px;
	}
}
@media only screen and (max-width:720px) { 
	#f2_fruit_2col_card_promocodes .f2-optionsButtons{
		align-content: flex-start;
	}
	#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-icon{
		width:100%;
	}
	#f2_fruit_2col_card_promocodes .f2-optionsButtons div{
		width:100%;
	}
	#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-pay{
		flex:1;margin:15px 0 0 0;
	}
	#f2_fruit_2col_card_promocodes .f2-optionsButtons .pc-pays{
		flex:1;margin:15px 0 0 0;
	}
	
}