.flw-nav {float:left;clear:both;width:100%;margin:0 0 15px 0;border-bottom:3px solid #ddd;}
.flw-nav a {transition:none;text-decoration:none;float:left;margin:0 6px -3px 0;border-bottom:3px solid transparent;padding:10px 10px;font-size:15px;line-height:18px;font-weight:normal;}
.flw-nav a.active {font-weight:bold;}
.flw-nav a.active, .flw-nav a:hover {border-bottom-color:#333;text-decoration:none;}
.flw-tabs {float:left;clear:both;width:100%;}
.flw-tab {float:left;clear:both;width:100%;}
.flw-tab .flw-one {width:290px;clear:none;margin-right:35px;}
.flw-users-empty {padding:5px 0;}


/* PAGINATION */
.flw-pagination {float:left;clear:both;width:100%;background:transparent;padding:15px 0;margin:15px 0 0 0;border-top:1px solid rgba(0,0,0,0.15);position:relative;z-index:2;text-align:center;}
.flw-pagination a {text-decoration:none;display:inline-block;float:none;margin:0 2px;text-decoration:none;background:#fff;padding:6px 3px;min-width:32px;height:32px;line-height:18px;color:#444;font-weight:normal;border-radius:4px;border:1px solid rgba(0,0,0,0.15);font-size:14px;text-align:center;}
.flw-pagination span {display:inline-block;text-decoration:none;float:none;margin:0 4px;padding:6px 3px;height:32px;line-height:18px;color:#999;font-weight:normal;font-size:14px;text-align:center;}
.flw-pagination a:hover, .flw-pagination a.flw-active {background:#333;color:#fff;text-decoration:none;}
.flw-head {position: absolute; top: 0; left: 0; width: 100%; height: 50px; border-bottom: 1px solid #ccc; color: #111; font-size: 16px; font-weight: bold; padding: 15px 15px; line-height: 20px;}
.flw-box-content {position:absolute;top:50px;bottom:0;left:0;width:100%;overflow-y:auto;padding:5px 15px;}
.flw-box-content .flw-users-empty {font-size:15px;text-align:center;color:#aaa;line-height:20px;margin-top:140px;width:100%;text-align:center;}
.flw-one {float:left;width:100%;clear:both;position:relative;margin:0 0 10px 0;padding:8px 140px 8px 48px;}
.flw-one.noimg {padding-left:0;}
.flw-one .flw-img {position:absolute;left:0;top:3px;width:40px;height:40px;border-radius:100px;overflow:hidden;}
.flw-one .flw-img img {width:auto;height:auto;max-width:100%;}
.flw-one .flw-about {width:100%;font-size:14px;line-height:15px;position:relative;color:#000;}
.flw-one .flw-about a {color:#000;font-size:14px;font-weight:bold;float:left;clear:both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flw-one .flw-about a:hover {color:#000;text-decoration:underline;}
.flw-one .flw-about span {width:100%;display:block;color:#aaa;font-size:13px;font-weight:normal;float:left;clear:both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flw-one .flw-buttons {position:absolute;right:0;top:8px;width:140px;padding-left:5px;}
.flw-one .flw-buttons a, .flw-subscribe, .flw-counts {white-space:nowrap;transition:0.2s;position:relative;width:auto;display:inline-block;text-align:center;background:#0095f6;border:1px solid #0095f6;color:#fff;border-radius:4px;height:30px;padding:5px 10px;line-height:20px;font-size:14px;font-weight:bold;}
.flw-one .flw-buttons a > em, .flw-subscribe > em, .flw-counts > em {width:240px;background:#222;color:#fff;font-size:13px;line-height:16px;padding:10px 8px;border-radius:5px;z-index:4;position:absolute;bottom:100%;margin-bottom:4px;left:50%;transform: translateX(-50%);font-weight:normal;font-style:normal;height:auto;white-space:normal;word-break: break-word; word-wrap: break-word;}
.flw-one .flw-buttons a > em:before, .flw-subscribe > em:before, .flw-counts > em:before {content:"";position:absolute;bottom:-12px;left:calc(50% - 6px);z-index:2;width:12px;height:12px;border:6px solid transparent;border-top-color:#222;}
.flw-one .flw-buttons a:hover, .flw-subscribe:hover {color:#fff;}
.flw-one .flw-buttons a {float:right;}
.flw-one .flw-buttons a.flw-undo, .flw-subscribe.flw-undo {background:#fff;color:#222;padding-left:7px;padding-right:7px;}
.flw-one .flw-buttons a.flw-undo:hover, .flw-subscribe.flw-undo:hover {color:#222;}
.flw-subscribe.flw-disabled, .flw-disabled {opacity:0.6;cursor:default;}
.flw-subscribe.flw-disabled:hover, .flw-disabled:hover {text-decoration:none;}
.flw-counts {background:#fff;color:#222;margin:0 10px 10px 0;font-weight:normal;border-color:#ccc;}
.flw-btn-loading {opacity:0.5;background:#fff;position:relative;}
.flw-btn-loading:after {width:100%;height:100%;display:block;content:"";top:0;left:0;border-radius:4px;position:absolute;background: #fff url(../images/loader.gif) no-repeat center center; background-size: 18px;}
.flw-item-buttons-wrap {display:inline-block;width:100%;margin:10px 0 10px 0;}
.flw-item-buttons-wrap a {display:inline-block;margin:0 6px 8px 0;float:none;clear:none;}

/* GOVPUTI FOLLOW MARKETING CARD */
#flw-buttons.flw-marketing-card {position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0 0 12px;padding:12px 12px 11px 15px;border:1px solid #bfe5de;border-radius:9px;background:linear-gradient(135deg,#ffffff 0%,#f2fbf9 100%);box-shadow:0 4px 13px rgba(17,107,94,.09);overflow:hidden;box-sizing:border-box;color:#17212b;}
#flw-buttons.flw-marketing-card--sidebar {width:100%;margin:0 0 12px;}
#flw-buttons.flw-marketing-card:before {content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0fa98e 0%,#16c1a4 100%);}
#flw-buttons.flw-marketing-card--subscribed {border-color:#a9ddd4;background:linear-gradient(135deg,#ffffff 0%,#e9faf6 100%);}
#flw-buttons.flw-marketing-card--owner {border-color:#cddded;background:linear-gradient(135deg,#ffffff 0%,#f2f8fd 100%);box-shadow:0 7px 22px rgba(24,91,145,.10);}
#flw-buttons.flw-marketing-card--owner:before {background:linear-gradient(180deg,#168fe9 0%,#16b7d5 100%);}
.flw-marketing-card__head {display:flex;align-items:center;gap:9px;margin:0 0 9px;}
.flw-marketing-card__icon {display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#dff7f1;color:#0a947d;}
.flw-marketing-card--owner .flw-marketing-card__icon {background:#e7f4ff;color:#147fd1;}
.flw-marketing-card__icon svg {display:block;width:19px;height:19px;fill:currentColor;}
.flw-marketing-card__heading {display:flex;min-width:0;flex-direction:column;line-height:1.25;}
.flw-marketing-card__heading strong {font-size:14px;line-height:18px;color:#17212b;}
.flw-marketing-card__heading small {margin-top:2px;font-size:11px;line-height:14px;color:#607284;}
.flw-marketing-card__body {display:flex;align-items:stretch;gap:7px;flex-direction:column;}
#flw-buttons .flw-marketing-card__proof {display:inline-flex;align-self:flex-start;align-items:center;gap:5px;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent;color:#426276;font-size:12px;line-height:17px;font-weight:600;text-decoration:none;}
#flw-buttons .flw-marketing-card__proof:hover {background:transparent;color:#245468;text-decoration:underline;text-underline-offset:2px;}
#flw-buttons .flw-marketing-card__proof strong {font-size:15px;color:#0a8975;}
#flw-buttons.flw-marketing-card--owner .flw-marketing-card__proof strong {color:#1476bf;}
#flw-buttons .flw-marketing-action {display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;height:auto;margin:0;padding:8px 12px;border:1px solid #0d9d84;border-radius:7px;background:linear-gradient(135deg,#13ac91 0%,#078c77 100%);box-shadow:0 4px 10px rgba(8,142,120,.20);color:#fff;font-size:12px;line-height:18px;font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
#flw-buttons .flw-marketing-action:hover {transform:translateY(-1px);box-shadow:0 7px 15px rgba(8,142,120,.30);color:#fff;text-decoration:none;}
#flw-buttons .flw-marketing-action.flw-undo {border-color:#8ccfc3;background:#fff;box-shadow:none;color:#087f6c;}
#flw-buttons .flw-marketing-action.flw-undo:before {content:"\2713";margin-right:6px;font-weight:900;}
#flw-buttons .flw-marketing-action.flw-undo:hover {background:#e8f8f4;color:#066b5c;}
.flw-marketing-card__note {margin-top:6px;font-size:10px;line-height:14px;color:#728292;}

@media (max-width:480px) {
  #flw-buttons.flw-marketing-card {padding:12px 12px 11px 15px;border-radius:9px;}
  .flw-marketing-card__heading strong {font-size:14px;}
  .flw-marketing-card__heading small {font-size:11px;}
  #flw-buttons .flw-marketing-card__proof {align-self:flex-start;}
}

/* MODAL DESIGN */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,0.75);}
#flwModal {display:none;overflow:hidden;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:999;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#flwModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#flwModal .modal-close { cursor: pointer; border-radius: 5px; transition: 0.2s; position: absolute; z-index: 99; color: #555; text-align: center; top: 8px; right: 8px; width: 34px; height: 34px; font-size: 18px;}
#flwModal .modal-close svg {width: auto; height: 18px; margin: 8px 0; display: inline-block; transition: 0.2s;}
#flwModal .modal-close:hover {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
#flwModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#flwModal .modal-content .modal-iframe, #flwModal .modal-loader {background: #fff url(../images/loader.gif) no-repeat center center; background-size: 80px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#flwModal, #flwModal .modal-content, #flwModal .modal-content .modal-iframe {border-radius:5px;}
#flwModal .modal-is-inline .modal-content {overflow-y:auto;}
#flwModal .modal-body {position:initial;padding:0;}


/* RTL */
html[dir="rtl"] .flw-body, html[dir="rtl"] .modal-box {direction:rtl;}
html[dir="rtl"] .flw-item-buttons-wrap a {margin-left:8px;margin-right:0;}
html[dir="rtl"] #flwModal .modal-close {left:8px;right:auto;}
html[dir="rtl"] .flw-one {padding-right:48px;padding-left:140px;}
html[dir="rtl"] .flw-one .flw-img {right:0;left:auto;}
html[dir="rtl"] .flw-one .flw-buttons {left:0;right:auto;padding-right:5px;padding-left:0;}
html[dir="rtl"] .flw-one .flw-buttons a {float:left;}
html[dir="rtl"] .flw-one .flw-about a {float:right;}
html[dir="rtl"] .flw-nav a {float:right;margin-left:6px;margin-right:0;}
html[dir="rtl"] .flw-tab .flw-one {float:right;margin-left:35px;margin-right:0;}


/* DARK MODE */
html[mode="dark"] .flw-counts {background: var(--mb-color12, #363636); border-color: var(--mb-color11, #464646); color: var(--mb-color2, #d6d6d6);}
html[mode="dark"] .flw-counts:hover {background: var(--mb-color11, #464646);}
html[mode="dark"] .flw-one .flw-buttons a, html[mode="dark"] .flw-subscribe, html[mode="dark"] .flw-counts {color:#fff;}
html[mode="dark"] #flwModal {background: var(--mb-color12, #363636);}
html[mode="dark"] .flw-head {color: var(--mb-color2, #d6d6d6);border-bottom-color: var(--mb-color13, #262626);}
html[mode="dark"] .flw-one .flw-about a {color: var(--mb-color1, #e6e6e6);}
html[mode="dark"] .flw-one .flw-about span {color: var(--mb-color4, #b6b6b6);}
html[mode="dark"] .flw-one .flw-buttons a.flw-undo, html[mode="dark"] .flw-subscribe.flw-undo {background: var(--mb-color11, #464646); border-color: var(--mb-color10, #565656); color: var(--mb-color2, #d6d6d6);}
html[mode="dark"] .flw-one .flw-buttons a.flw-undo:hover, html[mode="dark"] .flw-subscribe.flw-undo:hover {background: var(--mb-color10, #565656); border-color: var(--mb-color9, #666666); color: var(--mb-color1, #e6e6e6);}
html[mode="dark"] #flwModal .modal-close {color: var(--mb-color6, #969696);}
