/* text description */
.support-wp-description { display:block; opacity:0.80; } 
.support-wp-description a { color:inherit; text-decoration:none; }
.support-wp-description a:hover { color:inherit; text-decoration:underline; }

/* nowrap */
.support-wp-nowrap { text-wrap:nowrap; }

/* tags */
.support-wp-tag { display:inline-block; padding:3px 6px; background:#fff; border:1px solid #c3c4c7; border-radius:3px; }
.support-wp-tag-red { border-color:#DC3232; background:#DC3232; color:white; }
.support-wp-tag-red:hover { color:white; }
.support-wp-tag-orange { border-color:#F56E28; background:#F56E28; color:white; }
.support-wp-tag-orange:hover { color:white; }
.support-wp-tag-green { border-color:#46B450; background:#46B450; color:white; }
.support-wp-tag-green:hover { color:white; }

/* colors */
.support-wp-risk-low { background-color:rgba(0, 255, 0, 0.075); color:#090 !important; }
.support-wp-risk-medium {}
.support-wp-risk-high { background-color: rgba( 255, 0, 0, 0.075 ); color:#c00 !important; }

/* notice */
.support-wp-notice { margin:20px 0; padding:6px 12px; background:#fff; border:1px solid #c3c4c7; border-left-width:4px; border-radius:3px; box-shadow:0 1px 0 #e6e6e6; }
.support-wp-notice-info { border-left-color:#72aee6; }
.support-wp-notice-success { border-left-color:#00a32a; }
.support-wp-notice-warning { border-left-color:#dba617; }
.support-wp-notice-error { border-left-color:#d63638; }

/* tabs */
.support-wp-tabs { display:flex; }
.support-wp-tabs .support-wp-tabs-menu { display:flex; flex-direction:column; margin:0; padding:9px 0 0 0; }
.support-wp-tabs .support-wp-tabs-menu li { margin:0px; }
.support-wp-tabs .support-wp-tabs-menu li:not(:first-of-type) { margin-top:6px; }
.support-wp-tabs .support-wp-tabs-menu li a { display:block; border-radius:20px; padding:5px 15px; font-size:14px; line-height:1.5; font-weight:600; background:transparent; color:#50575e; text-decoration:none; white-space:nowrap; outline:none; box-shadow:none; }
.support-wp-tabs .support-wp-tabs-menu li a.tab-active { background:#E6E6E6; color:#000; }
.support-wp-tabs .support-wp-tabs-menu li:hover a { background-color:#fff; color:#3c434a; }

.support-wp-tabs .support-wp-tabs-content { margin-left:40px; flex:1; overflow:hidden; }
.support-wp-tabs .support-wp-tabs-content .support-wp-tabs-item { display:none; }
.support-wp-tabs .support-wp-tabs-content .support-wp-tabs-item.tab-active { display:block; }

/* prevent top margin for first of type items */
.support-wp-tabs .support-wp-tabs-content .support-wp-tabs-item .support-wp-settings:first-of-type { margin-top:0; }

/* settings page wapu */
.support-wp-wapu { position:absolute; right:0; top:0; }
.support-wp-wapu img { display:block; width:190px; }

/* settings page */
.support-wp-settings-head { background:#fff; padding:15px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 0 #e6e6e6; }

.support-wp-settings-head .support-wp-settings-hero { margin-bottom:10px; }
.support-wp-settings-head .support-wp-settings-hero .support-wp-settings-hero-inner {}
.support-wp-settings-head .support-wp-settings-hero .support-wp-settings-hero-inner a { outline:none; box-shadow:none; }
.support-wp-settings-head .support-wp-settings-hero .support-wp-settings-hero-inner a img { display:inline-block; height:60px; max-width:100%; }
.support-wp-settings-head .support-wp-settings-hero .support-wp-settings-hero-inner a img:not(:first-of-type) { margin-left:10px; }

.support-wp-settings-head .support-wp-settings-links { margin:0; }
.support-wp-settings-head .support-wp-settings-links > ul { list-style:none; margin:0; display:flex; flex-direction:row; align-items:center; }
.support-wp-settings-head .support-wp-settings-links > ul > li:not(:last-child)::after { content:'|'; margin:0 5px; }
.support-wp-settings-head .support-wp-settings-links > ul > li a { color:#43B9EA; }

.support-wp-settings { margin:40px 0; }
/*.support-wp-settings h2 { border:1px solid #c3c4c7; border-left-width:4px; background:#ffffff; padding:10px; }*/
.support-wp-settings .support-wp-settings-section { margin:30px 0; }
.support-wp-settings .support-wp-settings-section .support-wp-settings-section-title { font-size:13px; margin:20px 0; font-weight:600; }

.support-wp-settings-item { display:flex; flex-direction:row; align-items:center; margin:20px 0; }
.support-wp-settings-item .support-wp-settings-item-label { width:350px; margin-right:20px; }
.support-wp-settings-item .support-wp-settings-item-input { width:350px; margin-right:20px; }
.support-wp-settings-item .support-wp-settings-item-input input[type="text"] { width:100%; }
.support-wp-settings-item .support-wp-settings-item-input input[type="number"] { width:100%; }
.support-wp-settings-item .support-wp-settings-item-input input[type="url"] { width:100%; }
.support-wp-settings-item .support-wp-settings-item-input input[type="email"] { width:100%; }
.support-wp-settings-item .support-wp-settings-item-input textarea { width:100%; height:80px; }
.support-wp-settings-item .support-wp-settings-item-input select { width:100%; }
.support-wp-settings-item .support-wp-settings-item-extra { flex:1; }
.support-wp-settings-buttons { display:flex; flex-direction:row; margin:20px 0; }
.support-wp-settings-buttons .button { margin-right:10px; }
.support-wp-settings-buttons.support-wp-settings-buttons-no-margin { margin:0; }

/* settings page suggestions */
.support-wp-settings-suggestions { max-height:200px; overflow-y:scroll; }
.support-wp-settings-suggestions p { margin:2px 0; }
.support-wp-settings-suggestions p a { text-decoration:none; color:inherit; }
.support-wp-settings-suggestions p a:hover { text-decoration:underline; }

/* settings page action */
.support-wp-action { margin:40px 0; padding:15px; background:#fff; border-radius:3px; box-shadow:0 1px 0 #e6e6e6; }
.support-wp-action h2 { margin-top:0; }
.support-wp-action div.support-wp-settings-buttons { margin-bottom:0; }

/* wp table */
table.rounded { border-radius:3px; box-shadow:0 1px 0 #e6e6e6; }

/* table */
.support-wp-table { table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; }
.support-wp-table tr th { text-align:left; border-bottom:2px #F6F7F7 solid; }
.support-wp-table tr td { border-bottom:1px #F6F7F7 solid; word-wrap:break-word; }

.support-wp-compare { display:flex; flex-direction:row; flex-wrap:nowrap; }
.support-wp-compare .support-wp-compare-item { width:50%; border:2px #F6F7F7 solid; }
.support-wp-compare .support-wp-compare-item img { display:block; max-width:100%; }

/* button(s) */
.support-wp-action-wrapper { margin:20px 0; }

/* widget on settings page */
.support-wp-widget-title { display:none; }
.support-wp-widget-description { margin:0 0 20px 0; }
.support-wp-settings-widget-wrapper { display:flex; flex-direction:row; flex-wrap:wrap; margin:20px 0; gap:20px; }
.support-wp-settings-widget-wrapper .support-wp-settings-widget { padding:20px; border:1px solid #c3c4c7; background:#fff; width:calc(50% - 10px); box-sizing:border-box; border-radius:3px; box-shadow:0 1px 0 #e6e6e6; }
.support-wp-settings-widget-wrapper .support-wp-settings-widget .support-wp-widget-title { display:block; font-weight:bold; border-bottom:1px solid #c3c4c7; margin: -20px -20px 20px -20px; padding:10px 20px; }

.support-wp-settings-widget-wrapper.support-wp-settings-widget-wrapper-2 .support-wp-settings-widget { width:calc(50% - 20px); }
.support-wp-settings-widget-wrapper.support-wp-settings-widget-wrapper-3 .support-wp-settings-widget { width:calc(33.33% - 20px); }
.support-wp-settings-widget-wrapper.support-wp-settings-widget-wrapper-4 .support-wp-settings-widget { width:calc(25% - 20px); }

/* widget custom chart */
.support-wp-chart { display:flex; }
.support-wp-chart .support-wp-chart-widget { width:25%; text-align:center; }
.support-wp-chart .support-wp-chart-widget .support-wp-chart-widget-badge { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; border-radius:50%; color:#43B9EA; font-size:22px; line-height:22px; height:72px; width:72px; text-align:center; border:1px #43B9EA solid; }
.support-wp-chart .support-wp-chart-widget .support-wp-chart-widget-badge span.small { display:block; width:100%; font-size:12px; line-height:18px; }
.support-wp-chart .support-wp-chart-widget .support-wp-chart-widget-description { margin:0; color:#43B9EA; }

/* debug log */
.support-wp-debug-log { border:1px solid #c3c4c7; max-height:500px; overflow:scroll; }

/* ajax spinner */
[data-support-wp-ajax] { position:relative; }
.support-wp-spinner { position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; border:4px solid #F1F1F1; border-top:4px solid #43B9EA; border-radius:50%; width:10px; height:10px; animation:support-wp-spinner 2s linear infinite; }
.support-wp-spinner-inline { display:block; border:4px solid #F1F1F1; border-top:4px solid #43B9EA; border-radius:50%; width:10px; height:10px; animation:support-wp-spinner 2s linear infinite; }
@keyframes support-wp-spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}