:root {
 --bg-image: url(https://mcgb68.ru/pic/background/book.png);
 --text-color: black;
 --panel-color: white;
 --panel-border-color: #e6e6e6;
 --panel-button-color: #f6f6f6;
 --top-panel-svg-color: black;
 --label-menu-color: #576f76;
 --summary-background: -webkit-linear-gradient(top, #f3f3f3 50%, #e6e6e6 50%);
 --theme-icon: url('data:image/svg+xml;utf8,<svg fill="%23000" height="32" viewBox="0 0 24 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3s-3-1.35-3-3s1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>');
 --theme-icon-mobile: url('data:image/svg+xml;utf8,<svg fill="%23000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3s-3-1.35-3-3s1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>');
 --search-icon: url('data:image/svg+xml;utf8,<svg fill="%23000" height="24" viewBox="0 0 50 50" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z"/></svg>');
}

.dark-theme {
 --bg-image: url(https://mcgb68.ru/pic/background/book_dark.png);
 --text-color: #f1f1f1;
 --panel-color: black;
 --panel-border-color: #4a4a4a;
 --panel-button-color: #202020;
 --top-panel-svg-color: #f1f1f1;
 --label-menu-color: #92bac5;
 --summary-background: -webkit-linear-gradient(top, #3d3d3d 50%, #292929 50%);
 --theme-icon: url('data:image/svg+xml;utf8,<svg fill="%23f1f1f1" height="32" viewBox="0 0 24 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M12 21q-3.75 0-6.375-2.625T3 12q0-3.75 2.625-6.375T12 3q.35 0 .688.025t.662.075q-1.025.725-1.638 1.888T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q1.375 0 2.525-.613T20.9 10.65q.05.325.075.662T21 12q0 3.75-2.625 6.375T12 21Z"/></svg>');
 --theme-icon-mobile: url('data:image/svg+xml;utf8,<svg fill="%23f1f1f1" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 21q-3.75 0-6.375-2.625T3 12q0-3.75 2.625-6.375T12 3q.35 0 .688.025t.662.075q-1.025.725-1.638 1.888T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q1.375 0 2.525-.613T20.9 10.65q.05.325.075.662T21 12q0 3.75-2.625 6.375T12 21Z"/></svg>');
 --search-icon: url('data:image/svg+xml;utf8,<svg fill="%23f1f1f1" height="24" viewBox="0 0 50 50" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z"/></svg>');
}

body {display: grid; margin:0px; padding:0px; text-align: center; font-family: Georgia, serif;}

.wrap {}

.contanier { 
 display: grid;
 grid-template-areas:
 "header header header"
 "leftSideMenu content rightSidePanel"
 "footer footer footer";
 grid-template-columns: 290px 1fr 290px; /* ширина колонок */
 grid-template-rows: 55px 1fr 55px; /* высота строк */
 background: var(--bg-image);
 text-align: left;
}

.contanierMobile {
 display: grid;
 grid-template-areas:
 "header"
 "content"
 "footer";
 grid-template-columns: 100vw; /* ширина колонок */
 grid-template-rows: 55px 1fr 55px; /* высота строк */
 background: var(--bg-image);
 min-height: 100vh;
}

.header{
 background: var(--panel-color);
 position: fixed;
 top: 0;
 width: 100vw;
 height: 55px;
 border-bottom: 1px solid var(--panel-border-color);
 z-index: 100;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.footer {
 grid-area: footer;
 padding: 5px;
 background-color: var(--panel-color);
 border-top: 1px solid var(--panel-border-color);
 color: var(--text-color);
 align-content: center;
 text-align: center;
}

.content {
 width: 630px;
 grid-area: content;
 background-color: var(--panel-color);
 padding: 0 20px 0 20px;
 border: 1px solid var(--panel-border-color);
 margin: 0 auto;
 color: var(--text-color);
}

.contentMobile {
 width: 100vw;
 grid-area: content;
 background-color: var(--panel-color);
 border: 1px solid var(--panel-border-color);
 margin: 0 auto;
 color: var(--text-color);
}

.archiveEntries, .catAllEntries, .catAllEntries tbody, .catAllEntries tr{
 display:block;
}

h1 {color: var(--text-color); font-size: 18pt; font-weight: normal; padding: 0; margin: 5px 0 10px 0;text-align: center;}

hr {
 color: var(--panel-border-color);
 height: 1px;
 border-top: 0px;
 border-style: solid;
}

span {color: var(--text-color);}

input, textarea{
 vertical-align: middle;
 font-size: 10pt;
 margin-top: 5;
 color: var(--text-color);
 background: var(--panel-border-color);
}

select{
 vertical-align: middle;
 font-size: 10pt;
 margin-top: 5;
 color: var(--text-color);
 background: var(--panel-border-color);
 border-radius: 15px 15px 15px 15px;
}

details {
 margin: 1em;
 cursor: auto;
 font-size: 16px;
}

summary {
 border-radius: 5px;
 cursor: pointer;
 margin: 0;
 width: 100%;
 padding: 8px 0px;
 background: var(--summary-background);
 color: var(--text-color);
}

.searchForm
{
 min-width: 250px;
 margin-right: auto;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}

.queryField
{
 width: 100%;
 height: 32px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 10px;
 background: var(--panel-border-color);
 border: none;
 border-radius: 15px 15px 15px 15px;
 color: var(--text-color);
}

.searchSbmFl
{
 width: 24px;
 height: 24px;
 margin-left: auto;
 margin-right: 8px;
 background-color: #00000000;
 color: var(--top-panel-svg-color);
 background-image: var(--search-icon);
 position: absolute;
 border:0px;
}

.loginButton, .pollBut, .commSbmFl, .signButton {font-size:12pt;background: var(--panel-border-color); border:0px outset #6E6E6E; color: var(--text-color);}

.wysibb {
 border:1px solid #ddd;
 border-radius:7px;
 position:relative;
 background:#fff;
 font-family:Arial,Verdana,Tahoma;
}

.wysibb .wysibb-toolbar {
 background:#f4f4f4;
 background-image: linear-gradient(bottom, var(--panel-border-color) 50%, var(--panel-color) 100%);
 background-image: -o-linear-gradient(bottom, var(--panel-border-color) 50%, var(--panel-color) 100%);
 background-image: -moz-linear-gradient(bottom, var(--panel-border-color) 50%, var(--panel-color) 100%);
 background-image: -webkit-linear-gradient(bottom, var(--panel-border-color) 50%, var(--panel-color) 100%);
 background-image: -ms-linear-gradient(bottom, var(--panel-border-color) 50%, var(--panel-color) 100%);
 border-top-left-radius:7px;
 border-top-right-radius:7px;
 border-bottom:1px solid #ddd;
 position:relative;
 padding:4px 60px 4px 9px;
}

.wysibb .wysibb-toolbar .modeSwitch{
 position:absolute;
 right:4px;
 top:4px;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip {
 display:none !important;
 background: #eeeef5;
 background-image: linear-gradient(top, #ffffff 17%, #eeeef5 59%);
 background-image: -o-linear-gradient(top, #ffffff 17%, #eeeef5 59%);
 background-image: -moz-linear-gradient(top, #ffffff 17%, #eeeef5 59%);
 background-image: -webkit-linear-gradient(top, #ffffff 17%, #eeeef5 59%);
 background-image: -ms-linear-gradient(top, #ffffff 17%, #eeeef5 59%);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, #ffffff),color-stop(0.59, #eeeef5));
 border:1px solid #c2c2cc;
 position:absolute;
 line-height:20px;
 font-size:11px;
 padding:3px 10px;
 bottom:35px;
 left:-3px;
 color:#636363;
 border-radius:3px;
 white-space:nowrap;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip ins{
 background:url(./img/icons-1.png) 3px -597px no-repeat!important;
 width:24px;
 height:10px;
 position:absolute;
 bottom:-10px;
 left:2px;
}

.wysibb .wbb-list .option {
 color: #333;
}

.wysibb-body {
 background: var(--panel-border-color);
 color: var(--text-color);
}

.wysibb-text textarea {
 background: var(--panel-border-color);
 color: var(--text-color);
}
.wysibb-text iframe, .wysibb-text textarea {
 border-bottom-left-radius: 7px;
 border-bottom-right-radius: 7px;
}
.wysibb-text textarea {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
}

.mainLogo{
 margin: 0 20px 0 20px;
 display: flex;
 align-items: center;
}

.mainLogoText{
 color: var(--text-color);
}

.mainLogoMobile{
 display: flex;
 align-items: center;
}

.rightSidePanel{ 
 grid-area: rightSidePanel;
 padding: 0 20px 0 30px;
 background-color: var(--panel-color);
 border-left: 1px solid var(--panel-border-color);
 overflow-y: hidden;
 overflow-x: hidden;
}

.leftSideMenu {
 grid-area: leftSideMenu;
 padding: 0 30px 0 20px;
 background-color: var(--panel-color);
 border-right: 1px solid var(--panel-border-color);
 overflow-y: hidden;
 overflow-x: hidden;
}

#leftSideMenuMobile {
 position: fixed;
 top: 0;
 width:65%;
 height: 100vh;
 padding: 0 30px 0 20px;
 height: 100vh;
 background-color: var(--panel-color);
 border-right: 1px solid var(--panel-border-color);
 overflow-x: hidden;
 transition: 0.3s;
 flex-grow: 1;
 flex-direction: column;
 transform: translateX(-100%);
 transition: transform 0.3s ease;
 z-index: 2000;
}

#leftSideMenuMobile.open {
 transform: translateX(0);
}

#leftSideMenuMobile:hover {
 overflow-y: auto; /* при наведении показываем вертикальную прокрутку */
}

#rightSideMenuMobile {
 position: fixed;
 top: 0;
 width:65%;
 height: 100vh;
 padding: 0 30px 0 20px;
 height: 100vh;
 background-color: var(--panel-color);
 border-right: 1px solid var(--panel-border-color);
 overflow-x: hidden;
 transition: 0.3s;
 flex-grow: 1;
 flex-direction: column;
 transform: translateX(-100%);
 transition: transform 0.3s ease;
 z-index: 2000;
}

#rightSideMenuMobile.open {
 transform: translateX(0);
}

#rightSideMenuMobile:hover {
 overflow-y: auto; /* при наведении показываем вертикальную прокрутку */
}

.leftSideMenu:hover {
 overflow-y: auto;
}

.rightSidePanel:hover {
 overflow-y: auto;
}

.leftSideMenuSub {
 vertical-align: top;
 padding: 10px 0 10px 0;
 margin: 5px 0 5px 0;
 border-bottom: 1px solid var(--panel-border-color);
 color: var(--text-color);
 text-align: center;
}

.rightPanelSub {
 vertical-align: top;
 padding: 10px 0 10px 0;
 margin: 5px 0 5px 0;
 border-bottom: 1px solid var(--panel-border-color);
 color: var(--text-color);
}

.labelMenu {
 color: var(--label-menu-color);
 font-size: 16pt;
 font-family: arial;
 padding: 5px 0 5px 0;
 text-align: center;
}

.leftSideMenuButton {
 display: inline-flex;
 align-items: center;
 padding: 4px 8px;
 font-size: 14px;
 font-family: arial;
 cursor: pointer;
 border: 0px solid var(--panel-border-color);
 background-color: #00000000;
 color: var(--text-color);
 border-radius: 8px;
 width: 100%;
 margin: 2px 0px;
 text-align: left;
 /* background: var(--panel-button-color); */
}

.leftSideMenuButton:hover {
 background-color: var(--panel-border-color);
}

.leftSideMenuButtonIcon {
 display: inline-flex;
 align-items: center;
 margin-right: 8px;
}

.leftSideMenuButtonIcon svg {
 display: block;
 width: 24px;
 height: 24px;
 fill: #71aaeb;
}

#loginButtonPanel{
 display: block;
 align-items: center;
 margin-right: 20px;
 background: none;
 border: none;
}

#loginButtonPanel svg{
 display: block;
 width: 32px;
 height: 32px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

#loginButtonPanel img{
 display: block;
 pointer-events: none;
}

#loginButtonPanelMobile{
 display: block;
 align-items: center;
 margin-right: 10px;
 background: none;
 border: none;
}

#loginButtonPanelMobile svg{
 display: block;
 width: 24px;
 height: 24px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

#loginButtonPanelMobile img{
 display: block;
 pointer-events: none;
}

#loginMenu {
 position: fixed;
 top: 55px;
 right: -300px; /* скрыто за левой границей */
 width: 300px;
 height: max-content;
 background: var(--panel-color);
 color: white;
 padding: 20px;
 box-sizing: border-box;
 transition: left 0.3s ease;
 overflow-y: auto;
 z-index: 3000;
 border: 2px solid var(--panel-border-color);
 border-radius: 15px 15px 15px 15px;
 box-shadow: 0px 10px 7px 0px #00000038;
 z-index: 2000;
}

/* Класс, который "выезжает" меню */
#loginMenu.active {
 right: 0;
}

#search-Menu {
 position: fixed;
 top: 55px;
 top: -100px; /* скрыто за левой границей */
 width: 100vw;
 height: max-content;
 background: var(--panel-color);
 color: white;
 padding: 10px;
 box-sizing: border-box;
 transition: left 0.3s ease;
 overflow-y: auto;
 z-index: 3000;
 border: 2px solid var(--panel-border-color);
 border-radius: 15px 15px 15px 15px;
 box-shadow: 0px 10px 7px 0px #00000038;
 z-index: 2000;
}

/* Класс, который "выезжает" меню */
#search-Menu.active {
 top: 0;
}

#theme-toggle{
 display: block;
 align-items: center;
 margin-right: 10px;
 background-color: #00000000;
 border: none;
 min-width: 32px;
 height: 32px;
 background-image: var(--theme-icon);
}

#theme-toggle-mobile{
 display: block;
 align-items: center;
 margin-right: 10px;
 background-color: #00000000;
 border: none;
 min-width: 24px;
 height: 24px;
 background-image: var(--theme-icon-mobile);
}

#uvc{
 display: block;
 align-items: center;
 margin-right: 10px;
 background: none;
 border: none;
}

#uvc svg{
 display: block;
 width: 32px;
 height: 32px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

#uvc-mobile{
 display: block;
 align-items: center;
 margin-right: 10px;
 background: none;
 border: none;
}

#uvc-mobile svg{
 display: block;
 width: 24px;
 height: 24px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

#search-button{
 display: block;
 align-items: center;
 margin-right: 5px;
 margin-left: auto;
 background: none;
 border: none;
}

#search-button svg{
 display: block;
 width: 24px;
 height: 24px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

#buttonOpenLeftPanelMobile{
 display: block;
 align-items: center;
 margin-right: 10px;
 margin-left: 10px;
 background: none;
 border: none;
 height: 32px;
}

#buttonOpenLeftPanelMobile svg{
 display: block;
 width: 24px;
 height: 24px;
 pointer-events: none;
 color: var(--top-panel-svg-color);
}

/* Calendar Style */
.calTable {margin-left: auto; margin-right: auto;}
.calMonth {}
.calWday {color:#000000; background: #e5ebee; width:18px;} 
.calWdaySe {color: #000000; background: #e5ebee; width:18px;} 
.calWdaySu {color: #000000; background: #e5ebee; width:18px;} 
.calMday {color: var(--text-color);}
.calMdayA {background: var(--panel-border-color);font-weight:bold;}
.calMdayIs {border:1px solid var(--text-color); background: var(--panel-border-color);color:#24613E;font-weight:bold;font-size:12pt;}
.calMdayIsA {border:1px solid var(--text-color); background: var(--panel-border-color);font-weight:bold;font-size:12pt;}
/* -------------- */

/* -------------- */
.eTitle {background: var(--panel-border-color); padding: 10px 15px 10px 15px !important; font-size:14pt;font-weight:normal;color: var(--text-color); border-radius:10px; text-align: left;}
.eTitle a:link {text-decoration:underline; color: var(--text-color);}
.eTitle a:visited {text-decoration:underline; color: var(--text-color);}
.eTitle a:hover {text-decoration:none; color: #71aaeb;}
.eTitle a:active {text-decoration:underline; color: var(--text-color);}
/* -------------- */

/* -------------- */
a:link {text-decoration:underline; color:#71aaeb;}
a:active {text-decoration:underline; color:#71aaeb;}
a:visited {text-decoration:underline; color:#71aaeb;}
a:hover {text-decoration:none; color:#89bcf0;}
/* -------------- */

/* -------------- */
.eMessage { color: var(--text-color); padding:10px;}
.eText {text-align:left;padding:10px !important;}
.eDetails {color: var(--text-color);padding:5px; text-align:left; background: var(--panel-border-color);border: none;font-family: serif;font-size: 16px; border-radius: 10px;}
.eDetails1 {color: var(--text-color);padding:5px; text-align:left;background: var(--panel-border-color);border: none;font-family: serif;font-size: 16px; }
.eDetails2 {padding:5px; text-align:left;font-family: serif;font-size: 16px; }
/* -------------- */

/* -------------- */
.catPages1, .catPages2, .pagesBlock1, .pagesBlock2, .pagesBlockuz1, .pagesBlockuz2 {
 padding:35px 0px 10px 0px;
} 

span.catPages1, span.catPages2, span.pagesBlock1, span.pagesBlock2, span.pagesBlockuz1, span.pagesBlockuz2 { 
 display: inline-block; 
} 

.catPages1 a, .catPages2 a, .pagesBlock1 a, .pagesBlock2 a, .pagesBlockuz1 a, 
.pagesBlockuz2 a, .catPages1 b, .catPages2 b, .pagesBlock1 b, .pagesBlock2 b, 
.pagesBlockuz1 b, .pagesBlockuz2 b { 
 padding:8px 12px; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 border-radius: 3px; 
 color:#fff; 
 background:#282825; 
 font-size:13px; 
 font-weight:bold; 
} 

.catPages1 b, .catPages2 b, .pagesBlock1 b, .pagesBlock2 b, .pagesBlockuz1 b, .pagesBlockuz2 b { 
 color:#fff; 
 background:#71aaeb; 
} 

.catPages1 a:hover, .catPages2 a:hover, .pagesBlock1 a:hover, .pagesBlock2 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover { 
 color:#fff; 
 background:#3c3c38; 
} 

.swchItemDots { 
 color:#96968b; 
 font-size:13px; 
 font-weight:bold; 
}

.swchItemA span, .swchItem span{
 color:#fff; 
}

/* -------------- */

#uhvb {
 display: none !important;
}

#uhvv{
 display: contents !important;
}

.tOnline, .gOnline, .uOnline
{
 color: var(--text-color);
}

.vp {
 background-color: var(--panel-border-color);
 border: none; 
 color: var(--text-color);
 padding: 10px 10px; 
 border-radius: 5px;
 text-align: center; 
 text-decoration: none; 
 display: inline-block; 
 font-size: 15px; 
 margin: 4px 2px; 
 cursor: pointer;
}

a.vp:link { 
 background-color: var(--panel-border-color);
 background: var(--summary-background);
 border: none; 
 color: var(--text-color);
 padding: 10px 10px; 
 border-radius: 5px;
 text-align: center; 
 text-decoration: none; 
 display: inline-block; 
 font-size: 15px; 
 margin: 4px 2px; 
 cursor: pointer;
}

.tablevv tbody, .tablevv tr{
 border-color: var(--text-color);
}

.MsoNormal{
 color: var(--text-color);
 padding: 0 10px 0 10px;
}

.eAnswer{
 color: var(--text-color);
 text-align: left;
 margin: 10px 0 20px 0;
}

.codeButtons {
 color: var(--text-color);
 font-size: 9pt;
 background: var(--panel-border-color);
 border: 1px outset #6E6E6E;
}

.u-full-width {
 color: var(--text-color);
 background-color: var(--panel-border-color);
 border: 1px solid var(--panel-border-color);
}

.smiles {
 border: 1px inset;
 background: #ffffff00;
}

.eBlock {
 border-bottom: 1px solid var(--panel-border-color);
 padding: 0 0 20px 0;
}

.info{
 font-size: 20px !important;
 font-family:Times New Roman,Times,serif;
}

.u-star-rating-12 a.u-one-star, .u-star-rating-12 a.u-two-stars, .u-star-rating-12 a.u-three-stars, .u-star-rating-12 a.u-four-stars, .u-star-rating-12 a.u-five-stars {
    left: 0px;
    color: #00000000;
}

::marker {
 color: var(--text-color);
}

@media (max-width: 500px) {
 .eTitle {font-size: 12pt;}
 .eMessage span{font-size: 12pt;}
 h1 {font-size: 14pt;}
 details {font-size: 12px;}
 a.vp:link {font-size: 12px; padding: 5px 5px;}
 .info{font-size: 16px !important;}
 .eDetails, .eDetails2, .eDetails3 {font-size: 12px; }
  img{max-width:100%; height:auto !important;}
}