.svt-container {
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 15px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
display: block;
}
.svt-header {
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
}
.svt-toggle-btn {
font-size: 13px;
cursor: pointer;
color: #0073aa;
user-select: none;
}
.svt-toggle-btn:hover {
text-decoration: underline;
}
ul.svt-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: block; 
}
ul.svt-list.svt-hidden {
display: none !important;
}
li.svt-item {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 4px 0;
line-height: 1.5;
}
li.svt-item a {
text-decoration: none;
color: #333;
display: block;
transition: color 0.2s ease;
font-size: 16px;
}
li.svt-item a:hover {
color: #0073aa;
}
li.svt-h2 { font-weight: 600; margin-top: 5px !important; }
li.svt-h3 { margin-left: 20px !important; font-size: 0.95em; border-left: 3px solid #eee; padding-left: 10px !important; }
li.svt-h4 { margin-left: 40px !important; font-size: 0.9em; color: #555; border-left: 3px solid #eee; padding-left: 10px !important; }
@media only screen and (max-width: 600px) {
.svt-container { padding: 12px; }
li.svt-item a { font-size: 15px; padding: 8px 0; }
li.svt-h3 { margin-left: 15px !important; }
li.svt-h4 { margin-left: 25px !important; }
}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}