.mctoc-container {
background: #ffffff;
border: 1px solid #0073aa;
border-radius: 8px;
margin: 20px 0 30px auto;
max-width: 500px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
overflow: hidden;
text-align: right;
} .mctoc-header {
background: #0073aa;
padding: 12px 18px;
cursor: pointer;
position: relative;
text-align: right;
transition: background-color 0.3s ease;
}
.mctoc-header:hover {
background: #005a8b;
} .mctoc-title {
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
margin: 0;
} .mctoc-toggle {
color: #ffffff;
font-size: 0.9em;
margin-right: 15px;
font-weight: normal;
} .mctoc-list {
display: none;
padding: 15px 25px 15px 30px;
margin: 0;
background: #ffffff;
border-top: 1px solid #e0e0e0;
direction: rtl;
text-align: right; list-style: none;
counter-reset: toc-counter;
} .mctoc-container.expanded .mctoc-list {
display: block;
} .mctoc-list li {
line-height: 1.5; color: #333;
margin-bottom: 8px;  display: flex;
align-items: flex-start; } .mctoc-list li::before {
counter-increment: toc-counter;
content: counter(toc-counter) ".";
font-weight: 500;
color: #333;
min-width: 1em; padding-left: 5px; flex-shrink: 0; } .mctoc-list li a {
color: #0073aa;
text-decoration: none;
font-size: 0.95em;
transition: all 0.2s ease;
padding: 2px 5px;
display: inline-block;
border-radius: 3px;
}
.mctoc-list li a:hover {
background: #e8f4f8;
color: #005177;
} .mctoc-list li a:visited,
.mctoc-list li a.mctoc-clicked {
color: #666666;
background: none; } .mctoc-list li a.mctoc-clicked:hover {
color: #666666;
background: #f0f0f0; }
.mctoc-list li a:active {
background: #d0d0d0;
} .mctoc-list .mctoc-no-number {
list-style: none;
}
.mctoc-list .mctoc-no-number::before {
content: ""; min-width: 2em;
} .mctoc-list .mctoc-level-2 {
font-weight: 500;
}
.mctoc-list .mctoc-level-3 {
margin-right: 20px;
}
.mctoc-list .mctoc-level-4 {
margin-right: 35px;
}
.mctoc-list .mctoc-level-5 {
margin-right: 50px;
} @media (max-width: 600px) {
.mctoc-container {
max-width: 95%;
margin: 15px auto 25px;
}
.mctoc-list {
padding: 15px 20px 15px 30px;
}
.mctoc-header {
padding: 10px 15px;
}
} @media print {
.mctoc-container {
border: 1px solid #000;
box-shadow: none;
}
.mctoc-header {
background: #f0f0f0;
color: #000;
}
.mctoc-title,
.mctoc-toggle {
color: #000;
}
.mctoc-list {
display: block !important;
}
.mctoc-toggle {
display: none;
}
}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;
}