/* common */

audio {
outline:none;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
}
.ea-shinystat {
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
}

.no-scrollbar-container {
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.no-scrollbar-container::-webkit-scrollbar { /* WebKit */
width: 0;
height: 0;
}



#jea-debug {
position:relative;
z-index:2000;
}

.ea-sm {
padding: 5px;
font-size: 25px;
width: 40px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
border: solid transparent 1px;
}

.ea-sm:hover {
color: white;
text-decoration:none;
opacity: 0.7;
}

.ea-sm-fb {
background: #3B5998;
color: white;
}

.ea-sm-tw {
background: #55ACEE;
color: white;
}

.ea-sm-go {
background: #dd4b39;
color: white;
}

.ea-sm-ln {
background: #007bb5;
color: white;
}

.ea-sm-yt {
background: #bb0000;
color: white;
}

.ea-sm-in {
background: #125688;
color: white;
}

.ea-sm-pi {
background: #cb2027;
color: white;
}

.ea-sm-sn {
background: #fffc00;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.ea-sm-sk {
background: #00aff0;
color: white;
}

.ea-sm-an {
background: #a4c639;
color: white;
}

.ea-sm-dr {
background: #ea4c89;
color: white;
}

.ea-sm-vi {
background: #45bbff;
color: white;
}

.ea-sm-tu {
background: #2c4762;
color: white;
}

.ea-sm-vn {
background: #00b489;
color: white;
}

.ea-sm-4s {
background: #45bbff;
color: white;
}

.ea-sm-st {
background: #eb4924;
color: white;
}

.ea-sm-fl {
background: #f40083;
color: white;
}

.ea-sm-ya {
background: #430297;
color: white;
}

.ea-sm-sc {
background: #ff5500;
color: white;
}

.ea-sm-rd {
background: #ff5700;
color: white;
}

.ea-sm-rs {
background: #ff6600;
color: white;
}

.ea-e-fb, 
.ea-e-fb > span,
.ea-e-fb > span iframe {
min-width: 1px !important;
}

.ea-e-fb-wr {
width:45%;
}

#ea-i-page-ph.jea-editable .page-block-ph,
#ea-i-page-ph.jea-editable .ea-c-blk.ea-e-blk-cl,
#ea-i-page-ph.jea-editable .ea-c-blk.ea-e-blk-bx {
border: dashed #aaa 1px !important;
min-height:40px;
}

.ea-e-blk-hl {
min-height:40px;
}

.ea-c-blk .img-ph {
z-index: 10;
}

.txtBlack {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

.ea-e-see-more:hover {
background-color:var(--ea-mc90);
}

.jea-locale-chooser .jea-c,
.jea-locale-chooser .jea-l.jea-c:hover {
background-color:yellow;
cursor:initial;
}
.jea-locale-chooser .jea-l {
margin-bottom:2px;
}
.jea-locale-chooser .jea-l:hover {
background-color:lightgreen;
cursor:pointer;
}
.jea-locale-chooser {
border:gray 1px solid;
text-align:left;
padding-top:2px;
padding-left:2px;
padding-right:2px;
margin-left:70px;
margin-right:70px;
}

/* topbar dark (default) */

.jea-bt {
border: solid 1px transparent;
color: #aaa;
position:relative;
margin-right: 2px;
display:inline-block;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
text-align: center;
font-size: 20px;
top: -2px;
}

.jea-bt:hover:active {
top:-1px;
left:1px;
}

.jea-bt {
color: var(--ea-mc90);
border-color: solid 1px transparent;
}

.jea-bt.jea-on {
border-color: solid 1px var(--ea-mc90);
}

.jea-bt.jea-disabled, .jea-bt.jea-disabled:hover, .jea-bt.jea-disabled:active {
color: #999;
cursor:default;
background-color: inherit;
border-color: transparent;
top:0px;
left:0px;
}

.ea-e-path-flag {
margin-top:1px;
margin-right:4px;
}

.ea-e-path-flag img {
border:gray solid 1px;
}

.ea-e-path-flag img:hover {
border-color:var(--ea-mc90);;
}

.ea-e-path-it {
margin-top: 1px;
}

.ea-e-path-it a:hover {
color:lightgreen;
}

.lt800 .ea-e-path-it {
}

.ea-e-bar-top {
padding-left:3px;
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
background-color: var(--ea-mc10);
border-bottom: 1px var(--ea-mc) solid;
}

#ea-i-page-ph .ea-c-blk.ea-h-blk-top {
width:100%;
background-color:var(--ea-mc15);
color:var(--ea-mc80);
text-align:center;
border-bottom:solid 1px var(--ea-mc) !important;
}
.ea-h-blk-top {
min-height:10px;
}
.ea-h-blk-top .body-ph {
font-size:larger;
}
.ea-h-blk-top p {
margin-bottom:5px;
}
.ea-h-blk-top .title-ph {
margin-bottom:0;
}
.ea-h-blk-top .img-ph {
max-width:100%;
max-height:100px;
border:0;
box-shadow:initial;
}

.ea-h-bar-top-spacer {
height:39px;
}

#ea-i-page-ph.jea-logged-editor .ea-h-bar-top-spacer {
height:79px;
}

.ea-e-bar-top .breadcrumb .jea-private a {
border-bottom: 1px cyan solid;
}

.ea-e-bar-top .breadcrumb .jea-offline a {
border-bottom: 1px red solid;
}

.ea-e-bar-top .breadcrumb .jea-trashed a {
text-decoration-line: line-through;
}

.ea-e-bar-top .breadcrumb .jea-hidden a {
font-style: italic;
}

.ea-e-bar-top a,
.ea-e-bar-top a:hover {
color: var(--ea-mc90);
}

.ea-e-bar-top .breadcrumb {
border-radius: 0;
background-color: var(--ea-mc10);
}

.ea-e-bar-top  .breadcrumb {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.ea-e-bar-top .current {
background-color:lightgreen;
}

.ea-h-bar-all {
margin-top:5px;
display:flex;
justify-content:space-between;
align-items:start;
}
.ea-h-bar-all-buttons {
}
.ea-h-bar-all-buttons .wr-ph,
.ea-h-bar-edit-status .wr-ph {
margin-top:1px;
display:flex;
}
.ea-h-bar-all-path {
}
.ea-h-bar-all-path.breadcrumb > li + li::before {
color: #888 !important;
content: ">" !important;
padding: 0 1px !important;
}
.ea-h-bar-all-path.breadcrumb {
padding: 0;
}
.ea-h-all-bt-user {
}
.ea-h-all-bt-user .jea-on {
transform:rotate(90deg);
}
.ea-h-bar-edit {
display:none;
}
#ea-i-page-ph.jea-logged-editor .ea-h-bar-edit {
border-top: 1px grey dashed;
padding-top:4px;
padding-bottom:2px;
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.ea-h-bar-edit-status {
}
.ea-h-bar-edit-buttons {
margin-right: 3px;
margin-bottom: 1px;
}
.ea-h-bar-top .ea-h-bar-top-menu .spacer {
height:60px; /* was 50px */
}
.ea-h-bar-top-menu {
z-index:1000;
margin-top:39px;
margin-bottom:41px;
display: flex;
flex-direction: column;
max-height: 100%;
position:fixed;
top:0;
left:0;
color: black;
}
.ea-h-leveled-menu-spacer {
background: black;
opacity: 0.8;
position: fixed;
top: 39px;
right: 0;
width: 10%;
height: calc(100% - 60px);
z-index:1000;
}
.ea-h-leveled-menu {
opacity:1;
width:90%;
height: calc(100% - 60px);
z-index:1000;
}
.ea-c-leveled-menu-head {
font-size: 30px;
text-align:center;
color: var(--ea-mc20);
border-top: 3px solid var(--ea-mc20);
border-bottom: 3px solid var(--ea-mc20);
margin-bottom: 5px;
}
.ea-e-leveled-menu-node a,
.ea-e-leveled-menu-flag a {
color: var(--ea-mc27);
}
.ea-e-leveled-menu-node a:hover,
.ea-e-leveled-menu-node a.btn-dark,
.ea-e-leveled-menu-node a.btn-secondary,
.ea-e-leveled-menu-node-selected a,
.ea-e-leveled-menu-node-selected-anc a {
color: var(--ea-mc90) !important;
}
.ea-c-leveled-menu-selected-children .ea-e-leveled-menu-node a {
border:0;
border-bottom:1px solid black;
}
.ea-h-leveled-menu hr {
margin-top:6px;
margin-bottom:6px;
}
.ea-h-leveled-menu-flag-image {
margin-bottom: 1px;
border:gray solid 1px;
}

.ea-c-leveled-menu-selected {
background-color: var(--ea-mc85);
}

.ea-h-user-menu-content,
.ea-h-leveled-menu-content,
.ea-h-user-menu-login-content {
padding:5px;
background: var(--ea-mc85);
flex: 1 1 auto;
overflow-y: scroll;
border: 1px var(--ea-mc) solid;
border-top: black;
min-width:250px;
}
.ea-h-user-menu,
.ea-h-user-menu-login {
left:initial;
right:0;
}
.ea-h-user-menu-content,
.ea-h-user-menu-login-content {
border-right: 0;
}
.ea-e-leveled-menu-preview {
display: flex;
flex-direction: column;
justify-content:center;
background-color: var(--ea-mc80);
border-radius: 10px;
margin:3px;
margin-top:10px;
padding-bottom:0;
border:solid 3px var(--ea-mc10);
}
.ea-e-leveled-menu-preview h2 {
margin-bottom:0;
}
.ea-e-leveled-menu-preview:hover {
cursor:pointer;
background-color: var(--ea-mc80);
}
.ea-h-leveled-menu-preview-body:hover {
background-color: var(--ea-mc70);
}
.ea-h-leveled-menu-preview-body {
/*
display: flex;
justify-content:center;
*/
align-items:flex-start;
}
.ea-h-leveled-menu-preview-body a:hover {
color:var(--ea-mc20);
}
.ea-h-leveled-menu-preview-title {
text-align:center;
margin: 5px;
min-height: 20px;
}
.ea-e-leveled-menu-preview:hover .ea-h-leveled-menu-preview-title {
background-color: var(--ea-mc50);
color:white;
}
.ea-h-leveled-menu-preview-descr-wr {
overflow:auto;
}
.ea-h-leveled-menu-preview-body {
margin: 5px;
}
.ea-h-leveled-menu-preview-body a {
font-weight:bold;
color:var(--ea-mc10);
}
body.jea-touch .ea-h-leveled-menu-preview-body a,
.ea-h-leveled-menu-preview-body a:hover {
text-decoration:underline;
}
.ea-h-leveled-menu-preview-image {
float:right;
width:40%;
}
.ea-h-leveled-menu-content {
background: var(--ea-mc90);
border:0;
}
.ea-e-leveled-menu-level .btn {
margin: 3px;
padding: 3px;
}

.ea-e-leveled-menu-level .jea-offline a {
border-bottom: 3px red solid;
padding-bottom: 1px;
}

.ea-e-leveled-menu-level .jea-trashed a {
text-decoration-line: line-through;
}

.ea-e-leveled-menu-level .jea-hidden a {
font-style: italic;
}
.ea-h-bar-top-title {
color:white;
font-size:large;
color: var(--ea-ec90);
padding:2px;
border-radius: 5px;
}
.ea-h-bar-top-title:hover {
text-decoration:underline;
cursor:pointer;
}

.jea-hmenu .jea-hidden .title-ph {
font-style: italic;
}



.ea-e-leveled-menu-node.ea-c-emph a {
border-width:2px;
font-weight:bold;
background-color:lightyellow;
color:black;
margin-top: 2px;
}
.ea-e-leveled-menu-node.ea-c-emph a.btn-dark {
background-color:black;
}
.ea-e-leveled-menu-node.ea-c-emph a:hover {
background-color:black;
color:lightyellow;
}

.ea-e-leveled-menu-node-selected.ea-c-emph a {
border-width:2px;
font-weight:bold;
background-color:black;
color:lightyellow;
}

.ea-e-leveled-menu-node-selected-anc.ea-c-emph a {
border-width:2px;
border-color:black;
font-weight:bold;
background-color:#6c757d;
color:lightyellow;
}

.ea-h-user-menu-login-title {
text-align:center;
border-bottom: 1px gray dotted;
margin-bottom:5px;
}
.ea-h-user-menu-logged-user {
text-align:center;
}
div.ea-h-user-menu-item {
background: var(--ea-mc70);
border: 1px transparent solid;
margin-top: 5px;
padding: 5px;
}
div.ea-h-user-menu-item:hover {
text-decoration: underline;
cursor:pointer;
border: 1px var(--ea-mc40) solid;
}
.ea-h-user-menu-login-forgot-auth-details {
margin-top:10px;
}
.ea-h-user-menu-login-forgot-auth-details a,
.ea-h-user-menu-login-forgot-auth-details a:hover
{
color:black;
}

.jea-hmenu .jea-trashed .title-ph {
text-decoration-line: line-through;
}

.jea-hmenu .jea-trashed:not(:hover) .title-ph {
text-decoration-line: line-through;
}

.jea-hmenu .jea-trashed:hover .title-ph {
text-decoration-line: unset;
}

.jea-vmenu .jea-private .title-ph {
border-left: 3px solid cyan;
}

.jea-vmenu .jea-offline .title-ph {
border-left: 3px solid red;
}

.ea-c-foot .ea-c-foot-item + .ea-c-foot-item::before {
content:"-";
}

.ea-c-foot-spacer {
height: 30px;
}

.ea-c-foot {
z-index:1000;
overflow: hidden;
/* height: 18px; */
width: 100%;
position: fixed;
margin-bottom: 0px;
bottom: 0;
left: 0;
text-align: right;
border-top: 1px var(--ea-mc) solid;
background: var(--ea-mc10);
color: white;
}
#ea-i-page-ph #ea-i-foot a {
color: var(--ea-mc90);
}

.ea-h-alert-training {
text-align:left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: large;
color: #000000;
}

.ea-h-alert-training .alert {
border-radius:0;
}
.ea-e-gallery .carousel-indicators {
top:402px;
}
.ea-e-gallery .images-wr {
height:auto;
}
.ea-e-gallery.jea-no-carousel-indicators .images-wr {
height:auto;
}

.ea-e-gallery, .ea-e-gallery img {
height:auto;
}
.ea-e-gallery .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.ea-e-gallery .carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.ea-e-gallery .title-ph{
color:white;
}

.carousel-inner {
background-color:var(--ea-mc20);
}

.bg-black {
background-color: black;
}

.lt800 .colSx {
display:none;
}

.jea-vmenu .btn:not(:hover),
.jea-hmenu .btn:not(:hover) {
background-color: white;
}

.jea-vmenu .ea-e-hl-btn.btn,
.jea-hmenu .ea-e-hl-btn.btn {
background-color: var(--ea-ec80);
}

#jea-progress {
width:100%;
height: 2px;
z-index: 1000;
position:fixed;
top:37px;
left:0
}

.jea-form .progress {
width:100%;
height: 2px;
z-index: 1000;
position:absolute;
top:0;
left:0
}

.grecaptcha-badge { 
visibility:hidden;
}

.recaptcha-disclaimer {
font-size: 11px;
clear:both;
color:gray;
}

/* topbar light */



.jea-dots-block .progress {
height: 2px;
display:none;
position:absolute;
top: 23px;
left: 80px;
width: 80%;
padding-left: 0;
}
.jea-dots-block .progress-bar {
height: 2px;
background-color:#007bff;
}



@media (max-width: 479.98px) {
.w100-when-xxs {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.ea-c-leveled-menu-head {
display:none;
}
.ea-h-leveled-menu-preview-image {
float:initial;
width:100%;
}
}