#wpf-admin-wrap .menu_edit{color: #a7a7a7;cursor: pointer;}
#wpf-admin-wrap .menu_edit:hover{color: #004eb7;cursor: pointer;}
#wpf-admin-wrap .menu_delete{color: #a7a7a7;cursor: pointer;}
#wpf-admin-wrap .menu_delete:hover{color: #eb3034;cursor: pointer;}
#wpf-admin-wrap .forum_width{width: 65%;}
#wpf-admin-wrap .forumtitle{font-size:14px;font-weight:bold;width: 52%;}
#wpf-admin-wrap #forum-hierarchy .menu-item-bar .menu-item-handle{ max-width: none; }
#wpf-admin-wrap .item-controls{font-size:13px;}
#wpf-admin-wrap .item-controls span a img{ vertical-align:middle;}
#wpf-admin-wrap .root_forum{text-decoration: none!important;color:#231f1f;	}
#wpf-admin-wrap .forum_submit {margin: 0 5px 10px 5px; min-width: 80px !important;}
#wpf-admin-wrap .wpf-delete.button, #wpf-admin-wrap .preview.button{display: inline-block !important;margin-bottom: 10px !important;}
#wpf-admin-wrap .item-controls{top: 10%!important;}
#forum_submit{width: 80px!important;}
#usergroup_table{width:98%;}
#use_us_cat{width: 1%!important;}
#wpf-admin-wrap .form-field textarea{width: 100% !important;}
#wpf-admin-wrap .option_box{ margin: 30px;padding: 30px; width: 30%;height: 20%;background: #e9e9eb;border: 1px dotted black;border-radius: 10px;float: left;overflow: auto;}
#wpf-admin-wrap .option_box label{margin: 0.5%;font-weight: bold;}
#wpf-admin-wrap .wpfadmin_notice{cursor: pointer;}
#wpf-admin-wrap .wp-color-result:after{white-space:nowrap;}
#wpf-admin-wrap .wpf-table-box-left{ width:30%; margin:0; padding:10px; border:#aaa 1px dashed; float:left; background:#FDFDFD; }
#wpf-admin-wrap .wpf-td-label{ font-weight:bold; font-size:13px; line-height:16px; cursor: pointer;}
#wpf-admin-wrap .wpf-td-label-left{ font-weight:bold; font-size:13px; line-height:16px; text-align:left; vertical-align:top; }
#wpf-admin-wrap .wpf-td-label-left-p{ font-weight:bold; font-size:13px; line-height:16px; text-align:left; vertical-align:top; padding:5px 1px; }
#wpf-admin-wrap .wpf-dw-td{ vertical-align:top; text-align:left; width:40%; font-weight:bold;line-height: 2.1em; }
#wpf-admin-wrap .wpf-dw-td-nowrap{width: 90%; vertical-align:top; text-align:left; font-weight:bold; white-space:nowrap; line-height: 2.1em; }
#wpf-admin-wrap .wpf-dw-td-value{ vertical-align:top; text-align:left;line-height: 2.1em; }
#wpf-admin-wrap .wpf-dw-td-g{ width:50%; text-align:right; vertical-align:top; padding-right:10px; font-weight:bold; }
#wpf-admin-wrap .wpf-dw-td-value-b{ vertical-align:bottom; text-align:left; }
#wpf-admin-wrap .wpf-dw-td-value-p{ vertical-align:top; text-align:left; padding:5px 1px; }
#wpf-admin-wrap label i.fa-question-circle{ padding: 0 3px;}
#wpf-admin-wrap input[type="color"]{display: inline-block; vertical-align: middle; width: 100px; padding: 4px; height: 27px;}
#wpf-admin-wrap #wpf_usergroup_colorx{display: inline-block; vertical-align: middle; width: 100px; border-color: green; min-height: 27px; line-height: 20px; padding: 0 7px;}

/****************************************************/
/************* Admin members bar ********************/
/****************************************************/

.author-rating {
  height: 8px;
  border: 1px solid #E0E0E0;
  background: #F5F5F5;
  width: 90px;
  margin: 15px auto 2px 0;
  padding: 0;
}
.author-rating .bar{ height:8px; }

.wpfw-0 { width:0; }
.wpfw-10{ width:10%; }
.wpfw-20{ width:20%; }
.wpfw-30{ width:30%; }
.wpfw-40{ width:40%; }
.wpfw-50{ width:50%; }
.wpfw-60{ width:60%; }
.wpfw-70{ width:70%; }
.wpfw-80{ width:80%; }
.wpfw-90{ width:90%; }
.wpfw-100{ width:100%; }

.wpfcl-a{ color:#68A3C1!important; } /* Blue Dark */
.wpfbg-a{ background-color:#68A3C1!important; }
.wpfcl-b{ color:#43A6DF!important; } /* Blue Dark */
.wpfbg-b{ background-color:#43A6DF!important; }
.wpfcl-0{ color:#999999!important; } /* Grey */
.wpfbg-0{ background-color:#999999!important; }
.wpfcl-1{ color:#555555!important; } /* Grey - Black */
.wpfbg-1{ background-color:#555555!important; }
.wpfcl-2{ color:#777777!important; } /* Grey */
.wpfbg-2{ background-color:#777777!important; }
.wpfcl-3{ color:#ffffff!important; } /* White */
.wpfbg-3{ background-color:#ffffff!important; }
.wpfcl-4{ color:#72CCFC!important;} /* Blue Light */
.wpfbg-4{ background-color:#72CCFC!important; }
.wpfcl-5{ color:#FF812D!important; } /* Orange */
.wpfbg-5{ background-color:#FF812D!important; }
.wpfcl-6{ color:#0099CC!important; } /* Blue */
.wpfbg-6{ background-color:#0099CC!important; }
.wpfcl-7{ color:#E6E6E6!important; } /* Grey */
.wpfbg-7{ background-color:#E6E6E6!important; }
.wpfcl-8{ color:#4DCA5C!important; } /* Green */
.wpfbg-8{ background-color:#4DCA5C!important; }
.wpfcl-9{ color:#f5f5f5!important; } /* Grey */
.wpfbg-9{ background-color:#f5f5f5!important; }



/**************************/
/* Global *****************/
/**************************/

#wpf-admin-wrap{ margin-top:0; }
#wpf-admin-wrap .wpf-delete{ color:#aa0000;}
#wpf-admin-wrap .wpf-delete:hover{ color:#ff0000;}
.wpforo-themes .wpf-delete{ color:#aa0000;}
.wpforo-themes .wpf-delete:hover{ color:#ff0000;}
/* Moderation list table - Delete User action styled in red like Delete */
.row-actions .delete_user a { color: #b32d2e; }
.row-actions .delete_user a:hover { color: #dc3232; }
#wpf-admin-wrap .show-settings { border:none; text-decoration:none; overflow:hidden; outline:none; }
#wpf-admin-wrap .wpforo-search-box{ display:block; margin:15px 0 5px 0; text-align:right; }
#wpf-admin-wrap .wpf-red{ color:#D74245; }
#wpf-admin-wrap .wpf-green{ color:#42B720; }

/**************************/
/* Forums *****************/
/**************************/
#wpf-admin-wrap #forum-hierarchy .dashicons{ vertical-align: middle; transition: none; font-size: 18px; }
#wpf-admin-wrap #forum-hierarchy .item-controls{ border-left: 1px dotted; padding-left: 22px; display: flex; justify-content: center; align-items: center;}
#wpf-admin-wrap #forum-hierarchy .item-controls a{ opacity: 0.8; }
#wpf-admin-wrap #forum-hierarchy .item-controls a:hover{ opacity: 1; }
#wpf-admin-wrap .menu-item-bar > .forum_width{ background: #F6F6F6; border-left: 1px dotted #666666; border-right: 1px dotted #666666}
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width .item-controls{ border-color: #FFFFFF;}
#wpf-admin-wrap .menu-item-bar > .forum_width .item-controls{ border-color: #666666; font-size:16px;}
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width{ background: #43A6DF; color: white}
#wpf-admin-wrap .menu-item-bar > .forum_width:hover{ border: 1px solid #666666}
#wpf-admin-wrap .menu-item-depth-0 > .menu-item-bar > .forum_width a{ color: white; font-size:16px; padding:0 2px; border-radius:10%;}
#wpf-admin-wrap .menu-item-bar > .forum_width .wpforo-cat-layout { font-size:12px;}
#wpf-admin-wrap .inside .main .wpforo-dashboard-logo{ width:140px; height:auto;}
#wpf-admin-wrap .vert_tab{ display: block; margin-top: 1px;}
#wpf-admin-wrap .nav-tab-wrapper.vert_tab{ display: inline-block; width: 17%; border: none; vertical-align: top; margin: 0 !important; padding: 0 !important; float: left; position:relative; z-index:9;}
#wpf-admin-wrap .nav-tab.vert_tab{ border-bottom: 1px solid #ccc}
#wpf-admin-wrap .nav-tab-wrapper.vert_tab > a:first-child{ margin-top: 0}
#wpf-admin-wrap .nav-tab-active.vert_tab{ border-bottom-color: #ccc !important; border-right-color:#fff;}
#wpf-admin-wrap .plugins-tab-wrap{ width: 83%; min-height: 700px; border: 1px solid #cccccc; display: inline-block; margin-left: -1px; padding: 5px 25px; box-sizing: border-box; float: left}
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab:last-child{ float: right}
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab.vert_tab{ float: none !important}
#wpf-admin-wrap .nav-tab-wrapper > a.nav-tab.vert_tab:last-child{ float: none !important}


/**************************/
/* SETTINGS ***************/
/**************************/

#wpf-admin-wrap .nav-tab{ padding: 7px 12px; }
#wpf-admin-wrap .nav-tab-active,
#wpf-admin-wrap .nav-tab-active:hover{ background-color:#FFFFFF; border-bottom-color:#FFFFFF; }
#wpf-admin-wrap .wpf-info-bar { background: none repeat scroll 0 0 #fff; border: 1px solid #e5e5e5;  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); font-size: 13px; line-height: 2.1em;  margin:0; overflow: auto; padding: 10px 15px 15px 15px; position: relative; border-top:none; }
#wpf-admin-wrap .major-publishing-actions{ margin-top:20px; }
#wpf-admin-wrap .wpf-label-big{ font-size:16px; display:table; margin-bottom:13px; margin-top:10px; }
#wpf-admin-wrap .wpf-field-small{ width:25% }
#wpf-admin-wrap .wpf-field-medium{ width:50% }
#wpf-admin-wrap .wpf-field-full{ width:100% }
#wpf-admin-wrap .wpf-info, #wpf_deactivation_dialog_wrap .wpf-info{ color:#777; font-size:13px; font-style:italic; font-weight:400; line-height:18px; margin:0;}

.wpforo_settings_table{ width:100%; padding:0; margin:2px; border-spacing: 0; border-collapse: collapse;}
.wpforo_settings_table th, .wpforo_settings_table td { padding:8px 10px; text-align:left; vertical-align:top; }
.wpforo_settings_table th{ font-weight:bold; font-size:14px; width:42%; }
/*.wpforo_settings_table tr:nth-child(odd) { background: #f5f5f5; }
.wpforo_settings_table tr:nth-child(even) { background: #FFFFFF; }*/
.wpforo_settings_table input[type="text"],
.wpforo_settings_table input[type="password"],
.wpforo_settings_table input[type="email"],
.wpforo_settings_table input[type="url"],
.wpforo_settings_table textarea{ padding:5px 10px; width:70%; }
.wpforo_settings_table select{ min-width:150px;}
.wpforo_settings_table input[type="number"]{ padding:1px 2px 1px 10px; width:30%; }
.wpforo_settings_foot{ clear:both; width:100%; text-align:right; padding:15px 0 5px 0; margin:0 0 0 0; border-top:#f8f8f8 solid 3px; }
.wpforo_settings_foot input:first-child{ float: right }
.wpforo_settings_foot input:last-child{ float: left }
.wpforo_settings_foot::after{
    content: "";
    clear: both;
    display: table;
}

.wpf-switch-field input { display: none;}
.wpf-switch-field label {float: left;}
.wpf-switch-field label {display: inline-block; line-height: 20px; min-width:80px; background-color: #e4e4e4;color:#333;font-size: 13px;font-weight: normal;text-align: center;text-shadow: none;padding: 2px 6px;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;transition:         all 0.1s ease-in-out;}
.wpf-switch-field label:hover {cursor: pointer;}
.wpf-switch-field input:checked + label {background-color: #43A6DF; -webkit-box-shadow: none; box-shadow: none; color:#fff;} /* #66DD8D */
/* .wpf-switch-field input:last-of-type:checked + label {background-color:#F77059; -webkit-box-shadow: none; box-shadow: none;} */
.wpf-switch-field input[disabled] + label {opacity: 0.5;} /* #66DD8D */
.wpf-switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.wpf-switch-field label:last-of-type {border-radius: 0 4px 4px 0;}

/**************************/
/* SETTINGS > GENERAL *****/
/**************************/


/**************************/
/* SETTINGS > MEMBERS *****/
/**************************/

#wpf-rating-table{ width:100%; font-size:12px; }
#wpf-rating-table input{ font-size:12px; height: 24px; width:100%; }
#wpf-rating-table input[type="checkbox"]{ width: 16px; height: 16px;}
#wpf-rating-table i{}
#wpf-rating-table h4{ margin:0; padding:0; font-size:14px; font-weight:bold; white-space:nowrap; }
#wpf-rating-table .wpf-badge-short{ color:#FFFFFF; white-space:nowrap; font-size:15px; line-height:22px; font-weight:bold; text-align:center; display:inline-block; padding:2px 10px; min-width:30px;}
#wpf-rating-table .wpf-badge-full{ color:#FFFFFF; white-space:nowrap; font-size:15px; line-height:16px; font-weight:bold; text-align:center; display:inline-block; padding:2px 8px; min-width:30px;}
#wpf-rating-table .wpf-badge-full.wpf-badge-level-6, #wpf-rating-table .wpf-badge-full.wpf-badge-level-7, #wpf-rating-table .wpf-badge-full.wpf-badge-level-8 { font-size:18px!important; }
#wpf-rating-table .wpf-badge-full.wpf-badge-level-9, #wpf-rating-table .wpf-badge-full.wpf-badge-level-10 { font-size:22px!important; }
#wpf-rating-table th{ text-transform:uppercase; font-size:12px;}

/**************************/
/* SETTINGS > STYLES ******/
/**************************/

.wpforo-style-color-wrapper{width:14%; float:left; }
.wpforo-style-field{ height:auto; min-height:38px;}
.wpforo-style-field input{}
.wp-picker-container input.wp-color-picker[type="text"]{ vertical-align:top; }
.wpf-forum-additional-options .wp-picker-container .wp-color-result.button,
.wpforo-style-color-wrapper .wp-picker-container .wp-color-result.button{min-height: 25px;}
.wpforo-style-color{ display:block; color:#333333; font-weight:bold; text-align:center; float:left; width:23px; padding:0 5px; margin-right:5px; border:#CCCCCC 1px solid;}
#wpf-admin-wrap .iris-picker{z-index: 1;position: absolute;}
#dynamic-css-notice-wrap{margin-top: 25px;padding: 15px;background-color: #FFFFC6;border: 1px solid #e5e5e5;}
#dynamic-css-notice-wrap p{margin: 0;}
#dynamic-css-notice-wrap br{display: block;margin: 5px 0;content: " ";line-height: 5px;}
#dynamic-css-notice-wrap hr{border: 0;border-top: 1px solid #777;border-bottom: none;}
#dynamic-css-notice-wrap b{font-size: larger;}
#dynamic-css-notice-wrap #dynamic-css-code-wrap{position: relative;padding-top: 30px;margin-top: 15px;}
#dynamic-css-notice-wrap #dynamic-css-code-wrap .dynamic-css-fname{display: inline-block;padding: 2px 15px;height: 27px;font-weight: bold;position: absolute;top: 0;left: 0;cursor: copy;background-color: lightyellow;border: 1px solid #ddd;border-bottom: none;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code{width: 100%;min-height: 200px;height: 200px;resize: vertical;cursor: copy;background-color: lightyellow;color: #000;padding: 22px;}
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code:focus{border: 1px solid #ddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);}
#dynamic-css-notice-wrap #dynamic-css-code-wrap textarea.dynamic-css-code:focus ~ .dynamic-css-fname{border-color: #5b9dd9;box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );}
#dynamic-css-notice-wrap #dynamic-css-code-wrap .wpf_copied_txt{display: inline-block;align-items: center;transition: opacity 0.2s linear;justify-content: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 3px 15px;border-radius: 7px;background: rgba(0, 0, 0, 0.8);opacity: 0;color: #ffffff;font-weight: bold;font-size: 1.2em;}
.wpf_copy_animate{animation: wpf_bounce 0.4s linear;}
#dynamic-css-notice-wrap #dynamic-css-code-wrap.wpf_copy_animate .wpf_copied_txt{opacity: 1;}
@keyframes wpf_bounce {
    0%{
        transform: scale(1);
    }
    20%{
        transform: scale(0.95);
    }
    40%{
        transform: scale(1.04);
    }
    60%{
        transform: scale(0.97);
    }
    80%{
        transform: scale(1.02);
    }
    100%{
        transform: scale(1);
    }
}

.wpf-color-desc ul{
    margin-left: 10px;
    list-style: disc;
    padding-top: 5px;
}
.wpf-color-desc ul li{
    padding: 0;
    line-height: 18px;
    list-style: disc;
    font-size: 14px;
}
.wpf-color-desc ul li ul li{
    list-style: circle;
}
/**************************/
/* THEMES *****************/
/**************************/

.wpforo-themes .wpf-div-table{ display:table!important; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background:#FFFFFF; width:100%; padding:0 10px 10px 10px; margin-top:30px; box-sizing:border-box;}
.wpforo-themes .wpf-div-tr{ display:table-row; }
.wpforo-themes .wpf-div-td{ display:table-cell; vertical-align:top; padding:15px 10px 10px 15px; }
.wpforo-themes .wpf-theme-screenshot{ width:250px; height:180px; border:3px solid #ddd; float:left; }
.wpforo-themes .wpf-theme-info{ margin-left:270px; min-height:185px; }
.wpforo-themes .wpf-theme-info p{ margin:1px;}
.wpforo-themes .wpf-layout-info p{ margin:1px;}
.wpforo-themes .wpf-layout-info a{ text-decoration:none; font-weight:normal; }
.wpforo-themes .wpf-theme-actions{ display:block; clear:both; margin-top:10px; text-align:right; box-sizing:border-box; padding:2px 20px; }
.wpforo-themes .wpf-theme-actions .wpf-action{ }

/**************************/
/* ADDONS *****************/
/**************************/
 #menu-comments ul > li:nth-child(3) a{ color:#25ACEA!important; text-shadow: 1px 1px 1px #000; }
.wpforo-addons .wpforo-addons-wrapper {box-sizing: border-box;}
.wpforo-addons .wpforo-addon-block {width: 280px; padding-top:10px; height:auto; float: left; margin-right: 1%; margin-bottom: 20px; background: #fff; border: 2px solid #e5e5e5; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04);}
.wpforo-addons .wpforo-addon-block .addon-thumb {float:none; width: 260px; padding:10px; margin-top:2px; height:180px;}
.wpforo-addons .wpforo-addon-block .addon-info {display:block;background:#43A6DF; padding:10px 15px; border:3px solid #fff; border-top:none;margin: 10px 0 0;min-height: 105px;}
.wpforo-addons .wpforo-addon-block .addon-title { font-size:16px; font-weight:bold; color:#FFFFFF; margin:0; line-height:18px; display:inline-block; text-decoration:none;}
.wpforo-addons .wpforo-addon-block .addon-title:hover { color:#E5F6FF;}
.wpforo-addons .wpforo-addon-block .addon-desc { font-size:13px; color:#FFFFFF; margin:0; line-height:18px; padding:10px 0 0 0; font-style:italic;}
.wpforo-addons .wpforo-addon-block .addon-isactive {margin: 0; padding:10px; background:#e5e5e5; text-align:center;}
.wpforo-addons .wpforo-addon-block .addon-button{ margin-bottom:10px;}
.wpforo-addons .wpforo-addon-block .note-installed { padding:10px 20px; background:#fff; border: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); color:#2396D3; font-size:14px; margin-top:20px; }

/**************************/
/* TOOLS ******************/
/**************************/
#wpf-admin-wrap .wpf-tool-box { border:1px solid #ddd; min-height:350px; float:left; margin-right:1%; margin-bottom:10px; padding:10px 10px 20px 10px; box-sizing:border-box; width:100%;}
#wpf-admin-wrap .wpf-tool-box h3{ margin:0; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px;}
#wpf-admin-wrap .wpf-tool-box th{ padding:5px 5px 5px 5px; font-size:13px; text-align:left; font-weight:400; line-height:16px; border-bottom:1px solid #EDEDED;}
#wpf-admin-wrap .wpf-tool-box td{ padding:5px 5px 5px 5px; border-bottom:1px solid #EDEDED;}
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach.right-box { width:52%; min-width:500px;max-height:370px; overflow-y:auto; }
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach.left-box { width:45%; min-width:300px;}
#wpf-admin-wrap .wpf-tool-box.wpf-spam-attach .wpf-spam-attach-dir{ color:#4742C5; display:block; text-align:right; }
#wpf-admin-wrap .wpf-tool-box tr:nth-child(even){ background:#EDEDED;}
#wpf-admin-wrap .wpf-tool-box .wpf-spam-item{}
#wpf-admin-wrap .wpf-tool-box .wpf-actions{}
@media screen and (max-width:1250px) {
	#wpf-admin-wrap .wpf-spam-attach.left-box { width:100%; min-width:100%; min-height:unset; max-height:none!important;}
	#wpf-admin-wrap .wpf-spam-attach.right-box { width:100%; min-width:100%; min-height:unset; max-height:none!important;}
}

#wpf-admin-wrap .wpf-data { word-break: break-all; background: #ffffff; margin: 2px;padding: 2px 10px; font-size: 12px;line-height: 18px;}
#wpf-admin-wrap .wpf-data > key{font-weight: 600;color: #000088;}
#wpf-admin-wrap .wpf-data > value{font-weight: 600;color: #666666;}
#wpf-admin-wrap .wpf-sb-data > key{color: #0a6d9b;}
#wpf-admin-wrap .wpf-sb-data > value{color:#1b6e08;}
#wpf-admin-wrap .wpf-main-table-data{margin: 10px;}
#wpf-admin-wrap .wpf-main-table-data td{vertical-align: top;text-align: left;padding: 0 0 15px;}
#wpf-admin-wrap .wpf-table-data{border-collapse: collapse;margin: 0;}
#wpf-admin-wrap .wpf-table-data.wpf-tbl{min-width: 550px;}
#wpf-admin-wrap .wpf-table-data tr{border: none;}
#wpf-admin-wrap .wpf-table-data td{padding: 1px 5px;font-size: 12px;border: 1px solid #cccccc;line-height: 18px;}

@keyframes dashicons-spin {
    0% {
        transform: rotate( 0deg );
    }
    100% {
        transform: rotate( 360deg );
    }
}


body{
    position: relative !important;
}

#wpf-admin-loading-extrawrap{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(67, 166, 223, 0.6);
    z-index: 9999999999999999;
}

#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: auto;
    height: auto;
}
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-ico{animation: dashicons-spin 2s infinite;animation-timing-function: linear;width: auto;height: auto;text-shadow: 0 0 30px #00000087;}
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-ico::before{font-size: 100px;}
#wpf-admin-loading-extrawrap .wpf-admin-loading-wrap .wpf-admin-loading-txt{
    font-size: 2.5em;
    font-weight: 900;
    text-shadow: 0 0 30px #00000087;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
#wpf-access-table #wpf-access-list tr{background-color: #FFFFFF;}
#wpf-access-table #wpf-access-list tr:nth-child(odd){background-color: #FCFCFC;}
#wpf-admin-wrap .wpf-box-wrap{margin:0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#wpf-admin-wrap .wpf-box-wrap .wpf-dash-box{width: 31%; margin: 10px; min-width: 450px;}
#wpf-admin-wrap .wpf-box-header{font-size: 14px;padding: 8px 12px;margin: 0;line-height: 1.4;border-bottom: 1px solid #ccd0d4;}
body[class*=forums_page_wpforo] #wpfooter{position: static;}
#wpf-admin-wrap .wpf-wn-label{ font-weight: bold; padding:0 5px; font-size: 14px;}
#wpf-admin-wrap .wpf-wn-list {margin: 0 20px; font-size: 14px;}
#wpf-admin-wrap .wpf-wn-list li{margin-bottom: 2px; list-style: disc;}


/************************************************************/
/*  Dashboard ##############################################*/
/************************************************************/
#wpf-dash.wrap{padding: 10px 30px 10px 40px; margin:0; }
#wpf-dash[dir=rtl]{padding: 10px 40px 10px 30px;}
#wpf-dash a{text-decoration: none;}
#wpf-dash a:hover{text-decoration: underline;}
#wpf-dash .wpf-dash-head{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
#wpf-dash .wpf-dash-head-left h1{font-size: 34px; letter-spacing: 1px; line-height: 40px; padding-bottom: 0; margin-bottom: 0;}
#wpf-dash .wpf-dash-head-left .wpf-head-subtitle{margin-left: 275px; font-size: 11px; color: #0e8e75; font-weight: bold; font-family: "Courier New", Courier, monospace; margin-top: -1px;}
#wpf-dash .wpf-dash-head-left .wpf-head-welcome{font-size: 15px; line-height: 25px; letter-spacing: 1px; font-family: 'Lucida Bright', 'DejaVu Serif', Georgia, serif; padding-top: 15px;}
#wpf-dash .wpf-dash-head-right{text-align: center;}
#wpf-dash .wpf-dash-head-right img{ width: 147px; display: block; margin: 10px auto 1px auto;}
#wpf-dash .wpf-dash-head-right .wpf-version{font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #666666; }
#wpf-dash .wpf-section{margin: 35px 0 20px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; border-bottom: 1px solid #cccccc; padding: 0 1px 8px 1px; }
#wpf-dash .wpf-section h3{padding: 0; margin: 0;}
#wpf-dash .wpf-section .wpf-close{font-size: 14px; color: #666666; cursor: pointer;}
#wpf-dash .wpf-section .dashicons{color: #777777; cursor: pointer;}
#wpf-dash .wpf-sec-stat{margin-top: 30px;}
#wpf-dash .wpf-box{background: #FFF; box-shadow: 0 0 3px #aaa;}
#wpf-dash .wpf-box .wpf-box-head{border-bottom: 1px solid #ccc; padding: 10px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#wpf-dash .wpf-box .wpf-box-head h3{font-size: 16px; margin: 0; padding: 0; line-height: 24px; color: #333333; font-weight: normal;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle{width: 50px; text-align: right; display: flex; flex-direction: row;justify-content: flex-end; align-items: center;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span{font-size: 22px; color: #777; cursor: pointer; display: inline; line-height: 22px;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-admin-generic{font-size: 15px;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-arrow-left,
#wpf-dash .wpf-box .wpf-box-head .wpf-box-toggle span.dashicons-arrow-right{line-height: 22px; width: 14px; font-size: 24px; color: #0d9b7f; margin-right: 3px;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info{flex-grow: 1; padding-left: 20px;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info span{font-size: 12px; color: #666;}
#wpf-dash .wpf-box .wpf-box-head .wpf-box-info span.dashicons{font-size: 13px; line-height: 21px;}


/************************************************************/
/* Board Edit Page #########################################*/
/************************************************************/

.wpf-board{display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px;}
.wpf-board-left{width: calc(100% - 270px);}
.wpf-board-right{width: 270px; margin-left: 20px; background: #fff; padding: 20px;}
.wpf-board-option{margin-bottom: 20px;}
.wpf-board-option label{ font-size: 16px; font-weight: 500;}
.wpf-board-option .wpf-board-field{margin-top: 5px;}
.wpf-board-option .wpf-board-field input[type="text"],
.wpf-board-option .wpf-board-field textarea{width: 100%; background: #fff; padding: 0px 10px;}

.wpf-board-box{background: #fff; padding: 20px 20px 10px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 25px;}
.wpf-board-box div{margin-right: 20px; border-right: 1px dashed #ccc; padding-right: 20px; width: 32%; min-width: 320px; margin-bottom: 20px;}
.wpf-board-box div:last-child{border-right: none;}
.wpf-board-box div > label{display: block; font-size: 15px; font-weight: 500; margin-bottom: 7px;}
.wpf-board-box div > label .wpfb-desc{font-size: 13px; font-weight: normal; display: block;}

.wpf-board-side-box{ padding-bottom: 20px; border-bottom: 3px solid #f5f5f5; margin-bottom: 20px; }
.wpf-board-side-box > label{ font-size: 15px; font-weight: 500; display: block; padding-bottom: 7px;}
.wpf-board-submit .button{width: 100%; font-size: 16px;}

.wpf-board-modules{background: #fff; padding: 20px 20px 10px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 25px;}
.wpf-module-type{width: 100%; font-size: 20px; font-weight: normal; border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 10px}
.wpf-board-module{margin: 0.5%; padding: 10px 0 15px; box-shadow: 0 0 20px 1px #f5f5f5 inset; min-width: 280px; width: 18%; border: 1px dashed #ddd; display: flex; justify-content: flex-start; align-items: stretch;}
.wpf-board-module .wpf-module-head{width: 84px; text-align: center; display: flex; justify-content: center; align-items: center;}
.wpf-board-module .wpf-module-head svg{width: 48px; height: 48px; vertical-align: middle; fill: #43A6DF;}
.wpf-board-module .wpf-module-title{min-height: 32px; font-size: 13px; font-weight: 500; display: flex; justify-content: flex-start; align-items: center;}
.wpf-board-module .button{margin-top: -3px;}

/************************************************************/
/* Setting Boxes ###########################################*/
/************************************************************/

#wpcontent[dir=rtl]{padding-right: 0;}
#wpf-setbox{box-sizing:border-box; padding: 0; }
#wpf-setbox[dir=rtl] { margin-right: -10px;}
#wpf-setbox.wrap{}
#wpf-setbox a{text-decoration: none;}
#wpf-setbox a:hover{text-decoration: underline;}
#wpf-setbox a:visited, #wpf-setbox a:focus{box-shadow: none!important;}
#wpf-setbox .wpf-setbox-head{box-sizing:border-box; padding: 20px 30px 20px 30px; margin-top: 18px; margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; box-shadow: 0 0 10px #ccc; background-color: #f9f9f9; width: calc(100% - 16px)}
#wpf-setbox .wpf-setbox-head .wpf-head-logo{width: 200px;}
#wpf-setbox .wpf-setbox-head .wpf-head-logo img{height: 40px;}
#wpf-setbox .wpf-setbox-head .wpf-head-title{text-shadow: 1px 1px 1px #b9b9b9; flex-grow: 1; padding: 0 15px 10px 15px; font-size: 30px; font-weight: 600; color: #43A6DF; letter-spacing: 1px;}
#wpf-setbox .wpf-setbox-head .wpf-head-info{ font-size: 14px;}
#wpf-setbox .wpf-setbox-head .wpf-head-info a{overflow: hidden; outline: none; font-weight: 600; opacity: 0.8;}
#wpf-setbox .wpf-setbox-head .wpf-head-info span{padding: 0 10px; border-right: 1px solid #0073aa;}
#wpf-setbox .wpf-setbox-head .wpf-head-info span:last-child{border-right: none;}
#wpf-setbox .wpf-setbox-head .wpf-head-info span[dir=rtl]{border-left: 1px solid #999;}
#wpf-setbox .wpf-setbox-head .wpf-head-info span:last-child[dir=rtl]{border-left: none;}
#wpf-setbox .wpf-setbox-body { padding: 0 15px; }
#wpf-setbox .wpf-setbox-body .wpf-section{border-bottom: 1px solid #ccc; padding: 8px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
#wpf-setbox .wpf-setbox-body .wpf-section h3{letter-spacing:1px; font-weight: normal; color: #444; font-size: 20px; margin: 0; padding: 0; line-height: 24px;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search{position: relative; text-align: right; z-index: 999; width: 30%;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search input[type="text"]{max-width: none; background: #fafafa;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search[dir=rtl]{text-align: left;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results{display:none;box-sizing:border-box;position: absolute;width: 100%;text-align: left;z-index: 99;border: 1px solid #ccc;background-color: #fff;left: 1px;top: 30px;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a{padding: 5px;display: inline-block;text-decoration: none;width: 97%;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a:hover, #wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a:focus{-webkit-transition: color .3s linear;-moz-transition: color .3s linear;-o-transition: color .3s linear;-ms-transition: color .3s linear;transition: color .3s linear;color: #00B38F;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a.wpf-opt-search-tabtitle{margin-left: 5px; width: 90%; font-weight: 600; font-size: 14px;}
#wpf-setbox .wpf-setbox-body .wpf-opt-search #wpf-opt-search-results a.wpf-opt-search-taboption{margin-left: 20px;width: 90%; font-size: 13px;}
#wpf-setbox .wpf-setbox-body .dashicons-search{display: inline-block; position: absolute; bottom: 4px; right: 4px; font-size: 20px; color: #43a6df; cursor: pointer;}
#wpf-setbox .wpf-setbox-body .dashicons-search[dir=rtl]{right: auto; left: 4px;}
#wpf-setbox .wpf-setbox-body input[type="text"]{font-size: 15px; line-height: 20px; padding: 5px 10px; display: inline-block; width: 100%; max-width: 400px;}
#wpf-setbox .wpf-setbox-body .wpf-box-wrap{display: block; align-items: center; padding: 25px 0 10px 0; }
#wpf-setbox .wpf-setbox-body .wpf-box{background: #FFF; box-shadow: 0 0 2px #bbb; position: relative; float: left;}
#wpf-setbox .wpf-setbox-body .wpf-box-info{ width: 0; height: 0; right: 0; top: 0; position: absolute; border-left: 41px solid transparent;}
#wpf-setbox .wpf-setbox-body .wpf-box-info[dir=rtl]{ right: auto; left: 0;}
#wpf-setbox .wpf-setbox-body .wpf-box-info img{position: absolute; top: -36px; right: 3px; z-index: 10; height: 16px;}
#wpf-setbox .wpf-setbox-body .wpf-box-info img[dir=rtl]{left: 3px;}
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-ok img{height: 17px;}
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-new img{height: 8px; top: -32px; right: 1px;}
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-ok{border-top: 41px solid #43a6df;}
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-new{border-top: 41px solid #8e58a3;}
#wpf-setbox .wpf-setbox-body .wpf-box-info.wpf-note{border-top: 41px solid #f98e3c;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head{display: flex; justify-content: center; align-items: center; text-align: center; padding: 5px 5px 0 5px; height: 90px;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-head svg{ color: #43a6df; fill: #43a6df;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot{min-height: 70px; background-color: #fafafa; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; border-top: 1px solid #e5e5e5;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot:hover{background-color: #f1f1f1;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; flex-grow: 1; padding: 5px 20px; box-sizing: border-box;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title a{font-size: 15px;color: #555;line-height: 19px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-title a:hover{text-decoration: none;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow{display: flex; justify-content: center; align-items: center; text-align: center; padding-right: 20px; box-sizing: border-box;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow[dir=rtl]{padding-left: 20px;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow img{height: 24px;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 10px;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title{font-size: 15px; flex-grow: 1; padding: 0 10px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title a{font-size: 15px; color: #555; line-height: 19px;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body .wpf-title a:hover{text-decoration: none;}
#wpf-setbox .wpf-setbox-body .wpf-box .wpf-body:hover{background-color: #fafafa;}
#wpf-setbox .wpf-box-wrap.wpf-box-addons{justify-content: flex-start;}
#wpf-setbox .wpf-box-wrap.wpf-box-addons .wpf-box{margin-bottom: 10px;}
.wpf-clear{clear: both;}
#wpf-setbox .wpf-section-imp-exp{text-align: right; padding-top: 8px;}
#wpf-setbox .wpf-section-imp-exp a:hover{ text-decoration: none; }
#wpf-setbox .wpf-section-imp-exp button{ display: inline-flex;justify-content: center;align-items: center; }
#wpf-setbox .wpf-opt-checkbox-wrap { padding: 5px 0; }
#wpf-setbox .wpf-opt-row-imp-exp label{ cursor: pointer; font-size: 15px; }
#wpf-setbox .wpf-opt-row-imp-exp input[type=checkbox]{width: 25px; height: 25px; cursor: pointer;}
#wpf-setbox .wpf-opt-row-imp-exp input[type=checkbox]:checked::before{content: "\2713";font-size: 25px;font-weight: bold;display: block;text-align: center;color: #43A6DF;margin-top: 10px; margin-left: 0;}

/************************************************************/
/* Single Settings #########################################*/
/************************************************************/
#wpf-setbox .wpf-switcher  input[type=checkbox]{ height: 0; width: 0; visibility: hidden; position: absolute;}
#wpf-setbox .wpf-switcher  label { cursor: pointer; text-indent: -9999px; width: 50px; height: 18px; background: grey; display: block; border-radius: 30px; position: relative;border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); -webkit-transition: all 0.1s ease-in-out; -moz-transition:    all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;  -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#wpf-setbox .wpf-switcher  label:after {content: ''; position: absolute; top: 4px; left: 5px; width: 10px; height: 10px; background: #fff; border-radius: 90px; transition: 0.3s;}
#wpf-setbox .wpf-switcher  input:checked + label {background: #43A6DF;}
#wpf-setbox .wpf-switcher  input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%);}
#wpf-setbox .wpf-switcher  label:active:after {width: 12px;}
#wpf-setbox .wpf-radio input[type=radio]{display: none;}
#wpf-setbox .wpf-radio .wpf-radio-circle {cursor: pointer; width: 16px; height: 16px; background: grey; display: inline-block; border-radius: 30px; position: relative;border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);}
#wpf-setbox .wpf-radio input:checked + .wpf-radio-circle {background: #43A6DF;}
#wpf-setbox .wpf-radio input:checked + .wpf-radio-circle:after {content: ''; width: 8px; height: 8px; margin: 4px; background: #fff; border-radius: 50%; display: inline-block;}
#wpf-setbox .wpf-desc{font-size:13px; color:#666666; font-style: italic; width:90%; padding:5px 0 0 0; margin:0; line-height: 18px; font-weight: normal;}
#wpf-setbox .wpf-setbox-body .wpf-setcon{width: calc(100% - 350px); padding-bottom: 20px; float: left;}
#wpf-setbox .wpf-setbox-body .wpf-setbar{width: 320px; float: right;}
#wpf-setbox .wpf-setcon .wpf-setcon-head{padding: 14px 30px; font-size: 16px; font-weight: 600; line-height: 21px; border-bottom: 1px dashed #43A6DF; color: #43A6DF; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back{font-size: 14px; line-height: 20px;}
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back:hover{text-decoration:none;}
#wpf-setbox .wpf-setcon .wpf-setcon-head a.wpf-back .dashicons{font-size: 14px; line-height: 22px;}
#wpf-setbox .wpf-setcon .wpf-setcon-body{padding: 0 30px;}
#wpf-setbox .wpf-setcon .wpf-opt-row{display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 0 10px 0; border-bottom: 1px solid #ddd;}
#wpf-setbox .wpf-setcon .wpf-opt-row:last-child{border-bottom: none;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-opt-row-tight{padding-top: 8px; padding-bottom: 8px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro svg{float: left; padding: 0 30px 5px 10px; fill: #43A6DF; color: #43A6DF;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro svg[dir=rtl]{float: left; padding: 0 10px 5px 30px}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro img{float: left; padding: 0 30px 5px 10px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro img[dir=rtl]{float: left; padding: 0 10px 5px 30px}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-name{font-size: 15px; width: calc(60% - 42px); color: #555; font-weight: 600;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input{width: 40%; min-width: 300px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-switcher{ width: 60px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-doc{width: 40px; text-align: right; font-size: 16px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 6px;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset .wpf-switcher{margin: 0;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input .wpf-optset .wpf-optset-label{padding: 0 10px 2px 10px; color: #777777;}
#wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-intro{width: calc(100% - 40px); font-size: 15px; line-height: 22px; padding: 5px 0 20px 0; text-align: justify;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper{flex-wrap:wrap;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-opt-input{width:100%;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group{margin-top:10px;display:flex;align-items:center;justify-content:space-between;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group.wpf-custom-option-group-default{display:none !important;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .wpf-custom-option-label{width: 28%;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .wpf-custom-option-value{width: 68%;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group .dashicons.dashicons-trash{color:#e51c23;cursor:pointer;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add{display:flex;align-items:center;justify-content:center;color:#43A6DF;background-color:#f5f5f5;margin:10px 0;height: 20px;font-size:23px;padding:15px;cursor:pointer;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add:hover{color:#f5f5f5;background-color:#43A6DF;}
#wpf-setbox .wpf-setcon .wpf-opt-row.wpf-custom-option-group-wrapper .wpf-custom-option-group-add .dashicons.dashicons-plus{font-size:40px;width:40px;height:35px;}
#wpf-setbox .wpf-setcon-body .wpf-opt-row input[type="submit"]{margin-left: 10px;}
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea .wpf-opt-name{ width: 39%; }
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea .wpf-opt-input{ width: 60%; text-align: right; }
#wpf-setbox .wpf-setcon-body .wpf-opt-row-textarea textarea{ width: 100%; min-height: 120px; color: #333333; font-family: 'Courier New', Courier, monospace; background: #f5f5f5; }
#wpf-setbox .wpf-setcon-body .wpf-opt-row-checkbox .wpf-opt-checkbox-wrap{ min-width: 45%; width: 48%; margin: 3px 1%; }
#wpf-setbox .wpf-setcon-body .wpf-opt-row-checkbox .wpf-opt-input{ padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#wpf-setbox .wpf-setcon-body .wpforo-opt-richeditor tr td:first-of-type{ padding: 10px 0; width: 35%; }
#wpf-setbox .wpf-setcon-body .wpforo-opt-richeditor tr td label{ font-size: 15px; color: #555; font-weight: 600; }
/*#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-name,
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-doc{ display: none; }*/
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-input { flex-grow: 1; }
#wpf-setbox .wpf-setcon-body .wpf-opt-input .wpf-opt-row { border-bottom: 0; }
#wpf-setbox .wpf-setbar .wpf-box.wpf-menu-group{width: 100%; }
#wpf-setbox .wpf-setbar .wpf-box.wpf-menu-group:first-child{margin-bottom: 20px;}
#wpf-setbox .wpf-setbar ul{width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
#wpf-setbox .wpf-setbar ul[dir=rtl]{border-right: 1px solid #43A6DF;}
#wpf-setbox .wpf-setbar li{width: 100%; padding: 8px 10px; margin: 0; font-size: 13px; font-weight: 600; box-sizing: border-box; border-top: 1px solid #ddd; }
#wpf-setbox .wpf-setbar li:nth-child(2){border-top: none;}
#wpf-setbox .wpf-setbar li .dashicons-arrow-left-alt2{visibility: hidden; font-size: 16px; line-height: 23px;}
#wpf-setbox .wpf-setbar li:hover .dashicons-arrow-left-alt2{visibility: visible;}
#wpf-setbox .wpf-setbar li a{color: #666666; display: block; line-height: 20px; outline: 0;}
#wpf-setbox .wpf-setbar li a:hover{color: #43A6DF; text-decoration: none;}
#wpf-setbox .wpf-setbar li a:visited, #wpf-setbox .wpf-setbar li a:focus{outline: 0; box-shadow: none!important;}
#wpf-setbox .wpf-setbar li.wpf-active{margin-left: 0;color: #fff;background-color: #43A6DF; font-size: 14px;width: calc(100% + 1px); }
#wpf-setbox .wpf-setbar li.wpf-active a{color: #ffffff;}
#wpf-setbox .wpf-setbar li.wpf-active .dashicons-arrow-left-alt2{visibility: visible; font-size: 20px;}
#wpf-setbox .wpf-setbar li.wpf-active[dir=rtl]{margin-right: -1px;}
#wpf-setbox .wpf-setbar li.wpf-menu-head{padding: 14px 15px; color: #43A6DF; font-weight: 600; letter-spacing: 1px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-bottom: 1px dashed #43A6DF;}
#wpf-setbox .wpf-setbar li.wpf-menu-head .dashicons{font-size: 25px; line-height: 22px; cursor: pointer;}

#wpf-setbox .wpf-setcon .wpf-mublock,
#wpf-setbox .wpf-setcon .wpf-mublock-inline{margin-bottom:5px;}
#wpf-setbox .wpf-setcon .wpf-mublock-inline {float:left; display:inline-block; width:19.5%}
#wpf-setbox .wpf-setcon .wpf-mublock{display:block;}
#wpf-setbox .wpf-setcon .wpf-mublock-inline label,
#wpf-setbox .wpf-setcon .wpf-mublock label{white-space:nowrap; font-size:13px; vertical-align:top; margin-left:2px;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 70%;}
#wpf-setbox .wpf-setcon .wpf-switch-field input { display: none;}
#wpf-setbox .wpf-setcon .wpf-switch-field label {float: left; display: inline-block; line-height: 20px; min-width:80px; font-weight: normal; background-color: #e4e4e4;color:#333;font-size: 13px;text-align: center; text-shadow: none;padding: 2px 10px; border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#wpf-setbox .wpf-setcon .wpf-switch-field label:hover {cursor: pointer;}
#wpf-setbox .wpf-setcon .wpf-switch-field input:checked + label {background-color: #43A6DF; -webkit-box-shadow: none; box-shadow: none; color:#fff;} /* #66DD8D */
#wpf-setbox .wpf-setcon .wpf-switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
#wpf-setbox .wpf-setcon .wpf-switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
#wpf-setbox .wpf-setcon .wpf-color-wrap{padding: 7px 5px; width: 300px; min-width: 50%; float: left; box-sizing: border-box;}
#wpf-setbox .wpf-setcon .wpf-color-wrap input{width: 80px!important; padding: 3px 5px!important; font-size: 13px!important; text-align: center!important;}
#wpf-setbox .wpf-setcon .wpf-color-wrap label{font-weight: normal!important; display: inline-block!important; margin: 0 5px!important;}
#wpf-setbox .wpf-setcon  h2.wpf-subtitle{padding: 40px 0 10px 0; margin: 0; font-size: 17px; font-weight: normal;color: #43A6DF; border-bottom: 1px dashed #43A6DF;}
#wpf-setbox .wpf-setcon .wpf-scol-wrap{padding: 7px 5px; width: 300px; min-width: 50%; box-sizing: border-box;}
#wpf-setbox .wpf-setcon .wpf-scol-wrap input{width: 80px!important; padding: 3px 5px!important; font-size: 13px!important; text-align: center!important;}
#wpf-setbox .wpf-setcon .wpf-scol-wrap label{font-weight: normal!important; display: inline-block!important; margin: 0 5px!important;}

#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth{ flex-direction: column }
#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth .wpf-opt-name,
#wpf-setbox .wpf-setcon .wpf-opt-row-fullwidth .wpf-opt-input{ width: 100% }

div.wpf-subtitle{padding: 15px 10px 15px 2px; margin: 0; font-size: 19px; font-weight: normal;color: #43A6DF; border-bottom: 1px dashed #43A6DF;}
div.wpf-subtitle .wpd-info{color: #666; margin: 8px 0 0 0;}
div.wpf-subtitle strong{display: block; margin: 5px 0 0 0; font-size: 14px; font-weight: normal; color: #666;}
h4.wpf-subtitle{ padding: 15px 0 10px 0; margin: 0; font-size: 16px; font-weight: normal; color: #43A6DF; border-bottom: 1px dashed #43A6DF;}

/*.wpf-enabled{background-image: url('../img/editor/active.png');}*/
/*.wpf-disabled{background-image: url('../img/editor/passive.png');}*/
.wpf-editor-toolbar{display: flex; margin-top: 15px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;} /*#f06653*/
.wpf-editor-disable{cursor:pointer; margin-top:5px; background: #f5f5f5; font-size: 13px; font-weight: 600; padding: 2px 15px; line-height: 18px; border-radius: 3px;}
.wpf-editor-button{cursor:pointer; margin-top:5px; width: 30px; height: 23px; background-size:auto 23px; border: 1px solid #eee; margin-right: 5px; background-repeat: no-repeat;}
.wpf-editor-attachment{display:block; margin-top:5px; /*background-image: url('../img/editor/attachment.png');*/ width: 30px; height: 23px; background-size:auto 23px; border: 1px solid #eee; margin-right: 5px; background-repeat: no-repeat;}

#wpf-setbox .wpf-spam-attach.right-box { width:52%; min-width:500px;max-height:370px; overflow-y:auto; }
#wpf-setbox .wpf-spam-attach.left-box { width:45%; min-width:300px;}
#wpf-setbox .wpf-spam-attach .wpf-spam-attach-dir{ color:#4742C5; display:block; text-align:right; }

.iconpicker-container{
    display: flex;
    align-items: center;
}

.wpf-fa-ico-primary-bg{
    background-color: #337AB7;
    color: #FFFFFF;
}
.wpf-fa-ico-preview{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    background-color: #EFEFEF;
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    min-width: 40px;
}

.wpf-input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    margin-left: -44px;
    border-collapse: separate;
}

.wpfo-settings-style-colorid{
    line-height: 38px;
    min-height: 32px;
    font-size: 14px;
    font-weight: bold;
}

.wpfo-settings-style-colorid-hash{
    border-bottom: 2px solid #EEEEEE;
    margin-bottom: 5px;
}

.iconpicker-popover{
    box-shadow: 1px 6px 26px 2px rgb(0 0 0 / 50%);
    z-index: 99999;
}

#wpf-admin-wrap .wpf-selected{
    background-color: rgb(246, 242, 165);
    transition: background-color 0.5s ease;
}

#wpf-admin-wrap .wpf-opt-row-cover .wpf-opt-input{
    width: 100% !important;
}

#wpf-admin-wrap .wpf-opt-row-cover .wpf-cover{
    width: 100%;
    position: relative;
    height: 220px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
}

#wpf-admin-wrap .wpf-edit-cover{
    position: absolute;
    right:  10px;
    bottom: 10px;
    font-size: 20px;
    padding: 0 4px;
    margin: 0;
    line-height: 18px;
    color: #555;
    cursor: pointer;
}

#wpf-admin-wrap .wpf-edit-cover i{background-color: #ccc; opacity: 0.7; padding: 1px 2px; border-radius: 3px;}
#wpf-admin-wrap .wpf-box-wrap .wpf-box-head img{max-width: 70px; }
#wpf-admin-wrap .wpf-addon-table {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
}

#wpf-admin-wrap .wpf-addon-table tr:nth-child(2n+1) {
    background: #f9f9f9 none repeat scroll 0 0;
}

#wpf-admin-wrap .wpf-addon-table td,
#wpf-admin-wrap .wpf-addon-table th {
    padding: 10px 15px;
    text-align: left;
    vertical-align: top;
}

#wpf-admin-wrap .wpf-addon-table label {
    font-size: 14px;
}

#wpf-admin-wrap .wpfog {
    color: #F45B00;
    white-space: nowrap;
}

#wpf-admin-wrap .wpfogx {
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: help;
    font-size: 12px;
}

#wpf-admin-wrap .wpf-email-shortcodes {
    font-weight: normal;
    font-size: 12px;
    color: #666666;
    list-style: disc;
    margin-left: 20px;
}

#wpf-admin-wrap .wpf-email-shortcodes li {
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.wpforo-menu-shortcodes .wpforo-menu-shortcodes-head{
    cursor: pointer;
    opacity: 0.8;
}

.wpforo-menu-shortcodes .wpforo-menu-shortcodes-head:hover{
    opacity: 1;
}

    /* settings search input field autocomplate style */
/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
}

input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
}

input[type=text] {
    background-color: #f1f1f1;
}

input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
    cursor: pointer;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    top: 100%;
    right: 0;
    text-align: left;
    max-height: 420px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.autocomplete-active a{
    color: #FFFFFF;
}

#wpf-forum-cover{box-sizing: border-box; width: 100%; height: 150px; border-radius: 10px; margin: 20px 0; border: 2px dashed #ccc; padding: 10px; display:flex; justify-content: center; align-items: center; background-position: center; background-size: cover; background-color: #fafafa;}

/* Extra RTL */
[dir=rtl] #wpf-dash .wpf-overview .wpf-stat-user .wpf-user-table td:nth-child(1) {text-align: right;}
[dir=rtl] #wpf-dash .wpf-overview .wpf-stat-user .wpf-user-table th:nth-child(1) {text-align: right;}
[dir=rtl] #wpf-setbox .wpf-setbox-body input[type="text"] {padding-right: 25px;}
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box{float: right;margin: 0 0 25px 1%;}
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-setbar{width: 332px;}
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow img {-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
[dir=rtl] #wpf-setbox .wpf-setbox-body .wpf-box .wpf-box-foot .wpf-box-arrow{padding-right: 1px; padding-left: 20px;}
[dir=rtl] #wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-doc {text-align: left;}

@media screen and (min-width:1601px){
    #wpf-setbox .wpf-settings-home .wpf-box{width: 15.2%;  margin: 0 1.2% 25px 0;}
}
@media screen and (max-width:1600px){
    #wpf-setbox .wpf-settings-home .wpf-box{width: 19%;  margin: 0 1% 25px 0;}
    #wpf-setbox .wpf-setcon .wpf-opt-row .wpf-opt-input {min-width: 150px;}
}
@media screen and (max-width:1440px){
    #wpf-setbox .wpf-settings-home .wpf-box{width: 23%;  margin: 0 2% 25px 0;}
}
@media screen and (max-width:1280px){
    #wpf-setbox .wpf-settings-home .wpf-box{width: 30%;  margin: 0 3% 25px 0;}
    #wpf-setbox .wpf-setbox-body .wpf-setcon{width: 100%; float: none; margin-bottom: 20px;}
    #wpf-setbox .wpf-setbox-body .wpf-setbar{width: 100%; float: none;}
}
@media screen and (max-width:1024px){
    #wpf-dash .wpf-overview{display: block;}
    #wpf-dash .wpf-overview .wpf-stat-brief,
    #wpf-dash .wpf-overview .wpf-stat-graph,
    #wpf-dash .wpf-overview .wpf-stat-user,
    #wpf-dash .wpf-overview .wpf-stat-subs{width: 100%!important;}
    #wpf-dash .wpf-credits{display: block;}
    #wpf-setbox .wpf-setbox-body input[type="text"],
    #wpf-setbox .wpf-setbox-body input[type="url"]{width: 100%;}
    #wpf-setbox .wpf-setcon .wpf-switch-field label {float: none;display: inline-block;min-width: 90%;padding: 2px 0;}
    #wpf-setbox .wpf-setcon .wpf-color-wrap{width: 30% !important;}
}
@media screen and (max-width:800px){
    .wpf-admin-wrap{padding-right: 10px;}
    #wpf-setbox .wpf-settings-home .wpf-box {width: 47%;margin: 0 3% 25px 0;}
    .wpf-board{flex-direction: column;}
    .wpf-board-left{width: 100%}
    .wpf-board-right{width: 100%; margin-left: 0;}
}
@media screen and (max-width:600px){
    #wpf-setbox .wpf-setbox-body .wpf-section{display: block;}
    #wpf-setbox .wpf-setbox-body input[type="text"] {width: 100%;display: block;margin-top: 10px;min-height: auto;}
    #wpf-setbox .wpf-setbox-head .wpf-head-info {font-size: 14px;margin-top: 12px;}
}
@media screen and (max-width:480px){
    #wpf-setbox .wpf-settings-home .wpf-box{width: 100%; margin: 0 0 25px 0;}
}

/****************************************************/
/*********** Moderation Report Row ******************/
/****************************************************/

/* Fix striping for moderation table - account for inserted report rows */
/* Post rows are at positions 1,3,5,7... Report rows at 2,4,6,8... */
/* We want: 1st post=white, 2nd post=grey, 3rd post=white, etc. */
.wp-list-table.striped > tbody > tr:nth-child(4n+1):not(.wpf-moderation-report-row) {
    background-color: #fff !important;
}
.wp-list-table.striped > tbody > tr:nth-child(4n+3):not(.wpf-moderation-report-row) {
    background-color: #f6f7f7 !important;
}

/* Report row container - hidden by default */
.wpf-moderation-report-row {
    background: transparent !important;
}
.wpf-moderation-report-row:hover {
    background: transparent !important;
}

/* Completely hide empty report rows (still counted for nth-child) */
.wpf-moderation-report-row.wpf-moderation-report-empty {
    display: none;
}

.wpf-moderation-report-cell {
    padding: 0 !important;
    border-left: 3px solid #fd7e14 !important;
    overflow: hidden;
}
.wpf-moderation-report-container {
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-out, opacity 0.25s ease-out, padding 0.3s ease-out;
    padding-top: 0;
    padding-bottom: 0;
}

/* Show report when hovering the post row above or the report row itself */
tr:not(.wpf-moderation-report-row):hover + .wpf-moderation-report-row .wpf-moderation-report-container,
.wpf-moderation-report-row:hover .wpf-moderation-report-container {
    max-height: 800px;
    opacity: 1;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Show orange left border on post row when viewing its report */
/* When hovering a post row that has a non-empty report following it */
tr:not(.wpf-moderation-report-row):has(+ .wpf-moderation-report-row:not(.wpf-moderation-report-empty)):hover > :first-child,
/* When hovering the report row, highlight the post row above using :has() */
tr:not(.wpf-moderation-report-row):has(+ .wpf-moderation-report-row:not(.wpf-moderation-report-empty):hover) > :first-child {
    border-left: 3px solid #fd7e14 !important;
}

/* Individual report block */
.wpf-mod-report {
    display: flex;
    gap: 15px;
    background: #fff;
    border-radius: 0;
    padding: 12px 15px;
    font-size: 13px;
    line-height: 1.5;
}
.wpf-mod-report-ai.wpf-mod-status-detected {
    border-color: #f5c6cb;
    background: #fff0f2;
}
.wpf-mod-report-ai.wpf-mod-status-suspected {
    border-color: #ffcc80;
    background: #fff8e6;
}
.wpf-mod-report-ai.wpf-mod-status-uncertain {
    border-color: #ffeeba;
    background: #fffcf0;
}
.wpf-mod-report-ai.wpf-mod-status-clean {
    border-color: #c3e6cb;
    background: #f0fff4;
}
.wpf-mod-report-builtin {
    border-color: #b8daff;
    background: #f0f7ff;
}

/* Type column (left side) */
.wpf-mod-report-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 90px;
    padding-right: 15px;
    border-right: 1px solid rgba(0,0,0,0.08);
    gap: 6px;
}
.wpf-mod-type-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpf-mod-type-icon svg {
    width: 24px;
    height: 24px;
}
.wpf-mod-type-label {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Content column (right side) */
.wpf-mod-report-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Header with status badges */
.wpf-mod-report-header {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.wpf-mod-status {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 3px;
    background: rgba(0,0,0,0.08);
}
.wpf-mod-status-detected {
    background: rgba(220,53,69,0.15);
    color: #721c24;
}
.wpf-mod-status-suspected {
    background: rgba(255,152,0,0.2);
    color: #e65100;
}
.wpf-mod-status-uncertain {
    background: rgba(255,193,7,0.25);
    color: #856404;
}
.wpf-mod-status-clean {
    background: rgba(40,167,69,0.15);
    color: #155724;
}
.wpf-mod-status-builtin {
    background: rgba(13,110,253,0.15);
    color: #084298;
}
.wpf-mod-score,
.wpf-mod-confidence,
.wpf-mod-action {
    font-size: 12px;
    color: #555;
    padding: 2px 6px;
    background: rgba(0,0,0,0.04);
    border-radius: 3px;
}

/* Summary section */
.wpf-mod-report-summary {
    font-size: 13px;
    color: #333;
    line-height: 1.5;
    padding: 8px 10px;
    background: rgba(0,0,0,0.02);
    border-radius: 4px;
    border-left: 2px solid rgba(0,0,0,0.1);
}
.wpf-mod-report-summary strong {
    color: #444;
    margin-right: 4px;
}

/* Indicators list */
.wpf-mod-report-indicators {
    font-size: 13px;
}
.wpf-mod-report-indicators strong {
    display: block;
    margin-bottom: 6px;
    color: #444;
}
.wpf-mod-indicator-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wpf-mod-indicator {
    padding: 6px 10px;
    background: rgba(0,0,0,0.02);
    border-radius: 4px;
    border-left: 3px solid #ccc;
}
.wpf-mod-indicator.wpf-mod-severity-high {
    border-left-color: #dc3545;
    background: rgba(220,53,69,0.05);
}
.wpf-mod-indicator.wpf-mod-severity-medium {
    border-left-color: #fd7e14;
    background: rgba(253,126,20,0.05);
}
.wpf-mod-indicator.wpf-mod-severity-low {
    border-left-color: #6c757d;
}
.wpf-mod-indicator-category {
    font-weight: 600;
    text-transform: capitalize;
    color: #333;
    display: block;
}
.wpf-mod-indicator-desc {
    color: #666;
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

/* Meta footer */
.wpf-mod-report-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid rgba(0,0,0,0.06);
    font-size: 11px;
    color: #888;
}
.wpf-mod-quality,
.wpf-mod-credits,
.wpf-mod-context,
.wpf-mod-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.wpf-mod-context {
    color: #198754;
    font-weight: 500;
}
.wpf-mod-context::before {
    content: "✓";
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
    .wpf-mod-report {
        flex-direction: column;
        gap: 10px;
    }
    .wpf-mod-report-type {
        flex-direction: row;
        min-width: auto;
        padding-right: 0;
        padding-bottom: 10px;
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,0.08);
    }
    .wpf-mod-report-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

.wpf-manage-subscription{
    background: #6753FF; color: #fff; border-color: #2E1DAE;
}