@charset "utf-8";
/* bo.css */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*font-family: sans-serif;*/
font-family: 'Open Sans', sans-serif;
/*font-family: 'Literata', serif;*/
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
list-style: none;
margin: 0;
padding: 0;
}
a, big, body, cite, div, em, font, form, html, img, input, li, option, p, s, select,
span, table, tbody, td, tr, ul, var {
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
}
abbr {
border-bottom: 1px dotted Gray;
text-decoration: none;
cursor: help;
}
audio {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
:root {
--latime: 960px;
}
.audio {
background-color: #15253E;
display: block;
height: 55px;
margin-top: 10px;
max-height: 55px;
opacity: .7;
padding: 0;
width: 220px;
}
button, input, select {
vertical-align: baseline;
}
button {
background: #EEE;
border: 0 solid #EEE;
border-radius: 2px;
color: #212121;
font-size: 100%;
margin: 0;
padding: 5px;
}
:focus {
outline: 0;
}
ul {
list-style: none;
}
td {
font-weight: 400;
text-align: left;
}
td {
vertical-align: top;
}
a {
color: inherit;
cursor: pointer;
/*outline:0;*/
text-decoration: none;
}
footer, header, nav, section {
display: block;
}
.clear {
clear: both;
}
.overflowauto {
overflow: auto;
}
.overflowunset {
overflow: unset;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

.nodisplay {
display: none;
}
.center {
text-align: center;
}
p {
line-height: 120%;
/*padding-bottom:0;*/
word-break: keep-all;
}
span {
line-height: 120%;
/*padding-bottom:0;*/
word-break: keep-all;
}
.f_left {
float: left;
}
.f_right {
float: right;
}
.underline {
text-decoration: underline;
}
.white,.white a {
color: #FFF;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
font-weight: 400;
}
h4 {
font-size: 16px;
font-weight: 400;
}
h5 {
font-size: 12px;
}
/*
http://www.ndiscovered.com/cinzel/
https://font-converter.net/en
*/
/*
@font-face {
font-family: cinzel;
src: url(Cinzel-Regular.eot?#iefix) format('embedded-opentype'),
     url(Cinzel-Regular.woff2) format("woff2"),
     url(Cinzel-Regular.woff) format('woff'),
     url(Cinzel-Regular.ttf) format('truetype'),
     url(Cinzel-Regular.svg#cinzel) format('svg');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: sbl_greekregular;
src: url(new_sbl_grk-webfont.eot?#iefix) format('embedded-opentype'),
     url(new_sbl_grk-webfont.woff2) format("woff2"),
     url(new_sbl_grk-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
*/
@font-face {
font-family: FontAwesome;
src: url(fonts/fontawesome-webfont.eot);
src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),
     url(fonts/fontawesome-webfont.woff2) format("woff2"),
     url(fonts/fontawesome-webfont.woff) format("woff"),
     url(fonts/fontawesome-webfont.ttf) format("truetype"),
     url(fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}

/* OPEN SANS - VARIABLE 3 AXES */
/* cyrillic-ext */

@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0bdc1UAw.woff2) format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK1ldc1UAw.woff2) format("woff2");
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK13dc1UAw.woff2) format("woff2");
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,  U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese - sters de mine */
/*
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
*/
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFV50bbck.woff2) format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFKZ0bbck.woff2) format("woff2");
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFO50bbck.woff2) format("woff2");
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese - sters de mine */
/*
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
*/
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
src: url(fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
font-family: 'Open Sans';
src: url(fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-style: normal;
font-weight: 300 800;
font-stretch: 75% 100%;
font-display: swap;
}

@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-stretch: normal;
src: url(fonts/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVQ.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4k.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4k.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4k.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4k.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4k.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-stretch: normal;
src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4k.woff) format('woff');
}

/* LITERATA - VARIABLE 3 AXES */

/* cyrillic-ext */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrodmgPn.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrMdmgPn.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrsdmgPn.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrQdmgPn.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese - sters de mine */
/*
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrgdmgPn.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
*/
/* latin-ext */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1FrkdmgPn.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Literata';
font-style: italic;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3nQ6P12-iJxAIgLYT1Frcdmg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYT9JrUFng.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYT0JrUFng.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYT8JrUFng.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYTzJrUFng.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese - sters de mine */
/*
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYT_JrUFng.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
*/
/* latin-ext */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYT-JrUFng.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Literata';
font-style: normal;
font-weight: 200 900;
font-display: swap;
src: url(fonts/or3hQ6P12-iJxAIgLYTwJrU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
@font-face {
  font-family: 'SirbaGRK';
  src: url(SirbaGRK.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*/

.opensans {
font-family: 'Open Sans';
font-size: 22px;
}

.unselectable {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
body {
-webkit-text-size-adjust: 100%;
background-color: #F3F2ED;
text-size-adjust: 100%;
}
.head {
height: auto;
left: 0;
position: fixed;
top: 0;
z-index: 1010;
width: 100%;
}
.imgcontainer {
/*border-bottom: #757575 solid 1px;*/
/*border: 1px solid #DDDDDD;*/
background-color: #15253E;
/*padding: 16px;*/
padding: 3px;
position: relative;
text-align: left;
color: #DDB96D;
height: 30px;
}
.imgcont-hlp {
background-color: #424242;
border-bottom: #757575 solid 1px;
padding: 3px;
position: relative;
text-align: left;
}
.modal-content-hlp {
background-color: #FFFFDB;
border: 1px solid #888;
left: 321px;
position: fixed;
top: 121px;
}
#txtmain * {
/* font-size:inherit; */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.fieldpad:not(:root) {
-webkit-appearance: none;
}
body,html {
height: 100%;
}
#header-main:after,#header-main:before,.biblia_image:after,.biblia_image:before,.footer_low:after,.footer_low:before,.headertitle:after,.headertitle:before,.wrapper:after,.wrapper:before,header:after,header:before {
clear: both;
content: "";
display: table;
}
/*
#header-main:after,.biblia_image:after,.headertitle:after,.wrapper:after,.wrapper:before,header:after{
clear: both;
}
*/
.wrapper {
margin: 0 auto;
min-height: 100%;
}
.push,footer {
height: 50px;
}
.push2 {
padding-bottom: 30px;
}
::-webkit-input-placeholder {
color: #A4A4A4;
}
:-moz-placeholder {
color: #A4A4A4;
}
::-moz-placeholder {
color: #A4A4A4;
}
:-ms-input-placeholder {
color: #A4A4A4;
}
/*
.center{
text-align:center
}
*/
.cinzel {
/*font-family: cinzel, Georgia, "Times New Roman", Times, serif;*/
/*font-family: sans-serif;*/
}
.greek {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
}
.cyr {
font-family: Ponomar Unicode;
/*font-family: sans-serif;*/
}
.gr {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
}
.gr2 {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
/*font-size: 1.15em;*/
color: brown;
}
.hb {
color: brown;
}
.greekb {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
font-weight: bold !important ;
font-variant-numeric: lining-nums !important ;
}
.cpr {
/*color:blue;*/
color:black;
cursor: pointer;
}
.main {
margin: 0 auto;
width: var(--latime);
}
.maincalc {
height: auto !important ;
margin-left: calc((100vw - var(--latime))/ 2);
margin-right: calc(-1 * (100vw - 100%));
}
.bk {
/*background-color :#15253E;*/
background-position: center -64px;
height: 47px;
border-bottom: 1px solid #1e6aac;
}
#header-main h2,#header-main h3 {
margin-bottom: 0;
}
#midcontainer {
color: #000;
width: 100%;
}
#header-main .top_header {
position: absolute;
width: 960px;
}
#header-main .header_menus {
float: left;
margin-left: 180px;
}
#header-main .header_menus li {
float: left;
}
#header-main .header_menus li a {
background: url(../right_border.png) right no-repeat;
color: #DDB96D;
float: left;
font-size: 15px;
font-weight: 700;
margin: 15px 0;
padding: 0 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #header-main .header_menus li a,.right_panel .bible_options .title,::i-block-chrome{
  font-weight: 400;
  }
  .big_select select,::i-block-chrome {
  line-height: 31px !important ;
  }
}
#header-main .header_menus li a:hover {
color: #EEE1BC;
transition: all .35s ease 0s;
}
#header-main .header_menus li a#nav5 {
background: 0 0;
}
#header-main .size11 {
font-size: 11px;
}
#header-main .size12 {
font-size: 12px;
font-weight: 700;
}
#header-main .right_image {
background: url(images.png) 0 0 no-repeat;
color: #FFF;
float: right;
height: 53px;
overflow: hidden;
padding-left: 3px;
padding-right: 14px;
padding-top: 14px;
position: relative;
text-align: center;
top: -6px;
width: 85px;
}
#header-main .right_image a {
color: #FFF;
line-height: 12px;
text-decoration: none;
}
#header-main .right_image a:hover {
color: #DDB96D;
}
.headertitle {
color: #DDB96D;
display: table-cell;
margin: 0;
padding-bottom: 9px;
text-align: left;
vertical-align: top;
z-index: 1;
}
.headertitle h1 {
font-size: 16px;
/*font-weight: 900;*/
margin-bottom: 0;
margin-left: 6px;
width: 70px;
}
.headertitle h2 {
font-size: 16px;
font-weight: 400;
margin-top: -5px;
}
.letterspace1 {
letter-spacing: 5px;
}
.letterspace2 {
letter-spacing: 10px;
}
.letterspace3 {
letter-spacing: 20px;
}
#tableheader {
margin-left: auto;
margin-right: auto;
table-layout: fixed;
width: auto;
}
#header-main .biblia_image {
float: left;
height: 95px;
margin-bottom: 3px;
margin-left: 5px;
width: 94px;
}
.biblia_image>img {
height: auto;
width: 94px;
}
#cauta {
margin-left: 15px;
}
.inline {
display: inline;
}
.left_search form .submit_me {
margin-left: 10px
}
.right-arrow {
background: url(images.png) no-repeat scroll -124px -74px;
display: inline-block;
height: 17px;
width: 11px;
}
.spacing {
letter-spacing: 6px;
}
.ttljmp {
cursor: pointer;
color: #488DCD;
}
.tancolor {
color: #EEE1BC;
font-size: 16px;
letter-spacing: 1px;
}
.search_options .left_search {
float: left;
margin: 0 0 0 10px;
width: 1000px;
}
.search_options .right_search {
float: right;
width: 50%;
}
.search_options {
background:#3C5373;
}
.search_options input[type=text] {
background-color: #FFDDC7;
border-radius: 5px;
color: #655F4A;
font-size: 17px;
height: 36px;
padding: 0 10px;
width: 100%;
}
.search_options input[type=number] {
width: 43px;
}
.right_search form {
float: right;
width: 453px;
}
form .big_select {
width: 245px;
}
.left_search input {
text-indent: 30px;
}
.search_icon::before {
background: url(images.png) no-repeat scroll -6px -64px;
bottom: 9px;
content: "";
display: block;
height: 22px;
left: 8px;
position: absolute;
width: 22px;
}
#chapters,#verses,.big_select select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #EEE1BC url(arrow.gif) no-repeat 95% 50%;
color: #655F4A;
font-size: 12px;
font-weight: bold;
height: 26px;
margin: 0;
outline: medium none;
padding-left: 5px;
padding-right: 10px;
position: relative;
width: 100%;
}
.big_select select#traducerea.fieldpad {
width: 253px;
}
.big_select select#books.fieldpad {
width: 260px;
}
.big_select select::-ms-expand {
display: none;
}
.butsel {
background: #EEE1BC url(arrow.gif) no-repeat 95% 50%;
border: none;
font-size: 14px;
font-weight: bold;
height: 26px;
padding-bottom: 0;
padding-top: 0;
text-align: left;
width: 253px;
}
.butsel2 {
background: #EEE1BC url(arrow.gif) no-repeat 95% 50%;
border: none;
font-size: 12px;
font-weight: bold;
height: 26px;
padding-bottom: 0;
padding-top: 0;
text-align: left;
width: 253px;
}
#setHeader {
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
background: #15253E;
border: 1px solid #DDD;
color: #DDB96D;
height: 30px;
width: 153px;
text-align: left;
}
.setWidth {
background: #F3F2ED;
width: 140px;
}
#setTitle {
color: #DDB96D;
display: inline;
font-size: 12px;
padding-left: 8px;
position: relative;
top: 3px;
width: auto;
}
#setpopup {
-moz-box-shadow: 2px 3px 5px #BBB;
-webkit-box-shadow: 2px 3px 5px #BBB;
background-color: #F3F2ED;
border-bottom: 1px solid #BBB;
border-left: 1px solid #BBB;
border-right: 1px solid #BBB;
box-shadow: 2px 3px 5px #BBB;
/*font-family: Verdana, Arial, Helvetica;*/
/*font-family: sans-serif;*/
display: none;
/*height: 150px;*/
margin: 0;
padding: 0;
width: 140px;
z-index: 100;
}
#setClose img {
border: 0 none;
display: block;
float: right;
height: 16px;
margin-right: 3px;
margin-top: 4px;
}
#chapters {
background-position: 88% 50%;
margin-top: 8px;
width: 75px;
}
#verses {
background-position: 88% 50%;
margin-top: 8px;
width: 65px;
}
#currentBookChapterHolder {
background-position: 88% 50%;
margin-top: 8px;
width: 265px;
}
.spinarrow {
padding: 2px;
border: solid 1px;
}
.spinarrow:hover {
padding: 2px;
background: lightblue;
}
.spinnertext {
position: relative;
/*display: table-cell;*/
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
display: block;
width: 50px;
height: 30px;
padding: 6px 5px;
font-size: 16px;
/*line-height: 1.42857143;*/
color: #555555;
background-color: #FFF;
background-image: none;
}
.left_search .submit_me:hover,.right_search .submit_me:hover {
background: #CF870D;
border-bottom: solid 3px #333;
transition: all .4s;
}
.right_search form .submit_me {
margin-left: 10px;
}
.lt-margin{
margin: 0 0 0 10px;
}
.search_options .fieldpad {
margin-top: 8px;
}
.header .fieldpad2 {
margin-top: 8px;
}
.no-margin {
margin-bottom: 20px;
margin-top: 0;
}
.main .left-panel {
margin: auto;
width: calc(var(--latime) - 210px);
}
.book_reader {
background-color: #F3F2ED;
}
.left-panel .book_reader {
position:relative
}
.book_reader .next {
cursor: pointer;
float: right;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.noJS {
color: red;
font-size: 30px;
font-weight: bold;
padding-bottom: 5000px;
width: 100%;
}
#wrapper      { display: none  }  /* Hide if JS disabled */
.js #wrapper { display: block }  /* Show if JS enabled */
.js #noscript1    { display: none;  } /* Hide if JS enabled */
@keyframes blinker {
50% {
  opacity: 0;
}
}
.jsins {
color: #000;
text-decoration: underline;
}
/*
.book_reader .next{
float: right
}
*/
.book_reader .next:hover .next_btn {
background: url(fwdbtn.png) 0 217px no-repeat scroll #D6D2CB00;
}
.book_reader .next a.next_btn {
display: block;
height: 100%;
width: 30px;
}
.main .left-panel .chapters_div {
padding:0 30px;
}
.chapters_div_in .header_div {
background: #3C5373;
border-radius: 5px;
padding: 14px 13px;
text-align: center;
}
.chapters_div_in .header_div a,.footer_div a.btn {
background: #FFF5E2;
border: 1px solid #E6DAC0;
border-radius: 3px;
color: #655F4A;
display: inline-block;
font-size: 14px;
padding: 7px;
}
.header_div a:hover {
color: #FFF;
}
.chapter {
font-size: 28px;
position: relative;
top: 0;
}
.bx-wrapper {
margin: 0 auto;
/*padding: 5px;*/
position: relative;
}
.bxslider .in_slider {
color: #000;
padding: 30px 40px;
}
.bxslider .in_slider #txtmain {
margin-left: 0;
padding-bottom: 0;
position: relative;
}
.bxslider .in_slider #txtmain #td .versehover {
color: #3C5373;
cursor: pointer;
font-weight: 700;
}
.bxslider .in_slider #txtmain p .versehover {
color: #3C5373;
font-weight: 700;
padding-right: 10px;
}
.versehover a {
color: #FFF;
text-decoration: none;
transition: all .35s ease 0s;
}
.oprezatrttl {
cursor: pointer;
font-weight: bold;
}
.oprezatrttl:hover {
cursor: pointer;
font-weight: bold;
text-decoration: underline;
color: blue;
}
.red {
color: #A10004;
}
.gold {
color: #DDB96D;
}
.divcomnt {
height: 60px;
margin-bottom: 5px;
overflow: hidden;
padding: 5px;
resize: vertical;
}
.divcomntCompact {
resize: none;
border-bottom: none !important;
height: fit-content !important;
}
.divcom {
height: 60px;
margin-bottom: 5px;
overflow: hidden;
padding: 5px;
resize: vertical;
}
.divcomCompact {
resize: none;
border-bottom: none !important;
height: fit-content !important;
}

.divnnt {

}
.divnntCompact {
/*height: fit-content !important; */
/*display: none; */
}
.boldgr {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
font-style: italic;
/*font-weight: 700;*/
font-weight: 600;
}
.indnt {
text-indent: 50px;
}
.sp2 {
/*font-family: sbl_greekregular;*/
/*font-family: sans-serif;*/
letter-spacing: .2em;
margin-right:-.2em;
}
/*
.sp2:after {
   content:" ";
   margin-left:  -.7em;
}
*/
.it {
font-style: italic;
}
.bold {
/*font-weight: 700;*/
font-weight: 600;
}
.mark-blue {
background: #B8DEF5;
}
.mark-green {
background: #C3F7B9;
}
.mark-yellow {
background: #F4F7A0;
}
.mark-orange {
background: #F5BB8D;
}
.mark-pink {
background: #F9BAD7;
}
#txtmain a:hover {
color: #3C5373;
}
.footer_div {
background: #FFF;
padding: 0 30px 15px;
}
.lightblue {
background: #3C5373;
}
.graytxt {
color: #999;
}
.main .right_panel {
float: right;
width: 245px;
}
.right_panel .bible_options {
background: #3C5373;
border-radius: 4px;
margin-bottom: 30px;
padding: 15px 20px;
}
.right_panel .bible_options .title {
color: #FFF;
font-size: 16px;
margin-bottom: 10px
}
.right_panel .bible_options li {
border-bottom: 1px solid #CF870D;
color: #FFF;
font-size: 13px;
padding: 10px 0;
}
.right_panel .bible_options li:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.right_panel .bible_options li span {
float: left;
height: 19px;
margin-right: 10px;
text-align: center;
width: 30px;
}
.right_panel .bible_options li a {
border-radius: 3px;
color: #FFF;
padding: 3px 10px;
text-decoration: none;
transition: all .35s ease 0s;
}
.right_panel .bible_options li a:hover {
background: #FFDDC7;
color: #88630F;
}
.f {
background: url(images.png) no-repeat scroll -37px -60px;
}
.f:hover {
background: url(images.png) no-repeat scroll -37px -77px;
cursor: pointer;
}
.icon_p {
background: url(images.png) no-repeat scroll -84px -98px;
}
.icon_j {
background: url(images.png) no-repeat scroll -113px -98px;
}
.red_btn span.img {
background: #841616;
border-bottom: 3px solid #5A0F0F;
border-radius: 4px 0 0 4px;
padding: 9px 12px;
}
.red_btn span {
display: table-cell;
}
.footer_left .menus {
float: left;
margin-right: 50px;
width: 220px;
}
.footer_left .title,.footer_right .menus .title {
background: url(../images/below_border.png) no-repeat scroll left bottom;
color: #FFF;
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.footer_left ul li::before,.footer_right ul li::before {
color: #98552B;
content: "\25B8";
font-size: 18px;
left: 0;
position: absolute;
}
.footer_left ul li,.footer_right ul li {
color: #98552B;
content: "\25B8";
font-size: 18px;
margin-top: 10px;
padding-left: 15px;
position: relative;
}
.footer_left ul li a,.footer_right ul li a {
color: #DDB96D;
font-size: 14px;
}
.footer_left ul li a:hover,.footer_right ul li a:hover {
color:#FFDDC7;
}
.footer_right .menus {
float: left;
width: 215px;
}
.footer_right .menus.right {
float: left;
margin-left: 10px;
}
footer {
background-color: #15253E;
margin-bottom: 0;
padding-bottom: 0;
}
.footer_low {
margin: 0;
display: block;
}
.footer_low .left,.footer_low .right {
color: #DDB96D;
font-size: 11px;
}
.footer_low .right {
float: right;
margin-right: 10px;
}
.footer_low .right div,.footer_low .right ul {
float: left;
}
.footer_low .right ul {
line-height: 0;
margin-bottom: 0;
padding: 0 20px;
}
.footer_low .right ul li {
display: inline-block
}
.footer_low .right ul li a {
color: #E64F5A;
font-size: 17px;
padding: 4px;
}
.footer_low .left {
float: left;
margin-left: 10px;
}
.vertical-center {
-ms-transform: translateY(10%);
top: 50%;
transform: translateY(10%);
vertical-align: middle;
}
input {
outline: 0;
margin-top: 5px;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
border: solid 2px #DDB96D;
font-family: inherit;
font-size: 100%;
padding: 9px 10px;
width: 55px;
}
input::-webkit-search-cancel-button,input::-webkit-search-decoration {
display: none;
}
input[type=search]:focus {
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
border-color: #DDB96D;
box-shadow: 0 0 5px rgba(109,207,246,.5);
width: 130px;
}
input:-moz-placeholder {
color: #999;
}
input::-webkit-input-placeholder {
color: #999;
}
#cauta input[type=search] {
cursor: text;
width: 15px;
}
#cauta input[type=search]:hover {
/*background-color: #15253e*/
}
#cauta input[type=search]:focus {
color: #FFF;
cursor: text;
width: 130px;
}
#cauta input:-moz-placeholder {
color: transparent;
}
#cauta input::-webkit-input-placeholder {
color: transparent;
}
table.tablecenter {
margin-left: auto;
margin-right: auto;
width: 606px;
}
table.tablecenter2 {
margin-left: auto;
margin-right: auto;
width: 100%;
}
table.tablecenter3 {
margin-left: auto;
margin-right: auto;
width: 450px;
}
.penta { /*Pentateuhul*/
background-color: #CCF;
}
.ist { /*Carti istorice*/
background-color: #FC9;
}
.poet { /*Carti poetice*/
background-color: #9F9;
}
.prma { /*Profeti mari*/
background-color: #F9F;
}
.prmi { /*Profeti mici*/
background-color: #FFC;
}
.neca { /*Necanonice*/
background-color: #F66;
}
.evfa { /*Evangheliile+FA*/
background-color: #F90;
}
.eppv { /*Epistole Pavel*/
background-color: #FF3;
}
.epsb { /*Epistole sobornicesti*/
background-color: #8DC1DB;
}
.apoc { /*Apocalipsa*/
background-color: #B1A5B5;
}
.fapt { /*Faptele Apostolilor*/
background-color: #947B5C;
}
.psbcol { /*Colectia PSB*/
background-color: #CCF;
}
.dgmcol{ /*Colectia Dogmatica*/
background-color: #FC9;  
}
.tflcol { /*Colectia teofilact*/
background-color: #9F9;  
}
.arecol { /*Colectia dionisie areopagitul*/
background-color: #DDA;  
}
.filcol { /*Colectia Filocalia*/
background-color: #F9F;
}
.dupaverset {
font-style: oblique;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
text-align: left;
}
.dupaversetjus {
font-style: oblique;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
text-align: left;
text-align: justify;
}
.inainteverset {
padding-top: 10px;	
}
.inclinat {
font-style: oblique;
/*color: red;*/
}
.carte {
width: -moz-available;
width: -webkit-fill-available;
/*overflow-y: scroll;*/
padding-left: 0;
font-size:inherit;
/*resize: vertical;*/
padding:0;
/*text-align: justify;*/
margin-right: 5px;
}
.borderdown {
  border-bottom: 1px solid #000;
}
.just {
  text-align: justify;
}
#gototopBtn {
  display: none;
  opacity: 0.5;
  position: fixed;
  bottom: 60px;
  /*right: 30px;*/
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: steelblue;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 14px;
  height: 28px;
  width: 28px;
  line-height: 18px;
  text-align: center;
}
#gototopBtn:hover {
  background-color: #15253E;
  opacity: 1.0;
}
.inclinatgray {
font-style: oblique;
color: gray;
}
.noresfound {
font-style: oblique;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
text-align: center;
}
.pointer {
cursor: pointer;
}
.fs12 {
font-size: 12px;
}
.fs16 {
font-size: 16px;
}
.fs20 {
font-size: 20px;
}
.fs24 {
font-size: 24px;
}
.fs28 {
font-size: 28px;
}
/*Log in*/
/*
.lijoin {
     cursor: pointer;
     position: relative;
     left: 170px;
     top: -17px;
}
.lijoin:hover {
     color: #E80606;
    text-decoration: none;
}*/
.captcha1 {
padding-top: 10px;
}
.forg {
/*color: #FFA800;*/
color: #0088CC;
cursor: pointer;
float: right;
position: relative;
top: -48px;
text-decoration: none;
}
.forg:hover {
color: #E80606;
cursor: pointer;
text-decoration: none;
}
.forg2 {
/*color: #FFA800;*/
color: #0088CC;
cursor: pointer;
float: right;
position: relative;
text-decoration: none;
top: -49px;
}
.forg2:hover {
color: #E80606;
cursor: pointer;
text-decoration: none;
}
.forg3 {
/*color: #FFA800;*/
color: #0088CC;
cursor: pointer;
float: right;
position: relative;
top: -6px;
text-decoration: none;
}
.forg3:hover {
color: #E80606;
cursor: pointer;
text-decoration: none;
}
.forg4 {
/*color: #FFA800;*/
color: #0088CC;
cursor: pointer;
float: right;
position: relative;
top: -17px;
text-decoration: none;
}
.forg4:hover {
color: #E80606;
cursor: pointer;
text-decoration: none;
}
.googleres {
bottom: 50px;
font-size: 2px;
height: 50px;
left: 10px;
position: fixed;
}
.cancelbtn {
background-color: #F44336;
margin-top: 5px;
/*border: none;
color: #FFF;
cursor: pointer;
margin: 8px 0;
padding: 10px 18px;
width: auto;*/
}
.redbtn {
background-color: #F44336;
margin-top: 5px;
}
.greenbtn {
background-color: #4CAF50;
margin-top: 3px;
}
.bluebtn {
background-color: #1697CE;
margin-top: 3px;
}
.sendbtn {
background-color: #4CAF50;
margin-top: 5px;
/*border: none;
color: #FFF;
cursor: pointer;
margin: 8px 0;
padding: 10px 18px;
width: auto;*/
}
.cancelbtn:hover,
.sendbtn:hover {
opacity: .8;
}
.libtn {
background-color: #4CAF50;
margin-top: 3px;
/*border: 1px solid #424242;
color: #FFF;
cursor: pointer;
margin: 8px 0;
padding: 14px 20px;
width: 100%;*/
}
.libtn:hover {
opacity: .8;
}
.libtn:focus,
.forg:focus,
.subtn:focus,
.cancelbtn:focus,
.sendbtn:focus {
box-shadow: inset 0 0 0 1px #FFF;
outline-color: #212121;
}
.subtn {
background-color: #4CAF50;
margin-bottom: 10px;
/*border: none;
color: #FFF;
cursor: pointer;
margin: 8px 0;
padding: 14px 20px;
width: 100%;*/
}
.subtn:hover {
opacity: .8;
}
.wordbtn {
background-color: #EEEEEE;
margin-top: 3px;
}
.wordbtn:hover {
opacity: .8;
}
.regver {
bottom: 50px;
color: #E80606;
height: 50px;
left: 0;
position: fixed;
}
.suverifybtn {
/*color: #000;*/
background-color: #4CAF50;
margin-top: 5px;
}
.liuser,
.lipass,
.suuser,
.supass,
.mycaptcha {
/*background-color: #212121;*/
border: 1px solid #424242;
/*border-radius: 2px;*/
box-sizing: border-box;
/*color: #FAFAFA;*/
display: inline-block;
font-size: 100%;
/*margin: 8px 0;*/
/*padding: 12px 20px;*/
padding: 4px;
width: 100%;
}
.suverify {
/*background-color: #212121;*/
border: 1px solid #424242;
/*border-radius: 2px;*/
box-sizing: border-box;
display: inline-block;
/*margin: 8px 0;
padding: 12px 20px;*/
padding: 4px;
width: 100px;
}
.suverify:focus {
-moz-box-shadow: inset 0 0 0 1px;
-webkit-box-shadow: inset 0 0 0 1px;
/*border: 2px solid #FFF;*/
box-shadow: inset 0 0 0 1px;
}
.liuser:focus,
.lipass:focus,
.suuser:focus,
.supass:focus,
.mycaptcha:focus {
-moz-box-shadow: inset 0 0 0 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
/*border-color: black;*/
}
/*
.imgcontainer {
text-align: left;
position: relative;
background-color: #424242;
padding: 16px;
border-bottom: #757575 solid 1px;
}
*/
/*
.imgcont-hlp {
text-align: left;
position: relative;
background-color: #424242;
padding: 3px;
border-bottom: #757575 solid 1px;
}
*/
.container {
/*padding: 16px;*/
    background: #F3F2ED;
padding: 2px;
}
.container1hl {
  background: #FFFFFF;
  padding: 2px;
}
.container-hlp {
padding: 6px;
}
.container2 {
background-color: #3C5373;
border-top: #757575 solid 1px;
padding: 16px;
}
.container2hl {
background-color: #FFFFFF;
/*border-top: #757575 solid 1px;*/
/*padding: 16px;*/
padding: 4px;
}
.container label {
padding: 0;
text-decoration: none;
}
.modal {
display: none;
position: fixed;
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
/* Enable scroll if needed */
/*background-color: rgb(0, 0, 0);*/
/* Fallback color */
background-color: rgba(0, 0, 0, .4);
/* Black w/ opacity */
padding-top: 60px;
}
.modal-hlp {
display: none;
position: fixed;
z-index: 1;
   /* Sit on top */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
     /* Enable scroll if needed */
/*background-color: rgb(0, 0, 0);*/
     /* Fallback color */
background-color: rgba(0, 0, 0, .4);
     /* Black w/ opacity */
padding-top: 60px;
}
/*
.modal-content-hlp {
background-color: #FFFFDB;
border: 1px solid #888;
left: 321px;
top: 121px;
position: absolute;
position: fixed;
}
*/
.close {
position: absolute;
right: 15px;
top: 8px;
font-size: 35px;
  /*transition: 0.3s ease-in-out;*/
}
.close-hlp {
position: absolute;
right: 10px;
top: 4px;
font-size: 15px;
}
.close1 {
position: absolute;
right: 15px;
top: 8px;
font-size: 35px;
color: #FAFAFA;
}
.close1-hlp {
position: absolute;
right: 10px;
top: 4px;
font-size: 15px;
color: #FAFAFA;
}
.close1:hover,
.close1:focus {
color: red;
cursor: pointer;
}
.close1-hlp:hover,
.close1-hlp:focus {
color: red;
cursor: pointer;
}
.titl {
top: 0;
font-size: 20px;
padding-bottom: 20px;
padding-left: 10px;
color: #FAFAFA;
}
.titl2 {
color: #DDB96D;
display: inline;
font-size: 16px;
/* font-weight: bold; */
padding-left: 8px;
position: absolute;
top: 5px;
width: auto;
}
.titl-hlp {
position: relative;
top: 1px;
font-size: 15px;
padding-bottom: 20px;
padding-left: 3px;
cursor: default;
}
.close:hover,
.close:focus {
color: red;
/*transform: rotate(90deg);*/
cursor: pointer;
}
.close-hlp:hover,
.close-hlp:focus {
color: red;
cursor: pointer;
}
.animate {
-webkit-animation: animatezoom .6s;
animation: animatezoom .6s;
}
@-webkit-keyframes animatezoom {
from {
  -webkit-transform: scale(0);
}
to {
  -webkit-transform: scale(1);
}
}
@keyframes animatezoom {
from {
  transform: scale(0);
}
to {
  transform: scale(1);
}
}
span.psw {
float: right;
padding-top: 16px;
}
.modal-menu {
display: none;
position: fixed;
z-index: 1;
}
.modal-content-menu {
background-color: #15253E;
left: 321px;
top: 121px;
position: fixed;
}
.markcolor {
/*border: 1px solid #E2E4E7;*/
cursor: pointer;
position: relative;
margin: 0;
left: 5px;
top: 5px;
}
.markcolor:hover {
/*border: 1px solid #000;*/
background-color: white;
cursor: pointer;
}
.markcolor2 {
/*border: 1px solid #E2E4E7;*/
cursor: pointer;
position: relative;
margin: 0;
left: 5px;
top: 5px;
}
.markcolor2:hover {
/*border: 1px solid #000;*/
/*background-color: white;*/
cursor: pointer;
}
.modal-content-menu2 {
/*background-color: #FFF;*/
background-color: #F3F2ED;
/*border: 1px solid gray;*/
border-radius: 0;
}
.container-menu {
padding: 0;
}
.nobr {
white-space: nowrap;
}
.ctr {
text-align:center;
color: #A10004;
}
#partrans {
width: 282px;
}
.coltext {
display: table-cell;
vertical-align: middle;
}
.col {
display: table;
text-align: center;
-moz-border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.lcol {
color: #FFF;
text-align: center;
margin-left: auto;
margin-right: auto;
letter-spacing: 2px;
}
.ldiv {
float: left;
margin-right: 0;
margin-left: 5px;
width: 475px; /**/
/*border: thin dashed violet; */
height: 81px;
}
.rdiv {
float: right;
width: 475px;
/*border: thin dashed violet; */
/*margin: 0 5px 0 10px; */
margin-right: 5px;
height: 81px;
}
.resultsdiv {
width: 750px;
padding-left: 75px;
padding-right: 75px;
margin: auto;
}
.rspan {
color: #FFF;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.svg3636 {
width: 36px;
height: 36px;
}
.svg3624 {
width: 24px;
height: 36px;
margin-bottom: 13px;
cursor: pointer;
}
.svg3624mic {
background-image: url("mic_2.svg");
background-repeat:no-repeat;
width: 24px;
height: 36px;
margin-bottom: 13px;
}
.svg3624mare {
background-image: url("mare_2.svg");
background-repeat:no-repeat;
width: 24px;
height: 36px;
margin-bottom: 13px;
}
.svg2424 {
width: 24px;
height: 24px;
margin-bottom: 13px;
}
#player {
width: 220px;
}
#rugstart {
cursor: pointer;
margin-left: 40px;
}
#rugstart2 {
cursor: pointer;
margin-left: 40px;
}
#ruginceput, #rugend {
margin-left: 40px;
}
#fc1 {
text-align: right;
width: 250px;
vertical-align: middle;
}
#fc2 {
vertical-align: middle;
}
#fc3 {
text-align: left;
width: 250px;
vertical-align: middle;
}
#resclosebtn {
color: #DDB96D;
}
#resclosebtn:hover {
/*color: red;*/
}
#parclosebtn,
#searchparclosebtn {
float: right;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
font-size: 20px;
/*margin-top: 3px;*/
margin-top: -23px;
margin-bottom: 0;
cursor: pointer;
color: #DDB96D;
}
#parclosebtn:hover {
/*color: red; */
}
#adnparclosebtn {
float: right;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
font-size: 20px;
/*margin-top: 3px;*/
margin-top: -23px;
margin-bottom: 0;
cursor: pointer;
color: #DDB96D;
}
#adnparclosebtn:hover {
/*color: red; */
}
#trd {
width: auto;
/*margin-left: 110px;
margin-right: 5px;
margin-top: -41px;*/
}
#carteacap {
/*margin-left: 180px;
margin-top: -42px;*/
}
@media screen and (max-width: 1030px) {
#header-main .header_menus {
  margin: 0;
}
.main {
  width: 800px;
  margin: 0 auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 800px)/ 2);
}
.main .right_panel {
  float: none;
  width: 100%;
}
.footer_left .menus {
  width: 50%;
  margin-right: 0;
}
.footer_right .menus {
  margin-left: 6%;
  width: 46%;
}
.footer_right .menus.right {
  margin-left: 2%;
}
#header-main .top_header {
  width: 98%;
}
.chapters_div_in .header_div {
  text-align: center;
}
.right_panel .bible_options {
  float: left;
  margin-top: 20px;
  padding: 25px 20px;
  width: 33.3333%;
}
.image,.image>img{
  max-width: 100%;
}
#nav2, #nav3 {
  display: block;
}
}
@media screen and (max-width: 1000px) {
.left_search>form, .right_search form {
  width: 100%;
}
form .big_select {
  width: 50%;
}
.footer_left ul li, .footer_right ul li {
  margin-top: 15px;
}
.opts li {
  /*font-size: 14px;*/
}
}
@media screen and (max-width: 900px){
.headertitle h1 {
  font-size: 16px;
}
/*
.letterspace2{
letter-spacing: 8px
}
*/
#header-main .header_menus li a#nav4 {
  background: 0 0;
}
}
@media screen and (max-width: 850px) {
form .big_select {
  width: 35%;
}
}
@media screen and (max-width: 800px) {
.main {
  width: 800px;
  margin: 0 auto;
}
.main .left-panel {
  width: 750px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 800px)/ 2);
}
#nav2 { /* Randuiala */
  /*display: none;*/
}
#header-main .header_menus li a#nav3 {
  /*background:0 0;*/
}
#header-main .biblia_image {
  margin-top: -10px;
  margin-bottom: 3px;
  margin-left: 5px;
  text-align: right;
  width: 94px;
  height: 94px;
}
.biblia_image>img {
  width: 80px;
  position: relative;
  top: 10px;
}
.headertitle h1 {
  font-size: 16px;
}
#tableheader {
  }
.bibliaimg {
  width: 50px;
}
.headertitle h2 {
  font-size: 14px;
}
.chapters_div_in .header_div a,.footer_div a.btn {
  padding: 7px 5px;
}
#header-main {
  height: auto;
}
}
@media screen and (max-width: 767px) {/* start of medium tablet styles */
.header {
  background-position: center 63px;
}
.headertitle {
   /*margin: 103px 0 0 0;
   width: 75%;
   text-align: center;*/
}
.main {
  width: 750px;
  margin: 0 auto;
}
.main .left-panel {
  width: 700px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 750px)/ 2);
}
.chapters_div_in .header_div a,.footer_div a.btn {
  margin-bottom: 10px;
}
.book_reader .next {
  display: none;
}
.main .left-panel .chapters_div {
  padding: 0 30px;
}
/*.bxslider .in_slider{
   padding: 30px 40px;
}*/
.bxslider .in_slider #txtmain p {
  margin-left: 10px;
}
.right_panel .bible_options {
  float: none;
  padding: 15px 10px;
  width: 100%;
}
.footer_low {
  padding-bottom: 22px;
  padding-top: 38px;
}
.footer_left .title,.footer_right .menus .title {
  margin-top: 20px;
  background-repeat: repeat-x;
}
.footer_left .menus,.footer_right .menus {
  width: 96%;
  margin: 0;
  min-height: 300px;
}
.bxslider .in_slider {
  padding: 0;
}
#player {
  /*display:inline-block;*/
  width: 120px;
}
}
@media screen and (max-width: 750px) {
body{
  background: 0 0;
  background-color: #F3F2ED;
}
.main {
  width: 700px;
  margin: 0 auto;
}
.main .left-panel {
  width: 700px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 700px)/ 2);
}
.footer_left ul li,.footer_right ul li {
  margin-top: 20px;
}
}
@media screen and (max-width: 700px) {
.main{
  width: 650px;
  margin: 0 auto;
}
.main .left-panel {
  width: 650px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 650px)/ 2);
}
.right_search form,.search_options .left_search,.search_options .right_search {
  float: none;
  width: 100%;
  margin: 0;
}
.search_options .left_search {
  margin-bottom: 20px;
}
.search_options .right_search form .big_select {
  width: 58%;
}
/*
.scrollhide {
  display:none
}
*/
.big_select select {
  font-size: 12px;
}
.big_select select#traducerea.fieldpad {
  width: 230px;
}
.big_select select#books.fieldpad {
  width: 97px;
}
.big_select select#chapters.fieldpad {
  font-size: 12px;
  width: 59px
}
.big_select select#verses.fieldpad {
  font-size: 12px;
  width: 60px;
}
.big_select select#currentBookChapterHolder.fieldpad {
font-size: 12px;
  width: 259px;
}
.big_select select#partrans.biblebookwidth {
  font-size: 12px;
  width: 222px;
}
.tancolor {
  color: #EEE1BC;
  letter-spacing: 1px;
  font-size: 12px;
}
.goldencolor {
  color: #DDB96D;
  letter-spacing: 1px;
  font-size: 12px;
}
table.tablecenter {
  margin-left: auto;
  margin-right: auto;
  width: 466px;
}
#fc1 {
  text-align: left;
  width: 50px;
}
#fc3 {
  text-align: left;
  width: 50px;
}
}
@media screen and (max-width: 640px) {
.main {
  width: 600px;
margin: 0 auto;
}
.main .left-panel {
  width: 550px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 600px)/ 2);
}
.headertitle h1 {
  /*font-size: 27px*/
  font-size: 16px;
}
.biblia_image>img {
  /*width: 32.5%;*/
  /*margin-top: 15px*/
}
#header-main {
  min-height: 98px;
}
#printpdf {
  display: none;
}
#f28 {
  display: none;
}
}
@media screen and (max-width: 600px) {
.main {
  width: 550px;
  margin: 0 auto;
}
.main .left-panel {
  width: 500px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 550px)/ 2);
}
.headertitle h2 {
  overflow: hidden;
}
.search_options .right_search form .big_select {
  width: 54%;
}
.btn>span {
  display: none;
}
.chapters_div_in .header_div a,.footer_div a.btn {
  padding: 7px 10px;
}
#nav3 { /* Mobil */
  /*display:none*/
}
#header-main .header_menus li a#nav2 {
  background: url(../right_border.png) right no-repeat;
  font-size: 12px;
}
#header-main .header_menus li a#nav3 {
  background: url(../right_border.png) right no-repeat;
  font-size: 12px;
}
.bxslider .in_slider {
   padding: 0;
}
}
@media screen and (max-width: 530px) {
.main {
  width: 480px;
  margin: 0 auto;
}
.main .left-panel {
  width: 430px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 480px)/ 2);
}
.biblia_image>img {
  /*width: 25%;*/
  /*margin-top: 25px*/
}
}
@media screen and (max-width: 500px) {
.main {
  width: 450px;
  margin: 0 auto;
}
.main .left-panel {
  width: 400px;
  margin: auto;
}
.maincalc {
  height: auto !important ;
  margin-right: calc(-1 * (100vw - 100%));
  margin-left: calc((100vw - 450px)/ 2);
}
.footer_left .menus, .footer_right .menus, .footer_right .menus.right {
  width: 100%;
  margin: 0;
  min-height: inherit;
}
.menus li{
  display: block;
}
}
@media screen and (max-width:479px){/* start of phone styles */
.search_options .right_search form .big_select {
  width: 42%;
}
#nav3 { /* Mobil */
  display: none;
}
#parview {
  display: none;
}
.headertitle h1 {
  font-size: 24px;
  text-shadow: none;
}
.headertitle {
  text-align: center;
  line-height: 23px;
}
#header-main {
  height: auto;
  min-height: 70px;
}
#header-main .header_menus li a#nav1 {
  background: 0 0;
}
.biblia_image>img {
  /*width: 50%*/
}
.footer_low .left,.footer_low .right {
  float: none;
  text-align: center;
  width: 100%;
}
.footer_low .right ul {
  display: inline-block;
  text-align: center;
  float: none;
}
.footer_low .right div {
  display: none;
}
.footer_low .right ul {
  float: none
}
.biblia_image {
  /*display: none*/
}
.footer_low {
  background: 0 0;
  background-color: #15253E;
}
}
@media screen and (max-width: 420px) {
h3, h3 .chapter {
  font-size: 16px;
  line-height: 22px;
}
/*
.dottedborder{
   padding: 30px 15px 30px 15px
}
*/
.lt-margin {
margin-left: 4px;
}
#header-main .header_menus {
  margin-left: -40px;
}
#header-main .header_menus li a {
  background: 0 0;
}
#header-main .header_menus li a {
font-size: 12px;
  margin-right: 0;
  padding-right: 0;
}
.headertitle {
  line-height: 22px;
}
.headertitle h1 {
  font-size: 19px;
}
.headertitle h2 {
  font-size: 12px
}
.biblia_image>img {
  width: 35%;
}
.search_options .right_search form .big_select {
  width: 36%;
}
}
@media screen and (max-width: 335px) {
#header-main .right_image{
  display: none;
}
.headertitle {
  width: 100%;
  margin-left: 10px;
}
.search_options .right_search form .big_select {
  width: 42%;
}
}
@media screen and (max-width: 319px) {
.image>img {
  width: 100%;
}
.right_panel .bible_options li span {
  margin-right: 2px;
}
}
@media screen and (max-width: 300px) {
  .f_left a {
    display: none;
  }
}
@media (max-height: 600px) and (max-width: 676px) {
.right_search form,.search_options .left_search,.search_options .right_search {
  float: none;
  width: 100%;
}
form .big_select {
  width: 50%;
}
body {
  background: 0 0;
  background-color: #F3F2ED;
}
}
.tooltip_templates {
display: none;
}
.cm-keyword {
color: navy;
text-transform: uppercase;
}
.cm-operator {
color: blue;
}
/* search.css */
/*
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*/
a {
/* background-color: transparent;*/
}
button,
input,
optgroup,
select {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type=button],
button {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
[hidden] {
display: none;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa1 {	
display: inline-block;
/* font: normal normal normal 14px/1 FontAwesome; */
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: FontAwesome;
/* color: #000; */
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-archive:before {
content: "\f187";
cursor: pointer;
}
.fa-archive-o:before {
content: "\f1c6";
cursor: pointer;
}
.fa-paper-plane-o:before {
content: "\f1d9";
cursor: pointer;
}
.fa-sitemap:before {
content: "\f0e8";
cursor: pointer;
}
.fa-sitemap-defcur:before {
content: "\f0e8";
cursor: default;
}
.fa-user:before {
content: "\f007";
cursor: pointer;
}
.fa-sitemaptsk:before {
content: "\f0e8";
cursor: pointer;
color: #00D3B8;
}
.fa-sitemaptske:before {
content: "\f0e8";
cursor: pointer;
color: #D37700;
}
.fa-keyboard:before {
content: "\f11c";
cursor: pointer;
}
.fa-window-close:before {
content: "\f2d3";
cursor: pointer;
}
.fa-exclamation-circle:before {
content: "\f06a";
cursor: pointer;
}
.fa-trash:before {
content: "\f1f8";
cursor: pointer;
}
.fa-wrench:before {
content: "\f0ad";
cursor: pointer;
}
.fa-trash-o:before {
content: "\f014";
cursor: pointer;
}
.fa-eye:before {
content: "\f06e";
cursor: pointer;
}
.fa-eye-slash:before {
content: "\f070";
cursor: pointer;
}
.fa-person-walking:before {
content: "\f554";
cursor: pointer;
}
.fa-pencil:before {
content: "\f040";
cursor: pointer;
}
.fa-bookmark:before {
content: "\f02e";
/*cursor: pointer;*/
}
.fa-bookmark2:before {
content: "\f02e";
cursor: pointer;
}
.fa-tag:before {
content: "\f02b";
/*cursor: pointer;*/
}
.fa-tag2:before {
content: "\f02b";
cursor: pointer;
}
.fa-arrow-circle-right:before {
content: "\f0a9";
cursor: pointer;
}
.fa-flag:before {
content: "\f024";
cursor: pointer;
}
.fa-hand:before {
content: "\f256";
cursor: pointer;
}
.fa-clipboard:before {
content: "\f0ea";
cursor: pointer;
}
.fa-external-link:before {
content: "\f08e";
cursor: pointer;
}
.fa-angles-down:before {
content: "\f103";
cursor: pointer;
}
.fa-angles-up:before {
content: "\f102";
cursor: pointer;
}
.fa-sticky-note:before {
content: "\f249";
/* color: blue; */
/*color: #747400;*/
/*cursor: pointer;*/
}
.fa-sticky-note-o:before {
content: "\f24a";
/* color: blue; */
/*color: #747400;*/
/*cursor: pointer;*/
}
.fa-sticky-note2:before {
content: "\f249";
/* color: blue; */
/*color: #747400;*/
cursor: pointer;
}
.fa-comments:before {
content: "\f086";
cursor: pointer;
/*color: #9400D3;*/
/* color: black; */
}
.fa-comments-defcur:before {
content: "\f086";
cursor: default;
/*color: #9400D3;*/
color: black;
}
.fa-house:before { /*home history*/
content: "\f015";
cursor: pointer;
color: #DDB96D;
}
.fa-share:before { /*inainte-inapoi history*/
content: "\f064";
cursor: pointer;
font-size: 24px;
color: #DDB96D;
}
.fa-share-off:before {
content: "\f064";
cursor: not-allowed;
font-size: 24px;
color: grey;
}
.fa-arrows-alt:before {
content: "\f0b2";
cursor: pointer;
color: #DDB96D;
}
.fa-arrow-left:before {
content: "\f060";
cursor: pointer;
color: #DDB96D;
}
.fa-globe:before {
content: "\f0ac";
cursor: pointer;
color: blue;
}
.fa-rotate-180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-flip-horizontal {
transform: scaleX(-1);
}
.fa-flip-vertical {
transform: scaleY(-1);
}
.fa-file:before {
content: "\f15b";
cursor: pointer;
color: orange;
}
.fa-file-alt:before {
content: "\f15c";
cursor: pointer;
color: orange;
}
.fa-file-pdf:before {
content: "\f1c1";
cursor: pointer;
color: orange;
}
/*<i class="fa-solid fa-"></i>*/
.fa-book:before {
content: "\f02d";
cursor: pointer;
}
.fa-feather:before {
content: "\f52d";
cursor: pointer;
color: orange;
}
.fa-feather-alt:before {
content: "\f56b";
cursor: pointer;
color: orange;
}
.fa-search:before {
content: "\f002";
cursor: pointer;
}
.fa-copy:before {
content: "\f0c5";
cursor: pointer;
}
.fa-map:before {
content: "\f279";
cursor: pointer;
}
.fa-times:before {
content: "\f00d";
cursor: pointer;
}
.fa-window-close:before {
content: "\f2d3";
cursor: pointer;
}
.fa-info-circle:before {
content: "\f05a";
/*cursor: pointer;*/
color: #ddb96d
}
.fa-info-circle2:before {
content: "\f05a";
cursor: pointer;
}
.fa-angle-down:before {
content: "\f107";
cursor: pointer;
}
.fa-clock:before {
content: "\f017";
cursor: pointer;
}
.fa-angle-double-down:before {
content: "\f103";
cursor: pointer;
}
.fa-angle-double-up:before {
content: "\f102";
cursor: pointer;
}
.fa-bar-chart:before {
content: "\f080";
cursor: pointer;
}

.disabled {
cursor: not-allowed;
opacity: 0.3;
pointer-events: none; 
}

/* https://stackoverflow.com/questions/20353907/how-to-stack-overlap-more-than-2-icons-in-font-awesome */
.icon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.icon-stack-1x {
line-height: inherit
}
.icon-stack-2x {
font-size: 1.5em;
}
.icon-stack-3x {
font-size: 2em;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
/*box-sizing: inherit;*/
box-sizing: border-box;
}
button {
font: inherit;
color: inherit;
}
input:-moz-ui-invalid,
input:invalid {
outline: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input,
select {
background: #FFF;
}
[tabindex]:not([tabindex="-1"]):active,
a[href]:not([tabindex="-1"]):active,
button:not([disabled]):not([tabindex="-1"]):active,
input:not([disabled]):not([tabindex="-1"]):active,
select:not([disabled]):not([tabindex="-1"]):active {
outline: 0;
}
button,
input[type=button] {
cursor: pointer;
}
input::-ms-clear {
width: 0;
height: 0;
}
input::-ms-reveal {
display: none;
}
body,
body #body {
min-height: 100%;
}
.pm_button {
text-decoration: none;
color: #666;
padding: 0 10px;
height: 35px;
line-height: 35px;
border: 1px solid #DDB96D;
border-radius: 2px;
display: inline-block;
font-size: 16px;
/*text-transform: uppercase;*/
background-color: transparent;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
cursor: pointer;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pm_button:focus,
.pm_button:hover {
background-color: #F2F2F2;
color: #222;
-webkit-transition: none;
transition: none;
}
.pm_button:active {
background: #E5E5E5;
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.pm_button.primary {
background-color: #9397CD;
border-color: #9397CD;
color: #FFF;
}
.pm_button.primary:focus,
.pm_button.primary:hover {
background-color: #8286C5;
border-color: transparent;
color: #FFF;
}
.pm_button.primary:active {
background-color: #66669A;
border-color: #66669A;
}
.pm_button span {
pointer-events: none;
}
/*
.pm_button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/
.pm_form label {
height: 35px;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pm_form label>.customMaskInput-container {
width: auto;
}
.pm_form label>:not(:only-child) {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-right: .4rem;
}
.pm_form label:after {
content: "";
clear: both;
}
.pm_grid {
margin: 0 0 20px;
}
.pm_grid:after {
content: "";
display: table;
clear: both;
}
.customMaskInput-container {
display: -webkit-inline-flex;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
}
[class*=customMaskInput-input] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
z-index: 0;
cursor: pointer;
}
.customMaskInput-mask {
width: 16px !important ;
height: 16px !important ;
min-width: 16px;
background-color: #FFF;
background-size: 0;
border-radius: 2px;
border: 1px solid #ACB0BF;
-webkit-transition: border-color .1s ease-in;
transition: border-color .1s ease-in;
pointer-events: none;
}
[class*=customMaskInput-input]:checked+.customMaskInput-mask,
[class*=customMaskInput-input]:indeterminate+.customMaskInput-mask {
background-size: 200% 200%;
}
.customMaskInput-container:hover [class*=customMaskInput-input]:not(:disabled)+.customMaskInput-mask,
[class*=customMaskInput-input]:focus+.customMaskInput-mask {
border-color: #9397CD;
}
.customCheckbox-input+.customCheckbox-mask {
background: #15253E;
background-image: url(check.svg);
}
.customCheckbox-input:not(:checked)+.customCheckbox-mask {
background-color: #15253E;
border-color: #15253E;
background-image: url();
background-position: 0 50%;
}
.customCheckbox-input:checked+.customCheckbox-mask {
background-color: #15253E;
border-color: #15253E;
background-position: 0 50%;
}
.cauta {
display: block;
color: #FFF;
font-size: 12px;
position: relative;
margin-top: 5px;
/*font-family: sans-serif;*/
opacity: .999;
z-index: 150;
}
.searchForm-container {
display: -webkit-inline-flex;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
height: 35px;
margin-left: 10px;
color: inherit;
}
.searchbase {
max-width: 100%;
height: 35px;
border-radius: 35px;
background: hsla(0, 0%, 90.2%, .2);
}
.searchbase,
.mysearch {
-webkit-flex-grow: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
display: -webkit-inline-flex;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mysearch {
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 0 2px;
color: inherit;
font-size: 14px;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 50px;
cursor: text;
}
.mysearch:-moz-placeholder,
.mysearch:-ms-input-placeholder,
.mysearch::-moz-placeholder,
.mysearch::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, .75);
}
.mysearch::-ms-clear {
display: none;
width: 0;
height: 0;
}
[class*=searchForm-action-button-] {
display: -webkit-inline-flex;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 5;
width: 35px;
padding: 0;
margin: 0;
color: inherit;
border: 0;
cursor: text;
background: 0 0;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease;
outline: 0;
}
[class*=searchForm-action-button-]>i {
margin: 0 auto;
font-size: 24px;
color: #DDB96D;
}
.searchForm-action-button-advanced {
border-radius: 0 35px 35px 0;
display: none;
}
.searchForm-action-button-advanced:hover {
background: rgba(52, 52, 52, .2);
}
/*
.searchForm-action-button-advanced {
display: none
}
*/
.searchForm-container-adv .searchbase {
border-radius: 1rem 1rem 0 0;
}
.searchForm-container-adv .searchbase .mysearch {
visibility: hidden;
}
.searchForm-container-adv .searchbase .searchForm-action-button-advanced {
border-radius: 0 1rem 0 0;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.containeradvanced {
position: absolute;
left: 0;
top: 0;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33), 0 0 2px rgba(0, 0, 0, .33);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .33), 0 0 2px rgba(0, 0, 0, .33);
z-index: 2;
padding: 35px 0 0;
right: 0;
}
.containeradvanced label {
/*color: #555*/
}
.searchForm-advanced-wrapper {
background: #3C5373;
float: left;
padding: .5rem 1rem 1rem;
width: 100%;
}
.searchForm-advanced-wrapper>.row {
line-height: 36px;
}
.searchForm-advanced-wrapper .pm_select,
.searchForm-advanced-wrapper input[type] {
background: #FFF
}
.searchForm-advanced-main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 1rem 1rem 0;
background: #3C5373;
position: relative;
-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .1);
box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .1);
}
.searchForm-advanced-wildcard-container {
cursor: pointer;
}
.btnAdvancedSearch-container {
background: 0 0;
border: 0
}
body:not(.appConfigBody-is-mobile) .btnAdvancedSearch-icon-mobile {
display: none;
}
#filtersearch {
position: relative;
z-index: 1;
top: 6px;
color: #DDB96D;
cursor: pointer;
}
#filtersearch2 {
position: relative;
z-index: 1;
left: -25px;
top: 5px;
color: #DDB96D;
cursor: pointer;
width: 0;
}
#searchsursa {
border-radius: 4px;
color: #655F4A;
font-size: 16px;
font-weight: 300;
height: 26px;
margin: 0;
margin-top: 0;
outline: medium none;
padding-left: 5px;
position: relative;
width: 100%;
padding-right: 10px;
background: #EEE1BC url(arrow.gif) no-repeat 95% 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.hideelse {
position: fixed !important ;
top: 0 !important ;
left: 0 !important ;
width: 100vw !important ;
height: 100vh !important ;
background-image: none !important ;
background-color: rgba(0, 0, 0, .5);
animation-name: i-amphtml-sidebar-mask-fade-out;
z-index: 2006;
}
/***** Flex Containers *****/
.flexContainer {
display: flex !important ;
padding-top: 10px;
}
.flexContainerMyNote {
display: flex !important ;
/*padding-top: 10px;*/
}
.flexSpaceBetween {
justify-content: space-between;
}
.flexContainerColumn {
display: flex;
flex-direction: column;
justify-content: space-between
}
.flexRow {
flex-direction: row;
}
.flexColumn {
flex-direction: column;
}
.flexCenter {
justify-content: center !important ;
align-items: center !important ;
}
.flexStart {
justify-content: flex-start;
align-items: flex-start;
}
.flexEnd {
justify-content: flex-end;
align-items: flex-end;
}
/*****************************/
.slide {
min-width: 280px;
border-radius: 10px;
box-shadow: 2px 2px 3px 2px #E9E9E9;
margin-bottom: 5px;
flex: 1;
justify-content: space-around;
background-color: #FFF;
}
.slideCompact {
box-shadow: none;
}
.slident {
min-width: 280px;
border-radius: 10px;
box-shadow: 2px 2px 3px 2px #E9E9E9;
margin-bottom: 10px;
flex: 1;
justify-content: space-around;
background-color: #FFF;
}
.slidentCompact {
box-shadow: none;
}
.dotseparator {
display: none;
}
.ntcrediv {
display: inline-flex;
padding-left: 10px;
}
.ntcredivCompact {
display: none;
}
.bmrkcrediv {
display: inline-flex;
padding-left: 10px;
}
.bmrkcredivCompact {
display: none;
}
td.titluadn {
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
}
.dotseparatorCompact {
display: inline;
}
.slideHeader2 {
}
.slideHeader2Compact {
display: flex;
width: 460px;
margin-top: 3px;
}
.slidentHeader2 {
}
.slidentHeader2Compact {
display: flex;
width: 460px;
margin-top: 3px;
}
.slideHeaderCompact {
border-bottom: none !important;
/*width: 450px !important;*/
white-space: nowrap;
height: fit-content;
}
.slideHeader {
display: flex;
flex-direction: row;
align-items: center;
border-bottom: 1px solid #C00;
margin-bottom: 5px;
}
.slideHeader h4 {
font-size: 14px;
}
.slideHeader h5 {
font-size: 12px;
font-weight: 100;
}
.slidentHeader {
display: flex;
flex-direction: row;
align-items: center;
border-bottom: 1px solid #C00;
margin-bottom: 5px;
}
.slidentHeader h4 {
font-size: 14px;
}
.slidentHeader h5 {
font-size: 12px;
font-weight: 100;
}
.slideFooterCompact {
border-top: unset !important;
padding-left: 5px;
padding-right: 5px;
height: fit-content !important;
}
.slideFooter {
height: 30px;
/*display: block;*/
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-top: solid #D3D3D3 1px;
}
.slideFooterReverse {
display: flex;
flex-direction: row-reverse;
}

.slidentFooterCompact {
border-top: unset !important;
padding-left: 5px;
padding-right: 5px;
height: fit-content !important;
}
.slidentFooter {
height: 30px;
/*display: block;*/
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-top: solid #D3D3D3 1px;
}
.slidentFooterReverse {
display: flex;
flex-direction: row-reverse;
}

.slideContent {
flex: 1;
padding: 15px;
padding-bottom: 0;
}
.slideContentCompact {
display: inline-flex;
/*display: flex;*/
flex-direction: row-reverse;
padding: unset;
/* width: 100%; */
/*width: fit-content;*/
width: -webkit-fill-available;
flex-wrap: wrap;
justify-content: flex-end;
}
.slidentContent {
flex: 1;
padding: 15px;
padding-bottom: 0;
}
.slidentContentCompact {
/*display: inline-flex;*/
display: flex;
flex-direction: row-reverse;
padding: unset;
width: 100%;
}
#bkmk {
/*position: relative;
bottom: 3px;*/
font-size: 28px;
/*top: -27px;
left: 263px;*/
color: grey;
display: inline;
vertical-align: middle;
/*padding-left: 10px;*/
/*padding-top: 5px;*/
width: 20px;
}
#bkmk:hover,#bkmk:active {
color: #007BFF;
}
#semnepopup[style*='display: block'] ~ #bkmk {
  color: #007BFF;
}
#exclredir {
position: relative;
font-size: 25px;
/* top: -23px;
left: 288px; */
color: red;
width: 18px;
display: none;
vertical-align: middle;
}
#exclredir2 {
/*position: relative;*/
margin-right: 5px;
font-size: 21px;
top: -23px;
left: 288px;
color: red;
width: 18px;
display: none;
vertical-align: middle;
}
.semntitlu {
width: 235px;
padding: 0px;
resize: none;
height: auto;
float: left;
font-size: small;
color: black;
}
#semnepopup {
border: 1px solid #CCC;
/*height: 78px;
width: 280px;*/
display: none;
font-weight: normal;
top: 44px;
left: 464px;
/*padding-left: 5px;*/
/*padding-right: 5px;*/
background: #FFF; /*#EEE5CC;*/
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
z-index: 3;
}
#semnepopup2 {
height: 83px;
width: 273px;
font-weight: normal;
top: 44px;
left: 464px;
padding-left: 5px;
padding-right: 5px;
overflow:auto;
overflow-x: hidden;
background: #EEE5CC;
z-index: 3;
}
#semnepopup:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 9px;
border-color: transparent transparent #CCC;
position: absolute;
top: -10px;
left: 5px;
}
#semnepopup:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 7px 5px;
border-color: transparent transparent #FFF;
position: absolute;
top: -8px;
left: 6px;
z-index: 1;
}
.fatherProfilePic {
height: 30px;
width: 30px;
border-radius: 15px;
margin-right: 10px;
}
.footerText {
font-size: small;
color: darkGrey;
}
.shareButton {
outline: none;
}
.shareButtonCompact {
display: none !important;
}
.shareButtonContainer {
justify-content: flex-end;
align-items: center;
line-height: 35px;
}
.cardTally {
float: left;
padding-top: 2px;
padding-right: 5px;
}
.cardTallyCompact {
display: none;
}
.shareIcon {
border-radius: 2px;
margin-left: 10px;
transition: all .2s;
}
.shareIcon:hover {
opacity: .5;
transition: all .2s;
}
.twitterIcon {
margin-top: 1px
}
.commentarySeeMore {
color: #C00;
font-weight: 100;
font-size: 14px;
transition: all .2s;
}
.commentarySeeMore:hover {
cursor: pointer;
text-decoration: underline;
opacity: .6;
transition: all .2s;
}
.expandButton {
margin: auto;
margin-bottom: 5px;
background-color: transparent;
outline: none;
color: red;
}
.expandedFooter {
height: 40px;
border: none;
margin-top: 5px;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 30vw;
}
.truncate:before{
content: attr(data-longstring);
}
.truncate:hover::before {
content: attr(data-longstring);
width: auto;
height: auto;
overflow: initial;
text-overflow: initial;
white-space: initial;
background-color: #FFF;
display: inline-block;
}
/*****************************/
.tanadnCompact {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
/*width: 150px;*/
}
.elips {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
width: 98%;
}
.ac-containerCompact {
display: flex;
/*width: 200px;*/
}
.ac-container input {
display: none
}
.ac-container section {
overflow: hidden;
max-height: 215px;
line-height: 1.2em;
padding: 5px;
-webkit-transition: max-height .2s ease-in-out, box-shadow .1s linear;
-moz-transition: max-height .2s ease-in-out, box-shadow .1s linear;
-o-transition: max-height .2s ease-in-out, box-shadow .1s linear;
-ms-transition: max-height .2s ease-in-out, box-shadow .1s linear;
transition: max-height .2s ease-in-out, box-shadow .1s linear;
}
.ac-container input:checked ~ section {
-webkit-transition: max-height .5s ease-in-out, box-shadow .1s linear;
-moz-transition: max-height .5s ease-in-out, box-shadow .1s linear;
-o-transition: max-height .5s ease-in-out, box-shadow .1s linear;
-ms-transition: max-height .5s ease-in-out, box-shadow .1s linear;
transition: max-height .5s ease-in-out, box-shadow .1s linear;
}
.ac-container input:checked ~ section.ac-small {
max-height: 400px;
overflow: scroll;
}

.ac-container input:checked ~ section.ac-smallh {
max-height: 400px;
overflow: scroll;
}

.ac-smallhCompact {
/*display: none;*/
display: flex;
color: gray;
column-gap: 0.25rem;
padding-left: 5px !important;
}

.ac-container section.ac-no-max-height {
max-height: none !important ;
}
/*****************************/
/* modal-ui.css */
.w150 {
width: 150px;
}
.w250 {
width: 250px;
}
.w450 {
width: 450px;
}
.center {
text-align: center;
margin: auto;
}
.modal {
display: none;
z-index: 100;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
/*background-color: rgba(0,0,0,.8);*/
background-color: transparent;
}
.modal-content {
position: relative;
background-color: #212121;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 400px;
box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
/*;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s*/
}
/*
@-webkit-keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
*/
.modal-header {
padding: 15px;
text-align: left;
background-color: #A23021;
color: #FFF;
}
.modal-body {
padding: 0 7px 0px 14px;
text-align: center;
position: relative;
}
.button {
display: inline-block;
padding: 12px 25px;
font-size: 16px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: 0;
color: #FFF;
background-color: #830C0C;
border: none;
border-radius: 8px;
transition: .3s;
border-bottom: 2px solid #5E0000;
}
.button:hover {
background-color: #A70000
}
.button:active {
background-color: #610909;
transform: translateY(3px);
}
.button:focus {
outline: 0;
}
.submit-button {
display: inline-block;
padding: 12px 25px;
font-size: 16px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: 0;
color:#FFF;
background-color: #830C0C;
border: none;
border-radius: 8px;
transition: .3s;
-webkit-appearance: none;
}
.submit-button:hover {
background-color: #A23021;
}
/* cautare.css */
td {
padding: 0
}
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
outline: 0;
z-index: 10002;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
width: 594px;
/*width: 546px;*/
margin: 30px auto;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #E5E5E5;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
.modal-footer:after,
.modal-footer:before,
.row:after,
.row:before {
display: table;
content: " ";
}
.modal-footer:after,
.row:after {
clear: both;
}
.pull-right {
float: right !important ;
}
.pull-left {
float: left !important ;
}
.hide {
display: none !important ;
}
.show {
display: block !important ;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important ;
visibility: hidden !important ;
}
.oronButton {
white-space: normal !important ;
padding: 0;
/*color: var(--clrStrongText);*/
color: black;
font-size: 11px;
/*line-height: 13px;*/
border-radius: 0;
/*background: var(--clrBackground) !important ;*/
border: 1px solid var(--clrHighlight) !important ;
font-style: normal;
height: 27px;
width: 52px;
text-shadow: none;
/*display: inline-block;*/
display: block;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*font-family: sans-serif;*/
}
.oronButton:hover {
text-decoration: underline;
}
.oronButtonTriangle {
white-space: normal !important ;
padding: 6px 7px 5px;
/*color: var(--clrStrongText);*/
color: #555;
font-size: 14px;
line-height: 13px;
/*border-radius: 4px;*/
/*background: var(--clrBackground) !important ;*/
/*border: 1px solid var(--clrHighlight) !important ;*/
font-style: normal;
display: inline-block;
overflow-wrap: break-word;
}
.oronButtonTriangle:after {
/*content: "\25BE";*/
display: inline-block;
margin-left: 3px;
background: #EEE1BC url(arrow.gif) no-repeat 200px 50%;
}
.oronFgBg {
background-color: var(--clrBackground);
border: 1px solid grey;
padding: 2px;
color: var(--clrText);
font-size: 14px;
width: 300px;
float: left;
margin-bottom: 10px;
}
.oronPressedButton {
/*background-color: var(--clrHighlightBg) !important ;*/
background-color: #3C5373 !important ;
color: #FFF !important ;
border: 1px solid #000;
}
.oronFgBg select,
.oronFgBg textarea {
background-color: var(--clrBackground) !important ;
color: var(--clrText) !important ;
}
.oronModalFgBg {
background-color: var(--clrBackground);
color: var(--clrText);
border: 1px solid grey;
}
[strong] {
color: var(--clrStrongText)
}
[strong]:hover {
cursor: pointer;
}
.mainPanel {
min-height: 100%;
height: 100%;
margin: 0 auto;
}
TD.text {
width: 80%;
}
/*
.modal {
  z-index: 10002;
}
*/
.modal-backdrop.in {
z-index: 10001;
}
#cuvantdecautat {
text-decoration: underline;
}
.tblselectie {
border: 1px solid #000;
border-collapse: collapse;
font-size: 14px;
padding: 2px;
width: 350px !important ;
}
#warningMessage {
color: red;
float: left;
height: 20px;
}
#cuvinteListlexicon, #cuvinteListfuzzy {
width: 210px;
}
.src-asterisk, .src-and, .src-or, .src-not {
color: blue;
text-transform: uppercase;
}
#userTextInput{
font-family: inherit;
border: 1px solid #CCC;
background: #EEE;
height: 29px;
width: 200px;
color: #888;
text-align: left;
font-size: 16px;
}
.diacritice {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 1px;
padding: 3px;
width: 22px;
outline: 0;
}
.diacritice:hover {
background: gold;
transition: all .2s;
}
/* tooltipster.bundle.min */
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-base {
display: flex;
pointer-events: none;
position: absolute;
}
.tooltipster-box {
flex: 1 1 auto;
}
.tooltipster-content {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
overflow: auto;
/*white-space: pre-wrap;*/
white-space: pre-line;
}
/*
.tooltipster-br {
white-space: pre-wrap;
}
*/
.tooltipster-ruler {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
}
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-o-transform: rotateZ(0);
-ms-transform: rotateZ(0);
transform: rotateZ(0);
/*-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);*/
-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
}
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important ;
opacity: 0;
}
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
/*-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);*/
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important ;
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important ;
opacity: 0;
}
@keyframes tooltipster-fading {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading .4s;
}
@keyframes tooltipster-rotating {
25% {
  transform: rotate(-2deg);
}
75% {
  transform: rotate(2deg);
}
100% {
  transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating .6s;
}
@keyframes tooltipster-scaling {
50% {
  transform: scale(1.1);
}
100% {
  transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling .6s;
}
.tooltipster-sidetip .tooltipster-box {
background: #FFF;
border: 2px solid #15253E;
border-radius: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content{
color: #000;
line-height: 1.6;
font-size: 16px;
padding: 0 5px;
}
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
margin-left: -10px;
top: 0;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #FFF;
left: 0;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #FFF;
left: -3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #FFF;
left: 3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #FFF;
left: 0;
top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #15253E;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: #15253E;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: #15253E;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #15253E;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
/* netc9f0.css */
nav {
font-size: .875rem;
}
nav .fade {
background-color: #CCC;
opacity: .5;
pointer-events: none;
}
nav.user-menu {
background: none;
cursor: pointer;
float: right;
font-style: normal;
line-height: 64px;
margin-left: 10px;
min-width: 115px;
padding: 0 12px;
position: relative;
}
nav.user-menu:not(.touch):hover, nav.user-menu.hover {
background: #262626;
}
nav.user-menu:not(.touch):hover .user i:before, nav.user-menu.hover .user i:before {
content: "\e023";
}
nav.user-menu:not(.touch):hover ul, nav.user-menu.hover ul {
max-height: 200px;
}
nav.user-menu .user {
color: #F0F0F0;
}
nav.user-menu .user img, nav.user-menu .user i {
vertical-align: middle;
}
nav.user-menu .user img {
background: #4885BE;
-webkit-border-radius: 14px;
border-radius: 14px;
display: inline-block;
margin-right: 10px;
height: 28px;
width: 28px;
}
@media all and (max-width: 42em) {
nav.user-menu .user img {
  display: none;
}
}
nav.user-menu .user i {
color: #878787;
margin-left: 10px;
}
nav.user-menu ul {
background: rgba(38, 38, 38, .98);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
max-height: 0;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
-webkit-transition: max-height .5s;
transition: max-height .5s;
width: 100%;
}
nav.user-menu ul li {
border-top: 1px solid #3C3C3C;
line-height: 38px;
}
nav.user-menu ul a {
color: #CFCFCF;
display: block;
padding: 0 20px;
}
nav.user-menu ul a i {
margin-right: 10px;
vertical-align: middle;
}
nav.user-menu ul a:hover {
background: #373737;
}
.popoverButton {
position: relative;
}
.popover, .verse-popover {
background: #FFF;
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
display: none;
font-size: .9375rem;
padding: 13px;
position: absolute;
top: -50px;
left: 5%;
z-index: 2;
}
.active.popover, .active.verse-popover {
display: block;
}
.popover:after, .verse-popover:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0;
border-color: #FFF transparent transparent transparent;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
z-index: 1;
}
.popover.under {
top: 100%;
left: 15%
}
.popover.under:after {
border-width: 0 5px 6px;
border-color: transparent transparent #FFF;
position: absolute;
top: -5px;
left: 50%;
}
.popover.fontSize {
color: #555;
cursor: default;
left: 50%;
margin-left: -145px;
width: 290px;
}
.popover.fontSize .sizes.active {
background: #D8E9FF;
border-color: #BBD3F0;
}
.popover.fontSize .sizes.active + span {
border-left-color: #BBD3F0;
}
.popover.audioPlayer {
left: 50%;
margin-left: -175px;
width: 350px;
}
.popover.shareMenu {
margin-left: -88px;
text-align: left;
width: 200px;
}
.popover.bookmarks {
color: #666;
cursor: default;
height: 220px;
line-height: 140%;
margin-left: -136px;
width: 300px;
}
.popover.bookmarks > div {
height: 100%;
overflow: auto;
text-align: left;
}
.popover.bookmarks li {
border-bottom: 1px solid #CCC;
font-size: .875rem;
margin-bottom: 10px;
min-height: 45px;
padding-bottom: 10px;
padding-left: 20px;
position: relative;
}
.popover.bookmarks .bookmarkRef {
font-weight: bold;
}
.popover.bookmarks br:last-child {
display: none;
}
.popover.bookmarks .edit, .popover.bookmarks .del {
color: #CCC;
position: absolute;
left: 0;
}
.popover.bookmarks .edit:hover, .popover.bookmarks .del:hover {
color: #4885BE;
}
.popover.bookmarks .edit {
top: 0;
}
.popover.bookmarks .del {
top: 20px;
}
.verse-popover {
line-height: 40px;
padding: 0 20px;
margin-top: -52px;
margin-left: -58px;
min-width: 120px;
}
.verse-popover a {
color: #555;
}
.verse-popover i {
color: #5F8AC9;
}
.cf:after, .wrap:after, p:after, blockquote:after {
clear: both;
content: '';
display: block;
}
sup {
font-size: .8em;
font-weight: bold;
margin-right: 0;
position: relative;
line-height: 100%;
-webkit-transform: translate3d(0, 0, 0);
}
.tab-bar {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*font-family: sans-serif;*/
font-size: 16px;
background: #F8F8F8;
border: 1px solid #D4D4D4;
/*-webkit-border-radius: 16px;*/
-webkit-border-radius: 0;
/*border-radius: 16px;*/
border-radius: 0;
display: inline-block;
height: 32px;
line-height: 30px;
width: auto;
z-index: 1;
}
.tab-bar li {
border: 0 none;
display: inline-block;
padding: 0 10px;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
@media all and (max-width: 40em) {
.tab-bar li {
  padding: 0 10px;
}
}
.tab-bar li.ui-state-active {
-webkit-box-shadow: 0 0 0 1px #D4D4D4;
box-shadow: 0 0 0 1px #D4D4D4;
/*-webkit-border-radius: 16px;*/
-webkit-border-radius: 0;
/*border-radius: 16px;*/
border-radius: 0;
background: #3C5373;
background-image: -webkit-linear-gradient(#3C5373, #3C5373);
background-image: -o-linear-gradient(#3C5373, #3C5373);
background-image: linear-gradient(#3C5373, #3C5373);
}
.tab-bar a {
color: #888;
}
.tab-bar .ui-state-active a {
color: #FFF;
}
.tab-bar .ui-state-disabled a {
color: #CCC;
pointer-events: none;
}
.popover.notesList {
margin-left: -86px;
margin-top: 8px;
width: 181px;
padding: 0;
}
.opts {
/*font-weight: bold;*/
line-height: 26px;
max-height: 70px;
padding: 0;
position: relative;
/*width: 100%;*/
width: 90%;
}
.opts li {
float: left;
}
@media all and (max-width: 64.5em) {
.opts li {
  font-size: 12px;
}
}
@media all and (max-width: 60em) {
.opts li {
  font-size: 11px;
}
}
.opts li.env a {
background: url(net-logo-2.html);
background-repeat: no-repeat;
background-size: 100% auto;
height: 20px;
position: relative;
top: 2px;
width: 126px;
}
@media all and (max-width: 60em) {
.opts li.env a {
  height: 14px;
  width: 88px;
}
}
.opts .active-bar {
background: #BA180C;
height: 3px;
padding: 0;
position: absolute;
top: 67px;
left: 0;
-webkit-transition: all .3s;
transition: all .3s;
width: 100%;
}
.opts a {
color: #DDB96D;
/* background: url(../oron/right_border2.png) right no-repeat; */
padding: 0 12px 0 9px;
}
@media all and (min-width: 72em) {
.opts a {
  padding: 0 12px 0 9px;
}
}
@media all and (max-width: 64em) {
.opts a {
  padding: 0 11px 0 8px;
}
}
.opts a.pulse {
-webkit-animation: pulse 1s infinite alternate;
animation: pulse 1s infinite alternate;
}
.opts .ui-state-active a {
color: #FFF;
filter: invert(0%) sepia(96%) saturate(0%) hue-rotate(108deg) brightness(105%) contrast(104%);
}
.opts .popoverButton {
color: #6E6E6E;
cursor: pointer;
display: none;
font-size: .75rem;
position: relative;
left: -10px;
}
.opts .ui-state-active .popoverButton {
display: inline-block;
}
.ooSup {
color: #488DCD;
background: #F3F2ED;
cursor: pointer;
text-decoration: none;
font-size: smaller;
font-style: italic !important ;
}
.ooSup:hover {
color: red !important ;
background: #F3F2ED;
}
#div .ooSup:hover {
color: red !important ;
background: #F3F2ED;
}
.ooSupOp {
color: #488DCD;
/*background: #F3F2ED;*/
cursor: pointer;
text-decoration: none;
font-size: smaller;
font-style: italic !important ;
}
.ooSupOpHide {
display: none;
}
.ooSupOp:hover {
color: red !important ;
/*background: #F3F2ED;*/
}
#div .ooSupOp:hover {
color: red !important ;
/*background: #F3F2ED;*/
}
.ooScl {
color: #488DCD;
/*background: #F3F2ED;*/
cursor: pointer;
text-decoration: none;
/*font-size: smaller;*/
/*font-weight: bold;*/
/*font-style: italic !important ;*/
}
.ooSclHide {
display: none;
}
.ooScl:hover {
color: red !important ;
/*background: #F3F2ED;*/
}
#div .ooScl:hover {
color: red !important ;
/*background: #F3F2ED;*/
}
.environment {
color: #222
}
.environment nav {
font-size: .9375rem;
/*line-height: 23px;*/
}
.environment nav .book-chap {
background-image: none;
color: #555;
cursor: pointer;
position: relative;
width: 167px;
}
.environment nav .book-chap:after {
color: rgba(0, 0, 0, .2);
/*speak: none;*/
font-style: normal;
font-weight: normal;
position: absolute;
top: 0;
right: 5px;
pointer-events: none;
}
.book-chap:after {
color: rgba(0, 0, 0, .2);
/*speak: none;*/
font-style: normal;
font-weight: normal;
position: absolute;
top: 0;
right: 5px;
pointer-events: none;
}
.environment nav .book-chap #gridHolder {
margin-left: -90px;
width: 342px;
}
.book-chap #gridHolder {
  margin-left: -90px;
  width: 342px;
}
@media all and (max-height: 35em) {
.environment nav .book-chap #gridHolder {
  left: 100px;
  margin-left: -113px;
  max-width: 342px;
  width: 342px;
}
}
@media all and (max-height: 35em) {
.book-chap #gridHolder {
  left: 100px;
  margin-left: -113px;
  max-width: 342px;
  width: 342px;
}
}
.environment nav .book-chap #gridHolder:before,
.environment nav .book-chap #gridHolder:after {
left: 44%;
}
.book-chap #gridHolder:before,
.book-chap #gridHolder:after {
left: 44%;
}
#gridHolder {
background: #FFF;
border: 1px solid #CCC;
/*-webkit-border-radius: 3px;
border-radius: 3px;*/
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
font-weight: normal;
position: absolute;
max-width: 532px;
width: 90%;
z-index: 3;
/*top: -851px;*/
}
@media all and (min-width: 40em) {
#gridHolder {
  /*left: 50%;
  margin-left: -171px;*/
}
}
@media all and (max-height: 35em) {
#gridHolder {
  left: 5%;
  margin-left: 0;
}
}
#gridHolder:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 9px;
border-color: transparent transparent #CCC;
position: absolute;
top: -9px;
left: 21px;
}
@media all and (min-width: 40em) {
#gridHolder:before {
  left: 50%;
  margin-left: -1px;
}
}
#gridHolder:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 7px 5px;
border-color: transparent transparent #FFF;
position: absolute;
top: -7px;
left: 22px;
z-index: 1;
}
@media all and (min-width: 40em) {
#gridHolder:after {
  left: 50%;
}
}
#gridHolder > div {
height: 100%;
overflow: hidden;
width: 100%;
}
#gridHolder span {
background: #DCDCDC;
color: #555;
clear: both;
display: block !important ;
line-height: 24px;
padding: 0 5px;
}
#gridHolder a {
/*background: #FAFAFA;*/
float: left;
height: 35px;
/*line-height: 35px;*/
width: 51px;
text-align: center;
font-size: 11px;
}
/*#gridHolder a:nth-child(even) {
background: #EEE5CC;
width: 51px;
}*/
#gridHolder .gridWrapper {
-webkit-transition: all .4s;
transition: all .4s;
height: auto;
width: 200%;
}
#gridHolder .gridWrapper:after {
clear: both;
content: '';
display: table;
}
#gridHolder.chapter-select .gridWrapper {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
#gridHolder.chapter-select .gridWrapper #bookGrid {
max-height: 10px;
overflow: hidden;
}
#bookGrid {
background: #15253E;
max-height: 460px;
overflow: auto;
float: left;
padding: 10px;
width: 50%;
-webkit-transition: all .4s;
transition: all .4s;
}
#chapterGrid {
background: #15253E;
max-height: 606px;
overflow: auto;
float: left;
padding: 10px;
width: 50%;
-webkit-transition: all .4s;
transition: all .4s;
}
#chapterGrid a {
background: #FAFAFA;
float: left;
height: 35px;
line-height: 35px;
width: 51px;
text-align: center;
font-size: 11px;
}
#chapterGrid a:nth-child(even) {
background: #EEE5CC;
width: 51px;
}
.chapterNav,
.setAndLoad {
color: black;
border: #15253E;
border-style: solid;
border-width: 1px;
display: flex;
align-items: center;
justify-content: center;
}
.chapterNav:hover,
.setAndLoad:hover {
/*color: red;*/
text-decoration: underline;
}
.cuvdict {
color: #488DCD;
cursor: pointer;
text-decoration: none;
}
#partextnume li {
border-top: 1px solid #E5E5E5;
padding-top: 10px;
padding-bottom: 10px;
}
#parleft {
margin-top: 0;
overflow: auto;
display: block;
}
#parleftlib {
margin-top: 0;
overflow: auto;
display: block;
}
/* codemirror.css */
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: #000;
direction: ltr;
/*border: 1px solid #000;*/
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: #FFF; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #DDD;
background-color: #F7F7F7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker { color: #000; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid #000;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important ;
background: #7E7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@-webkit-keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
@keyframes blink {
0% {}
50% { background-color: transparent; }
100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #CCC;
top: 0; bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header { color: blue; }
.cm-s-default .cm-quote { color: #090; }
.cm-negative { color: #D44; }
.cm-positive { color: #292; }
.cm-header, .cm-strong { font-weight: bold; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-strikethrough { text-decoration: line-through; }
.sql-type { color: purple; }
.sql-var { color: red; }
.sql-comment { color: green; }
.sql-literal { color: green; }
.sql-operator { color: blue; }
.sql-word { color: #000; }
.sql-quoted-word { color: #680; }
.sql-function { color: darkorange; }
.sql-separator { color: #666; }
.sql-number { color: darkcyan; }
.cm-s-default .cm-keyword { color: navy; text-transform: uppercase; }
.cm-s-default .cm-atom { color: #219; }
.cm-s-default .cm-number { color: #164; }
.cm-s-default .cm-def { color: #00F; }
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 { color: #05A; }
.cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #085; }
.cm-s-default .cm-comment { color: green; }
.cm-s-default .cm-string { color: red; }
.cm-s-default .cm-string-2 { color: #F50; }
.cm-s-default .cm-meta { color: #555; }
.cm-s-default .cm-qualifier { color: #555; }
.cm-s-default .cm-builtin { color: #30A; }
.cm-s-default .cm-bracket { color: #997; }
.cm-s-default .cm-tag { color: #170; }
.cm-s-default .cm-attribute {color: #00C; }
.cm-s-default .cm-hr { color: #999; }
.cm-s-default .cm-link { color: #00C; }
.cm-s-default .cm-error { color: red; }
.cm-invalidchar { color: red; }
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket { color: #0B0; }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #A22; }
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background { background: #E8F2FF; }
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: #FFF;
}
.CodeMirror-scroll {
overflow: scroll !important ; /* Things will break if this is overridden */
/* 50px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
overflow-y: hidden;
/*overflow-y: hidden;*/
scrollbarStyle: "null";
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
outline: none;
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0;
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important ;
border: none !important ;
}
.CodeMirror-gutter-background {
position: absolute;
top: 0; bottom: 0;
z-index: 4;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-lines {
cursor: text;
color: purple;
min-height: 1px; /* prevents collapsing before first draw */
padding-top: 6px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: .1px; /* Force widget margins to stay inside of the container */
}
.CodeMirror-widget {}
.CodeMirror-rtl pre { direction: rtl }
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre { position: static }
div.CodeMirror-cursors {
/*visibility: hidden;*/
visibility: visible;
position: relative;
z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected { background: #D9D9D9; }
.CodeMirror-focused .CodeMirror-selected { background: #D7D4F0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #D7D4F0 }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #D7D4F0 }
.cm-searching {
background-color: rgba(255, 255, 0, .4);
}
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
.CodeMirror div.CodeMirror-cursors {
  visibility: hidden;
}
/* Hide the cursor when printing */
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/*output.css */

select {
padding-right: 3rem;
}
.select-wrapper {
display: inline-block;
position: relative;
}
.select-wrapper:after {
content: " ";
height: 5px;
width: 5px;
border-right: 1px solid var(--main-link-color);
border-bottom: 1px solid var(--main-link-color);
transform: rotate(45deg);
pointer-events: none;
position: absolute;
top: 1.6rem;
right: 1rem;
}
input:focus,select:focus,textarea:focus,.note-editor:focus,.answer-editor:focus {
border-color: var(--main-link-color);
}
input[type="checkbox"] + label,input[type="radio"] + label,select {
cursor: pointer;
}



input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #DDB96D;
  /*background-color: CanvasText;*/
}
input[type="radio"]:checked::before {
  transform: scale(1);
}
.radiolabel {
  /*font-family: system-ui, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
    display: grid;*/
  color: #DDB96D;
  padding-left: 5px;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}
input[type="checkbox"] + label,input[type="radio"] + label {
border: 1px solid var(--main-input-border-color);
width: 2rem;
height: 2rem;
display: inline-block;
padding: 0;
top: .6rem;
margin-right: .5rem;
}
input[type="checkbox"]:checked + label:before {
content: " ";
border: solid var(--main-subheading-text-color);
width: .9rem;
height: .4rem;
display: block;
transform: rotate(-45deg);
border-width: 0 0 .2rem .2rem;
margin: .6rem 0 0 .4rem;
}
.left {
float: left;
}
.right {
float: right;
}
.ti1 {
text-indent: 1em;
}
.ti1pb1 {
text-indent: 1em;
padding-bottom: 1em;
}
.ti1pb2 {
text-indent: 1em;
padding-bottom: 2em;
}
.ti1pb3 {
text-indent: 1em;
padding-bottom: 3em;
}
.ti2 {
text-indent: 2em;
}
.ti2pb1 {
text-indent: 2em;
padding-bottom: 1em;
}
.ti2pb2 {
text-indent: 2em;
padding-bottom: 2em;
}
.ti2pb3 {
text-indent: 2em;
padding-bottom: 3em;
}
.ti3 {
text-indent: 3em;
}
.ti3pb1 {
text-indent: 3em;
padding-bottom: 1em;
}
.ti3pb2 {
text-indent: 3em;
padding-bottom: 2em;
}
.ti3pb3 {
text-indent: 3em;
padding-bottom: 3em;
}

.ti4 {
text-indent: 4em;
}
.ti4pb1 {
text-indent: 4em;
padding-bottom: 1em;
}
.ti4pb2 {
text-indent: 4em;
padding-bottom: 2em;
}
.ti4pb3 {
text-indent: 4em;
padding-bottom: 3em;
}


.pb1 {
padding-bottom: 1em;
}
.pb2 {
padding-bottom: 2em;
}
.pb3 {
padding-bottom: 3em;
}
/*
.pcb1 {
text-align: center;
padding-bottom: 1em;
}
.pcb2 {
text-align: center;
padding-bottom: 2em;
}
.pcb3 {
text-align: center;
padding-bottom: 3em;
}
*/

.cpb1 {
text-align: center;
padding-bottom: 1em;
}
.cpb2 {
text-align: center;
padding-bottom: 2em;
}
.cpb3 {
text-align: center;
padding-bottom: 3em;
}

.container {
margin: 0 auto;
}
.container,main {
width: 100%;
color: #FAFAFA;
}
.top-nav {
height: 2rem;
margin: 3px;
text-align: right;
}
.logo {
background: url("sondajtv.png") no-repeat;
background-size: 86px 29px;
display: block;
width: 86px;
height: 29px;
margin-top: 6px;
}
.joja1 {
background: url("working-indicator-inline.gif") no-repeat;
background-size: 38px 11px;
display: inline-block;
width: 38px;
height: 11px;
display: none;
}

.top-nav ul {
font-size: 1.05rem;
text-transform: uppercase;
}
.top-nav li:last-child {
padding-right: 0;
}
.top-nav a {
color: #807E7A;
}
.top-nav li:nth-of-type(1) a.icon {
/* margin-bottom: .6rem; */
}
.top-nav a.settings-icon, .top-nav a.personal-icon, .top-nav a.logout-icon, .top-nav a.study-icon, .top-nav a.library-icon, .top-nav a.biblia-icon {
margin-bottom: -.4rem;
}
.search {
background: #fff url("search1.svg") no-repeat 1.1rem;
background-color: var(--main-text-bg-color);
background-size: 11px;
border-radius: 4px;
box-sizing: border-box;
color: var(--main-text-color);
cursor: pointer;
height: 3rem;
min-height: 3rem;
padding: .8rem;
padding-left: 3.2rem;
width: 26rem;
}
.search:focus {
cursor: text;
outline: none;
}
.icon {
display: inline-block;
}

/* https://isotropic.co/tool/hex-color-to-css-filter/ */
.colorize-gold {
filter: invert(77%) sepia(7%) saturate(2493%) hue-rotate(3deg) brightness(102%) contrast(79%);
}
.colorize-white {
filter: invert(100%) sepia(96%) saturate(0%) hue-rotate(108deg) brightness(105%) contrast(104%);
}
.colorize-sondajtv {
filter:	brightness(0) saturate(100%) invert(31%) sepia(72%) saturate(638%) hue-rotate(169deg) brightness(99%) contrast(97%);
}
.personal-icon {
/*background: url("pers.svg") no-repeat;*/
background: url("user_classic_light.svg") no-repeat;
background-size: 21px 22px;
height: 22px;
width: 21px;
}
.searchlight-icon {
/*background: url("magnifying-glass-light.svg") no-repeat;*/
background: url("magnifying-glass_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px;
}
.logout-icon {
/*background: url("logout.svg") no-repeat;*/
background: url("arrow-right-from-bracket_classic_light.svg") no-repeat;
background-size: 21px 22px;
height: 22px;
width: 22px;
}
.expand-button {
display: none;
}
.settingsbutton {
display: inline-block;
padding: 0;
}
.notesbutton {
display: inline-block;
padding: 0;
vertical-align: -6px;
}
.studybutton {
display: inline-block;
padding: 0;
}
.bibliabutton {
display: inline-block;
padding: 0;
}
.librarybutton {
display: inline-block;
padding: 0;
}
.searchbutton {
display: inline-block;
padding: 0;
}
.loginbutton {
display: inline-block;
padding: 0 .5rem;
}
.settings-icon {
/*background: url("set.svg") no-repeat;*/
background: url("gear_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px;
}
.study-icon {
/*background: url("studiu3.svg") no-repeat;*/
background: url("book-open-reader_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.memo-icon {
/*background: url("studiu3.svg") no-repeat;*/
background: url("memo_solid.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.notes-icon {
/*background: url("notes.svg") no-repeat;*/
background: url("notes_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.filter-list-default-icon {
background: url("showfilter-default.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.filter-list-compact-icon {
background: url("showfilter-compact.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.flexContainerMyNoteCompact {
height: 28px;
padding: 5px 12px 5px 0px;
display: inline-flex;
flex-direction: row-reverse;
width: 100%;
}
.filter-icon {
background: url("filter-solid.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.sync-icon {
background: url("sync.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.bible-icon {
background: url("bible.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px
}
.library-icon {
/*background: url("lib.svg") no-repeat;*/
background: url("books_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px;
}
.biblia-icon {
/*background: url("biblia1.svg") no-repeat;*/
/*background: url("bib4.svg") no-repeat; */
background: url("book-bible_classic_light.svg") no-repeat;
background-size: 22px 22px;
height: 22px;
width: 22px;
}
.floating-menu {
display: none;
position: absolute;
z-index: 90;
background: var(--main-text-bg-color);
border: 1px solid var(--main-border-color);
border-radius: .5rem;
box-sizing: border-box;
}
#personalmenu {
right: 520px;
top: 100px;
width: 155px;
padding: 1rem 4rem;
}
#settings {
right: 750px;
top: 100px;
width: 315px;
padding: 2rem 4rem 1rem;
overflow: auto;
max-height: calc(100% - 150px);
}
#settings tr {
border-bottom: 1px solid var(--main-border-color);
}
#settings tr:last-of-type {
border-bottom: none;
}
.user-settings input[type="radio"] {
border-radius: 2.5rem;
height: 4.5rem;
width: 4.5rem;
}
.user-settings input[type="checkbox"] + label {
float: right;
margin-top: .1rem;
}
.grid-select th {
text-align: center;
padding-right: 0
}
.grid-select input[type="radio"] {
display: inline-block;
}
.theme-selector-white,.theme-selector-sepia,.theme-selector-black {
cursor: pointer;
}
.theme-selector-white {
background: #FFF;
border: 1px solid #CCC;
}
.theme-selector-white:checked {
border: 2px solid #72ABBF;
}
.theme-selector-sepia {
background: #F5F0DE;
border: 1px solid #B2A252;
}
.theme-selector-sepia:checked {
border: 2px solid #B2A252;
}
.theme-selector-black {
background: #000;
border: 1px solid #000;
}
.theme-selector-black:checked {
border: 2px solid #CCC;
}
.user-settings th,.user-settings td {
vertical-align: middle;
height: 4rem;
}
.user-settings th {
font-weight: 400;
}
.user-settings td {
text-align: right;
}
.theme-sepia {
--main-bg-color:#F2EDDE;
--main-text-color:#514D47;
--main-text-bg-color:#F5F1E5;
--main-link-color:#72ABBF;
--main-border-color:#DDD9C9;
--main-subheader-color:#F2EDDE;
--main-button-color:#BFB391;
--main-footer-color:#F0EAD8;
--main-footer-text-color:#A4A4A4;
--main-subheading-text-color:#555;
--main-input-border-color:#DCDCDC;
}
.theme-black {
--main-bg-color:#232323;
--main-text-color:#A4A4A4;
--main-text-bg-color:#282828;
--main-link-color:#72ABBF;
--main-border-color:#4E4E4E;
--main-subheader-color:#232323;
--main-button-color:#BFB391;
--main-footer-color:#222;
--main-footer-text-color:#A4A4A4;
--main-subheading-text-color:#CACACA;
--main-input-border-color:#4E4E4E;
}
.typoTextarea {
width: 100%;
color: #000;
resize: none;
background-color: #FFF;
border: 1px solid #FFF;
}
.typoTextarea::-webkit-input-placeholder {
color: GREY;
}
.typoTextarea:-moz-placeholder { /* Firefox 18- */
color: GREY;
}
.typoTextarea::-moz-placeholder { /* Firefox 19+ */
color: GREY;
}
.typoTextarea:-ms-input-placeholder {
color: GREY;
}
@media screen and (max-width: 800px) {
.logo {
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  }
#ootext {
  font-size: 13px;
}
.study-icon, .bible-icon, .library-icon, .settings-icon, .searchlight-icon, .personal-icon, .logout-icon {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-bottom: -.2rem;
}
#filtersearch {
  top: 3px;
}
#trd {
  margin-top: -39px;
  margin-left: 90px;
}
#carteacap {
  margin-top: -39px;
  margin-left: 160px;
}
}
/* bstrap2.css
Bootstrap v4.5.0 (https://getbootstrap.com/)
Copyright 2011-2020 The Bootstrap Authors
Copyright 2011-2020 Twitter, Inc.
Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
main, nav {
display: block;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important ;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ul ul {
margin-bottom: 0;
}
b {
font-weight: bolder;
}
a:not([href]) {
/*color: #DDB96D;*/
text-decoration: none;
}
a:not([href]):hover {
/*color: inherit;*/
text-decoration: none;
}
table {
border-collapse: collapse;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button {
border-radius: 0;
overflow: visible;
text-transform: none;
}
button:focus {
/*outline: 1px dotted;*/
outline: 5px auto -webkit-focus-ring-color;
}
button,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
[role=button] {
cursor: pointer;
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}
img {
vertical-align: middle;
border-style: none;
}
textarea {
overflow: auto;
resize: vertical;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
template {
display: none;
}
[hidden] {
display: none !important ;
}
.h1,
h1 {
font-size: 2.5rem;
}
.h2,
h2 {
font-size: 2rem;
}
/*
.h3,
h3 {
  font-size: 1.75rem;
}
*/
.h4,
h4 {
  font-size: 1.5rem;
}
.h5,
h5 {
font-size: 1.25rem;
}
.h6,
h6 {
font-size: 1rem;
}
code {
color: #E83E8C;
word-wrap: break-word;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
a>code {
color: inherit;
}
.container {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
  max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
  max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
  max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
  max-width: 1140px;
}
}
.container-md {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/*
@media (min-width:576px) {
  .container {
    max-width: 540px;
  }
}
*/
@media (min-width: 768px) {
.container,
.container-md {
  max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-md {
  max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-md {
  max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
/*
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto {
  position: relative;
  width: 100%;
padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
*/
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-md {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.row-cols-md-1>* {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-md-2>* {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-md-3>* {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-md-5>* {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-md-6>* {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-md-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-md-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-md-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-md-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-md-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-md-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-md-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-md-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-md-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-md-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-md-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #DEE2E6;
}
.table-dark,
.table-dark>td,
.table-dark>th {
background-color: #C6C8CA;
}
/*
.table-dark td,
.table-dark th {
  border-color: #95999C;
}
*/
.table-dark {
color: #FFF;
background-color: #343A40;
}
.table-dark td,
.table-dark th {
border-color: #454D55;
}
.collapse:not(.show) {
display: none;
}
.nav {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: .5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none;
}
.navbar {
position: relative;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem;
}
.navbar .container,
.navbar .container-md {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-nav {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-md {
  padding-right: 0;
  padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-expand-md .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-md {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
  display: flex !important ;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
  display: none;
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand>.container,
.navbar-expand>.container-md {
padding-right: 0;
padding-left: 0;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
/*
.navbar-expand>.container,
.navbar-expand>.container-md {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
*/
.navbar-expand .navbar-collapse {
display: flex !important ;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-text a {
color: #FFF;
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #FFF;
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007BFF;
background-color: #FFF;
border: 1px solid #DEE2E6;
}
.page-link:hover {
z-index: 2;
color: #0056B3;
text-decoration: none;
background-color: #E9ECEF;
border-color: #DEE2E6;
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.bg-dark {
background-color: #343A40 !important ;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1D2124 !important ;
}
.d-table {
display: table !important ;
}
.d-table-row {
display: table-row !important ;
}
@media (min-width: 768px) {
.d-md-table {
display: table !important ;
}
.d-md-table-row {
display: table-row !important ;
}
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.h-25 {
height: 25% !important ;
}
.h-50 {
height: 50% !important ;
}
.h-75 {
height: 75% !important ;
}
.h-100 {
height: 100% !important ;
}
.h-auto {
height: auto !important ;
}
.mr-0 {
margin-right: 0 !important ;
}
.mr-1 {
margin-right: .25rem !important ;
}
.mr-2 {
margin-right: .5rem !important ;
}
.mr-3 {
margin-right: 1rem !important ;
}
.mr-4 {
margin-right: 1.5rem !important ;
}
.mr-5 {
margin-right: 3rem !important ;
}
.p-0 {
padding: 0 !important ;
}
.px-0 {
padding-right: 0 !important ;
}
.pl-0,
.px-0 {
padding-left: 0 !important ;
}
.p-1 {
padding: .25rem !important ;
}
.px-1 {
padding-right: .25rem !important ;
}
.pl-1,
.px-1 {
padding-left: .25rem !important ;
}
.p-2 {
padding: .5rem !important ;
}
.px-2 {
padding-right: .5rem !important ;
}
.pl-2,
.px-2 {
padding-left: .5rem !important ;
}
.p-3 {
padding: 1rem !important ;
}
.px-3 {
padding-right: 1rem !important ;
}
.pl-3,
.px-3 {
padding-left: 1rem !important ;
}
.p-4 {
padding: 1.5rem !important ;
}
.px-4 {
padding-right: 1.5rem !important ;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important ;
}
.p-5 {
padding: 3rem !important ;
}
.px-5 {
padding-right: 3rem !important ;
}
.pl-5,
.px-5 {
padding-left: 3rem !important ;
}
.mr-n1 {
margin-right: -.25rem !important ;
}
.mr-n2 {
margin-right: -.5rem !important ;
}
.mr-n3 {
margin-right: -1rem !important ;
}
.mr-n4 {
margin-right: -1.5rem !important ;
}
.mr-n5 {
margin-right: -3rem !important ;
}
.mr-auto {
margin-right: auto !important ;
}
@media (min-width: 768px) {
.mr-md-0 {
  margin-right: 0 !important ;
}
.mr-md-1 {
  margin-right: .25rem !important ;
}
.mr-md-2 {
  margin-right: .5rem !important ;
}
.mr-md-3 {
  margin-right: 1rem !important ;
}
.mr-md-4 {
  margin-right: 1.5rem !important ;
}
.mr-md-5 {
  margin-right: 3rem !important ;
}
.p-md-0 {
  padding: 0 !important ;
}
.px-md-0 {
  padding-right: 0 !important ;
}
.pl-md-0,
.px-md-0 {
  padding-left: 0 !important ;
}
.p-md-1 {
  padding: .25rem !important ;
}
.px-md-1 {
  padding-right: .25rem !important ;
}
.pl-md-1,
.px-md-1 {
  padding-left: .25rem !important ;
}
.p-md-2 {
  padding: .5rem !important ;
}
.px-md-2 {
  padding-right: .5rem !important ;
}
.pl-md-2,
.px-md-2 {
  padding-left: .5rem !important ;
}
.p-md-3 {
  padding: 1rem !important ;
}
.px-md-3 {
  padding-right: 1rem !important ;
}
.pl-md-3,
.px-md-3 {
  padding-left: 1rem !important ;
}
.p-md-4 {
  padding: 1.5rem !important ;
}
.px-md-4 {
  padding-right: 1.5rem !important ;
}
.pl-md-4,
.px-md-4 {
  padding-left: 1.5rem !important ;
}
.p-md-5 {
  padding: 3rem !important ;
}
.px-md-5 {
  padding-right: 3rem !important ;
}
.pl-md-5,
.px-md-5 {
  padding-left: 3rem !important ;
}
.mr-md-n1 {
  margin-right: -.25rem !important ;
}
.mr-md-n2 {
  margin-right: -.5rem !important ;
}
.mr-md-n3 {
  margin-right: -1rem !important ;
}
.mr-md-n4 {
  margin-right: -1.5rem !important ;
}
.mr-md-n5 {
  margin-right: -3rem !important ;
}
.mr-md-auto {
  margin-right: auto !important ;
}
}
.font-italic {
font-style: italic !important ;
}
.text-dark {
color: #343A40 !important ;
}
a.text-dark:focus,
a.text-dark:hover {
color: #121416 !important ;
}
.text-body {
color: #212529 !important ;
}
@media print {
*,
::after,
::before {
  text-shadow: none !important ;
  box-shadow: none !important ;
}
a:not(.btn) {
  text-decoration: underline;
}
tr {
  page-break-inside: avoid;
}
h2,
h3,
p {
  orphans: 3;
  widows: 3;
}
h2,
h3 {
  page-break-after: avoid;
}
@page {
size: a3
}
body {
min-width: 992px !important ;
}
.container {
min-width: 992px !important ;
}
.navbar {
display: none;
}
.table {
border-collapse: collapse !important ;
}
.table td,
.table th {
background-color: #FFF !important ;
}
.table-dark {
color: inherit;
}
.table-dark td,
.table-dark th {
border-color: #DEE2E6;
}
}
#btnkbd{
display:inline-block;
padding:0 5px;
background-color:#F0F0F0;
border:thin solid #EEE !important;
border-radius: 5px;
padding: 1px 6px;
border-width: thin !important;
border-style: outset;
border-color: buttonborder;
border-image: initial;
appearance: auto;
writing-mode: horizontal-tb !important;
font-style: ;
font-variant-ligatures: ;
font-variant-caps: ;
font-variant-numeric: ;
font-variant-east-asian: ;
font-weight: ;
font-stretch: ;
font-size: 13px !important;
font-family: sans-serif;
text-rendering: auto;
color: buttontext;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
align-items: flex-start;
cursor: default;
box-sizing: border-box;
background-color: buttonface;
margin: 0em;
}
#oo-keyboard{
line-height: 20px;
width: 630px;
font-size: 13px;
padding-bottom: 10px;
}
#oo-keyboard button{
float: left;
display: block;
margin: 1px;
height: 3em;
text-align: center;
/*line-height: 2.75em;*/
color: gray;
border: thin solid black;
}
#oo-keyboard .oo-label-natural{
color: #E0115F
}
#oo-keyboard .oo-label-shift{
color: #057CB5
}
#oo-keyboard .oo-label-natural,#oo-keyboard .oo-label-shift{
margin-top: -5px;
line-height: 20px;
text-align: center;
cursor: default
}
#oo-keyboard .oo-label-reference{
color: gray;
font-size: .9em;
line-height: 12px;
text-align: left;
cursor: default
}
#branah-k29 .oo-label-reference,#branah-k32 .oo-label-reference{
color: #000
}
#oo-keyboard .oo-recessed span{
color: #3C0
}
#oo-keyboard .oo-recessed-hover span{
color: #FFD800
}
#oo-keyboard .oo-clear{
clear: both
}
#oo-keyboard .oo-key{
width: 40px;
border: thin solid black;
}
#branah-backspace{
width: 78px
}
#branah-tab{
width: 62px
}
#branah-k25{
width: 56px
}
#branah-caps-lock{
width: 76px
}
#oo-enter{
width: 84px
}
#branah-left-shift{
width: 46px
}
#branah-right-shift{
width: 114px
}
#branah-space{
width: 246px;
text-align: center
}
#branah-right-ctrl,#branah-right-alt,#branah-escape{
width: 62px
}
#branah-left-ctrl,#branah-left-alt,#branah{
width: 60px
}
 
/**/
 
.op-pagenav-wraper {
white-space: nowrap !important;
text-indent: 0% !important;
}
.op-pagenav-span {
position: absolute !important;
right: 0px !important;
cursor: pointer;
}
.op-pagenav-span-box {
position: relative;
z-index: 999;
}
.op-pagenav-span-box:before {
content: attr(data-page);
border: 1px solid #d1d1d1 !important;
background-color: #f7f7f7 !important;
color: #504F4F !important;
font-size: 12px  !important;
padding: 3px !important;
font-family: sans-serif !important;
font-weight: normal !important;
width: 35px !important;
display: inline-block;
text-align: center !important;
line-height: normal !important;
font-style: normal !important;
}

/*for body margin from right*/
.op-pagenav-margin {
padding-right: 100px !important;
}

.ilizibil {
color: #F3F2ED;
background-color: black;
}

.highlight-brush-yellow {
/*background-color: #F4F7A0;*/
background-color: #FEECAA;
}
.highlight-brush-blue {
/*background-color: #B8DEF5;*/
background-color: #A1DAFC;
}
.highlight-brush-orange {
background-color: #F5BB8D;
}
.highlight-brush-maron {
background-color: #D7C0BA;
}
.highlight-brush-brown {
background-color: #D7C0BA;
}
.highlight-brush-gray {
background-color: #C3C3C3;
}
.highlight-brush-white {
background-color: #FFFFFF;
}
.highlight-brush-purple {
/*background-color: #B462B4;*/
background-color: #B69BD3;
}
.highlight-brush-red {
background-color: #FF3F38;
}
.highlight-brush-cyan {
background-color: #88CEF1;
}
.highlight-brush-pink {
/*background-color: #F9BAD7;*/
background-color: #DCAECF;
}
.highlight-brush-green {
/*background-color: #C3F7B9;*/
background-color: #B0E697;
}
.highlight-brush-transparent {
background-color: transparent;
}
.highlight-brush-ublue {
text-decoration: underline 3px #A1DAFC;
-webkit-text-decoration-color: #A1DAFC; /* Safari */
}
.highlight-brush-unocolor {
text-decoration: underline 3px transparent;
-webkit-text-decoration-color: transparent; /* Safari */
}
.highlight-brush-ubrown {
text-decoration: underline 3px #D7C0BA;
-webkit-text-decoration-color: #D7C0BA; /* Safari */
}
.highlight-brush-ugray {
text-decoration: underline 3px #C3C3C3;
-webkit-text-decoration-color: #C3C3C3; /* Safari */
}
.highlight-brush-ugreen {
text-decoration: underline 3px #B0E697;
-webkit-text-decoration-color: #B0E697; /* Safari */
}
.highlight-brush-uorange {
text-decoration: underline 3px #F5BB8D;
-webkit-text-decoration-color: #F5BB8D; /* Safari */
}
.highlight-brush-upink {
text-decoration: underline 3px #DCAECF;
-webkit-text-decoration-color: #DCAECF; /* Safari */
}
.highlight-brush-upurple {
text-decoration: underline 3px #B69BD3;
-webkit-text-decoration-color: #B69BD3; /* Safari */
}
.highlight-brush-ured {
text-decoration: underline 3px #FF3F38;
-webkit-text-decoration-color: #FF3F38; /* Safari */
}
.highlight-brush-uyellow {
text-decoration: underline 3px #FEECAA;
-webkit-text-decoration-color: #FEECAA; /* Safari */
}

.note.fa {
display: inline;
}
.note-yellow {
color: #747400;
text-indent: 0;
}
.note-red {
color: red;
text-indent: 0;
}
.note-purple {
color: purple;
text-indent: 0;
}
.note-orange {
color: orange;
text-indent: 0;
}
.note-cyan {
color: cyan;
text-indent: 0;
}
.note-tour {
color: #008282;
text-indent: 0;
}
.cursordefault {
cursor: default;
}
.cursorpointer {
cursor: pointer;
}
.note-olive {
color: #747400;
text-indent: 0;
}
#listadisplaystyledefault,
#listadisplaystylecompact,
#notebtn22,
#notesyncbtn {
display: flex;
align-items: center;
height: 32px;
}

.righttabsname {
color: #3C5373;
font-style: italic;
padding-left: 3px;
padding-right: 3px;
background-color: #F3F2ED;
margin-left: 4px;
cursor: default;
}
/*adaugate pentru quill*/
.ql-snow .ql-picker.ql-size	.ql-picker-label[data-value]::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]::before {
content: attr(data-value) !important;
}
.ql-snow .ql-formats:after {
clear: both;
content: '|';
color: lightgray;
}
.ql-toolbar.ql-snow .ql-formats {
display: inline-flex;
margin-right: 0;
}

#instr {
display: grid;
justify-content: center;
padding-top: 50px;
font-size: 20px;
font-weight: 500;
}