p-all { display: block; height: calc(100% - 80px); width: 100%; font-family: "Guttman Frank"; font-size: 15px; }
p-panel { display: flex; flex-direction: row; height: 110px; column-gap: 0px; margin-top: 0px; justify-content: center; border-bottom: 2px solid rgb(0, 0, 0); }
p-types { display: flex; flex-direction: column; width: 104px; padding-left: 2px; padding-right: 2px; }
p-groups { display: flex; flex-direction: column; width: 62px; padding-left: 2px; padding-right: 2px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); }
p-books { display: flex; flex-direction: column; width: 102px; padding-left: 2px; padding-right: 2px; border-left: 1px solid rgb(0, 0, 0); }
p-pages { display: flex; flex-direction: column; width: 86px; padding-right: 2px; padding-left: 2px; }
k-klak { display: inline-block; border-radius: 7px; padding-right: 5px; margin-bottom: 1px; margin-top: 1px; white-space: nowrap; }
k-klak:hover { background-color: var(--lnkBh); color: rgb(255, 255, 255); }
.selected { background-color: var(--thisB); color: rgb(255, 255, 255); }
p-frame { display: block; height: calc(100% - 34px); width: 100%; margin-top: 2px; padding: 10px 10px 12px 6px; }
p-text { text-align: justify; display: block; user-select: text; }
.tnk { font-family: "Guttman stam"; font-size: 24px; line-height: 36px; }
.mis { font-family: "Guttman Frank"; font-size: 20px; line-height: 28px; }
.sdr { font-family: "Guttman Vilna"; font-size: 20px; line-height: 28px; }
.yer { font-family: "Guttman Frank"; font-size: 20px; line-height: 28px; }
.tos { font-family: "Guttman Frank"; font-size: 20px; line-height: 28px; }
p-but { display: flex; flex-direction: row; justify-content: space-around; background-color: var(--textBg); background-image: var(--textBgImage); font-size: 20px; margin-top: 2px; height: 100%; padding-top: 4px; border: 4px double rgb(0, 0, 0); border-radius: 7px; }
k-but { display: inline-block; box-shadow: rgb(173, 173, 173) 2px 2px 1px 1px; 
background-color: var(--greenButtonBg); color: var(--greenButtonC); 
text-align: center; width: 60px; line-height: 20px; border-radius: 7px; height: 24px; }
k-but[disabled] { background-color: rgb(171, 171, 171); color: rgb(255, 255, 255); cursor: not-allowed; }
k-but[disabled]:hover { background-color: rgb(171, 171, 171); color: rgb(255, 255, 255); cursor: not-allowed; }
k-but:hover { background-color: var(--greenButtonBgH); color: var(--greenButtonCH); cursor: pointer; }
k-info { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); display: inline-block; border-radius: 7px; width: 220px; text-align: center; line-height: 22px; height: 22px; font-size: 12px; }
sub { }
h1 { text-align: center; font-size: 50px; text-shadow: rgb(216, 77, 255) 1px 1px 4px; }
h2 { text-align: center; font-size: 30px; text-shadow: rgb(216, 77, 255) 1px 1px 4px; }
h3 { text-align: center; font-size: 24px; text-shadow: rgb(216, 77, 255) 1px 1px 4px; }
span { }
big { }
i-big { display: inline-block; font-size: 150%; font-weight: bold; }
strong { font-size: 150%; }
i-big strong { font-size: 90%; }
small { }
.mam-spi-pe { font-weight: lighter; }
.mam-spi-samekh { font-weight: lighter; }
.mam-kq { background-color: rgb(255, 255, 255); }
.mam-kq-k { background-color: rgb(237, 237, 237); color: rgb(130, 130, 130); }
.mam-kq-q { background-color: rgb(255, 255, 0); }

@media screen and (max-width: 360px) {
  p-frame { scrollbar-width: none; }
}