.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: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;}

/* 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;}