/* MOST FAVORITED LISTINGS */
#fi_list_items.fi_user_menu.fi_most_favorited .fi_item {float:left;clear:none;width:18%;margin:0 1% 20px 1%;}


/* USER MENU FAVORITED LISTINGS */
#fi_list_items.fi_user_menu {width:102%;margin-left:-1%;margin-right:-1%;}
#fi_list_items.fi_user_menu h2 {width:98%;margin-left:1%;margin-right:1%;}
#fi_list_items.fi_user_menu h2 a {float:left!important;}
#fi_list_items.fi_user_menu .fi_item {float:left;clear:none;width:23%;margin:0 1% 20px 1%;}
#fi_list_items.fi_user_menu .fi_left {width:100%;clear:both;margin-bottom:15px;text-align:center;}
#fi_list_items.fi_user_menu .fi_right {padding:0;width:100%;clear:both;margin-bottom:8px;text-align:center;}
#fi_list_items.fi_user_menu .fi_right a {float:left;width:100%;text-align:center;font-size:15px;line-height:20px;display:block;font-weight:500;height:20px;padding-left:8px;padding-right:8px;}
#fi_list_items.fi_user_menu .fi_bottom {margin-top:5px;}
#fi_list_items.fi_user_menu .fi_tool {width:100%;clear:both;text-align:center;}
#fi_list_items.fi_user_menu .fi_tool span {position:relative;z-index:2;margin:0;padding:0;top:auto;left:auto;color:#FF5722;color:rgba(255, 87, 34, 0.65);font-size:22px;line-height:22px;height:auto;}
#fi_list_items.fi_user_menu .fi_tool span:hover {color:#FF5722;}
#fi_list_items.fi_user_menu .fi_empty {width:98%;margin-left:1%;margin-right:1%;}
.fi_user_menu_wrap h2 {float:left;width:100%;clear:both;}


/* USER ADD NEW FAVORITE LIST */
#fi_user_new_list {float:left;clear:both;width:100%;margin:0 0 40px 0;font-size:13px;line-height:16px;padding:7px;background:#f8f8f8;border:1px solid #f8f8f8;}
#fi_user_new_list.edit_now {border-color:#FF5722;}
#fi_user_new_list .fi_new_name {float:left;width:30%;padding:6px;border:1px solid #ccc;background:#fff;}
#fi_user_new_list .fi_check {float:left;width:auto;margin:0 30px 0 0;padding:5px;white-space:nowrap;}
#fi_user_new_list .fi_check.first {margin-right:10px;margin-left:10px;}
#fi_user_new_list .fi_check label {float:left;font-size:12px;margin-left:3px;margin-top:1px;cursor:pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:100%;}
#fi_user_new_list .fi_check .fi_checkbox {float:left;}
#fi_user_new_list .button, #fi_user_new_list .btn {float:left;width:auto;padding:6px 15px 5px 15px;height:32px;line-height:20px;font-size:12px;clear:none;}


/* USER FAVORITE LIST */
#fi_user_lists {float:left;clear:both;width:100%;margin:5px 0 20px 0;font-size:13px;line-height:16px;}
#fi_user_lists .fi_list {float:left;clear:both;width:100%;margin:1px 0;padding:8px;background:#f8f8f8;}
#fi_user_lists .fi_list.fi_head {background:#FF5722;font-weight:bold;text-transform:uppercase;color:#fff;border-bottom:2px solid rgba(0, 0, 0, 0.1);margin-bottom:1px;}
#fi_user_lists .fi_list.fi_head .fi_count, #fi_user_lists .fi_list.fi_head .fi_user_list_remove {color:#fff;}
#fi_user_lists .fi_list.fi_head > div {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#fi_user_lists .fi_name {float:left;width:48%;}
#fi_user_lists .fi_name a {color:#333;font-weight:bold;text-decoration:none;}
#fi_user_lists .fi_name a:hover {color:#FF5722;}
#fi_user_lists .fi_current {float:left;width:13%;text-align:center;}
#fi_user_lists .fi_current .fa-check {color:#ccc;}
#fi_user_lists .fi_current:not(.fi_active):hover .fa-check {color:#8BC34A;cursor:pointer;}
#fi_user_lists .fi_current.fi_active .fa-check {color:#8BC34A;}
#fi_user_lists .fi_notification {float:left;width:13%;text-align:center;}
#fi_user_lists .fi_notification .fa-check {color:#ccc;}
#fi_user_lists .fi_notification:not(.fi_active):hover .fa-check {color:#8BC34A;cursor:pointer;}
#fi_user_lists .fi_notification.fi_active .fa-check {color:#8BC34A;}
#fi_user_lists .fi_notification.fi_active:hover .fa-check {color:#FF5722;}
#fi_user_lists .fi_count {float:left;width:13%;text-align:left;color:#999;}
#fi_user_lists .fi_user_list_remove {float:left;width:13%;text-align:center;cursor:pointer;}
#fi_user_lists .fi_user_list_remove a {color:#333;}
#fi_user_lists .fi_user_list_remove a:hover {color:#E64A19;}
#fi_user_lists i {font-size:16px;}
#fi_user_lists .fi_list_edit {color:#00BCD4;margin-right:20px;display:none;float:right;cursor:pointer;}
#fi_user_lists .fi_list:hover .fi_list_edit {display:block;}
#fi_user_lists .fi_list .fi_list_edit:hover {color:#000;}
#fi_user_lists sup {color:#000;line-height:4px;}
#fi_user_lists .fi_explain {float:left;width:100%;clear:both;margin:20px 0 10px 0;font-size:11px;line-height:13px;color:#999;}
#fi_user_lists .fi_explain div {float:left;width:100%;clear:both;margin:2px 0;}
#fi_user_lists .fi_explain sup {width:17px;color:#FF5722;font-weight:bold;float:left;}


/* MAKE FAVORITE BUTTON */
.fi_make_favorite.fi_make {display:inline-block;overflow:hidden;width:22px!important;height:22px!important;overflow:hidden;text-align:center;}
.fi_make_favorite.fi_make span {font-family:"FontAwesome","Font Awesome 5 Free";display:inline-block;font-size:20px;color:#444;font-style:normal;font-weight:500;cursor:pointer;}
.fi_make_favorite.fi_make span:hover {color:#E64A19;}
!.fi_make_favorite.fi_make span:before {content:"\f006";transition: 0.1s;font-weight:900;}
.fi_make_favorite.fi_make span:before {content:"\f005";transition: 0.1s;font-weight:900;}
.fi_make_favorite.fi_make.is_favorite span {color:#FFE500;}
.fi_make_favorite.fi_make.is_favorite span:before {content:"\f005";font-weight:900;}
.fi_make_favorite.fi_make.is_favorite span:hover {color:#E64A19;}


/* GOVPUTI MARKETING CARD ON LISTING PAGE */
.fi-marketing-card {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin:14px 0 18px;padding:14px 15px 12px 18px;border:1px solid #ffc2d2;border-left:5px solid #ff4f78;border-radius:11px;background:linear-gradient(135deg,#fff 0%,#fff2f6 100%);box-shadow:0 6px 18px rgba(232,56,104,.11);box-sizing:border-box;overflow:visible;color:#17212b;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.fi-marketing-card--saved {border-color:#f5a8bd;background:linear-gradient(135deg,#fff 0%,#ffedf3 100%);}
.fi-marketing-card__content {display:flex;align-items:center;min-width:0;gap:11px;}
.fi-marketing-card__icon {display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#ffe0e9;color:#e83868;font-size:19px;}
.fi-marketing-card__copy {display:flex;min-width:0;flex-direction:column;line-height:1.25;}
.fi-marketing-card__copy strong {font-size:15px;line-height:19px;color:#17212b;}
.fi-marketing-card__copy small {margin-top:3px;font-size:12px;line-height:17px;color:#617285;}
.fi-marketing-card__action {display:flex;align-items:center;justify-content:flex-end;}
body .fi-marketing-card .fi_save_favorite.fi_save {position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;clear:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:205px!important;height:auto!important;min-height:42px!important;margin:0!important;padding:10px 15px!important;border:0!important;border-radius:8px!important;background:#ff4f78!important;background-image:none!important;color:#fff!important;font-size:13px!important;line-height:18px!important;font-weight:800!important;text-indent:0!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;box-shadow:0 5px 13px rgba(232,56,104,.22)!important;box-sizing:border-box!important;transform:none!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;}
body .fi-marketing-card .fi_save_favorite.fi_save:hover {background:#e83868!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 7px 16px rgba(232,56,104,.28)!important;}
body .fi-marketing-card .fi_save_favorite.fi_save.is_favorite {background:#e83868!important;color:#fff!important;}
body .fi-marketing-card .fi_save_favorite.fi_save i {position:static!important;display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;font-size:15px!important;line-height:18px!important;color:#fff!important;opacity:1!important;visibility:visible!important;}
body .fi-marketing-card .fi_save_favorite.fi_save span {position:static!important;display:inline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:#fff!important;font-size:13px!important;line-height:18px!important;font-weight:800!important;white-space:normal!important;text-align:center!important;text-indent:0!important;opacity:1!important;visibility:visible!important;}
.fi-marketing-card__note {grid-column:1/-1;margin-top:-2px;padding-left:51px;font-size:10px;line-height:14px;color:#7b6970;}
.fi-marketing-card__note a {color:#c72e59;text-decoration:underline;text-underline-offset:2px;}
.fi-marketing-card--attention {animation:fi-card-attention .85s ease both;}
.fi-heart-particle {position:absolute;z-index:5;right:105px;top:50%;color:#ff4f78;font-size:16px;line-height:1;pointer-events:none;animation:fi-heart-burst .75s ease-out forwards;}
@keyframes fi-card-attention {0%,100%{transform:scale(1);box-shadow:0 6px 18px rgba(232,56,104,.11);}45%{transform:scale(1.012);box-shadow:0 9px 25px rgba(232,56,104,.24);}}
@keyframes fi-heart-burst {0%{opacity:0;transform:translate(0,0) scale(.55) rotate(0);}20%{opacity:1;}100%{opacity:0;transform:translate(var(--fi-heart-x),var(--fi-heart-y)) scale(1.15) rotate(14deg);}}


/* QUICK MESSAGE BLOCK */
#fi_message {display:block;position:fixed;right:20px;top:20px;width:280px;z-index:99999999;}
#fi_message .fi_simple {float:left;clear:both;margin-bottom:15px;cursor:pointer;width:280px;padding:13px 14px 13px 17px;font-size:12px;border:1px solid #ffc2d2;border-left:5px solid #ff4f78;border-radius:9px;color:#334759;line-height:17px;background:#fff;box-shadow:0 8px 24px rgba(31,48,67,.18);opacity:1;box-sizing:border-box;}
#fi_message .fi_simple:hover {border-color:#f5a8bd;box-shadow:0 10px 28px rgba(31,48,67,.22);}


/* FAVORITE LIST ITEMS */
#fi_list_items {float:left;clear:both;width:100%;margin:15px 0;}
#fi_list_items h2 { line-height: 17px; float: left; font-weight: 500; position: relative; text-transform: uppercase; width: 100%; clear: both; margin: 0 0 5px 0; border-bottom: 1px solid #444; font-size: 15px; padding: 0 0 3px 0;  }
#fi_list_items h2 a {color:#333;text-decoration:none;}
#fi_list_items h2 a:hover {color:#FF5722;}
#fi_list_items .fi_item {float:left;clear:both;position:relative;z-index:1;width:100%;margin:0;padding:10px 0;border-bottom:1px dashed #eee;}
#fi_list_items .fi_left {float:left;width:25%;clear:both;}
#fi_list_items .fi_left a {float:left;width:100%;border-radius:4px;clear:both;display:block;border:1px solid #e4e4e4;max-width:100%;position:relative;padding:75% 0 0 0;}
#fi_list_items .fi_left a:hover {border-color:#F56200;}
#fi_list_items .fi_left img {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;max-width:200%;width:100%;height:100%;object-fit:cover;background:#f4f4f4;}
#fi_list_items .fi_right {float:left;width:65%;padding:7px 5px 5px 15px;}
#fi_list_items .fi_right .fi_top, #fi_list_items .fi_right .fi_bottom {float:left;width:100%;clear:both;}
#fi_list_items .fi_right a {float:left;width:auto;font-size: 13px; color: #555; line-height: 17px;text-decoration:none;font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; word-wrap: break-word; word-break: break-all;}
#fi_list_items .fi_right a:hover {color:#F56200;}
#fi_list_items .fi_top a {color:var(--mb-color-primary, #0d9ecc);font-weight:normal;font-size: 16px;line-height:18px;}
#fi_list_items .fi_bottom {color:#111;font-weight:bold;font-size: 14px;line-height:16px;}
#fi_list_items .fi_tool {float:left;width:10%;text-align:center;position:relative;}
#fi_list_items .fi_tool span {font-family:"FontAwesome","Font Awesome 5 Free";font-size:18px;display:block;position:absolute;top:12px;left:0;width:100%;text-align:center;color:#FF5722;color:rgba(255, 87, 34, 0.47);cursor:pointer;}
#fi_list_items .fi_tool span:before {content:"\f00d";font-weight:900;}
#fi_list_items .fi_tool span:hover {color:#FF5722;}
#fi_list_items .MCtooltip {display:none!important;}


/* OTHERS */
.fi_empty {clear: both; font-size: 13px; float: left; width: 100%; position: relative; padding: 10px 8px; margin:0; color: #404040; background: #eedc94;}


/* RESPONSIVE */
@media screen and (max-width: 767px) {
  .fi-marketing-card {display:flex;flex-direction:column;align-items:stretch;padding:14px 13px 12px 16px;gap:11px;}
  .fi-marketing-card__action {width:100%;}
  body .fi-marketing-card .fi_save_favorite.fi_save {width:100%!important;min-width:0!important;}
  .fi-marketing-card__note {padding-left:0;margin-top:-3px;text-align:center;}
  .fi-heart-particle {right:50%;top:72%;}
  #fi_list_items.fi_user_menu .fi_item {width:43%;}
  #fi_user_new_list {padding:10px;border:1px solid #ccc;}
  #fi_user_new_list .fi_new_name {width:100%;margin-right:0;margin-bottom:0px;}
  #fi_user_new_list .button, #fi_user_new_list .btn {width:100%;margin-right:0;margin-top:4px;}
  #fi_user_new_list .fi_check.first {margin-left:0;}
  #fi_user_new_list .fi_check {margin-top:8px;}
  #fi_user_lists .fi_name {width:calc(100% - 215px);}
  #fi_user_lists .fi_current, #fi_user_lists .fi_notification, #fi_user_lists .fi_remove, #fi_user_lists .fi_user_list_remove {width:45px;}
  #fi_user_lists .fi_count {width:60px;}
  
}


/* RTL */
html[dir="rtl"] #fi_list_items, html[dir="rtl"] #fi_user_new_list, html[dir="rtl"] #fi_user_lists, html[dir="rtl"] .fi_make_favorite, html[dir="rtl"] #fi_message, html[dir="rtl"] #fi_list_items {direction:rtl;}
html[dir="rtl"] #fi_list_items.fi_user_menu .fi_item {float: right;}
html[dir="rtl"] .fi_make_favorite.fi_make {left:10px;right:auto;}
html[dir="rtl"] body #fi_list_items h2.r3 {float: right;}
html[dir="rtl"] #fi_list_items.fi_user_menu h2 a {float: right !important;}
html[dir="rtl"] body #fi_user_lists .fi_explain sup {margin-left:4px;margin-right:0;}
html[dir="rtl"] #fi_user_lists .fi_explain sup {float: right;}
html[dir="rtl"] #fi_user_new_list .fi_new_name, html[dir="rtl"] #fi_user_new_list .fi_check, html[dir="rtl"] #fi_user_new_list .button, html[dir="rtl"] #fi_user_new_list .btn {float:right;}
html[dir="rtl"] #fi_user_lists .fi_name, html[dir="rtl"] #fi_user_lists .fi_count, html[dir="rtl"] #fi_user_lists .fi_current, html[dir="rtl"] #fi_user_lists .fi_notification, html[dir="rtl"] #fi_user_lists .fi_user_list_remove {float:right;}
html[dir="rtl"] #fi_user_lists .fi_list_edit {float:left;margin-right:12px;margin-left:0;}
html[dir="rtl"] #fi_user_new_list .fi_check {margin-left:30px;margin-right:0;}
html[dir="rtl"] #fi_user_new_list .fi_check.first {margin-right:10px;}
html[dir="rtl"] #fi_user_new_list .fi_check .fi_checkbox {float:right;}
