.header{height:5em; background-color: #94c11f;color: #fefefe;max-height: 100%;vertical-align: middle;}
label{color:#0B5905;}
label.middle, select{margin:0}
label.middle{padding: 0 0 0.5625rem 0;}
select{height:2.063em;font-size:0.8rem;padding-top:0;padding-bottom:0;}
.login{ width: 100%; font-size: 1em; height: 2.5em;margin-top: 1.5em;}
.header h1,h2,h3{ text-align: center; }
h1,h2,a,h4,h3{ color: #94c11f; }
#h1_login_title{ color: #FFFFFF; }
h1{font-size:2.7rem;margin-top:.5rem;margin-bottom:.5rem}
body{color:#0B5905;}

#logo{height:80px;width:auto}
.forgotten{ font-size: 0.8em;color: #94c11f; }
.language{ color: #fefefe; }
.language:hover{ color: red; }
.tabs-title>a{ line-height: 1.3em;font-size: 1.0em; }
.tabs-title:hover, .tabs-title a:focus {color: #0b5905!important; }
.button:focus, .button:hover { background-color: #394b0c; color: #fefefe; }
.button{background-color: #0B5905;font-size: .9rem;}
input[type=submit]{ padding: 0; background-color: #94c11f; }
.gs-main img{opacity: 0.4;}
article{width:600px;height:400px;margin-left:auto;margin-right:auto;}
article  a {color:#0B5905;}
article h1 {color:#1f2907;font-size:2.2em}
article p{color:#1f2907;font-size:1.2em}
#treeContainer{padding-top:7em;width:60%;margin-left:auto;margin-right:auto;}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true]{background: #e7f5c2;color: #0b5905;}
.agreement{ color: #777; font-size: 11px; }
.noPaddingRight{ padding-right: 0;}
.noPadding { padding-right: 0; padding-left: 0;}
.dataFilter{display:none;}

a:hover{color: #94c11f;}

.title-bar{background-color: #94c11f;color: #fefefe;height: 5%;width:100%}
.title-bar-left{width: -moz-fit-content;width: fit-content; }
.off-canvas-wrapper{height: 100%;}
.off-canvas-wrapper-inner{height: auto;min-height: 100%;/*background-color: #fbfdf5; */}
.off-canvas{ background-color: #e7f5c2; height: 100%;}
.menu{ text-align: center; }
.myMenu, .mySubMenu { display: block!important; text-align: left;padding-left: 1em; }
.menu>li { display: block; }
.hidden{display:none;}
.off-canvas-content {min-height:95%;width:100%;background-color:rgba(148,193,31,0.2);background-size:50%;overflow-x:scroll;}
.is-accordion-submenu-parent>a:after { border-color: #0B5905 transparent transparent; right: 2em; }

[type=color], [type=date], [typela=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search],
[type=tel], [type=text], [type=time], [type=url], [type=week], textarea{margin: 0; padding: 0 0.5rem; height: 2.063em;  font-size: 0.8rem;}
table tbody td, table tbody th{font-size: 0.8rem; line-height: 1rem;}
table tfoot td, table tfoot th, table thead td, table thead th{padding: 0.5em;font-weight: 500; }
table tbody  { background-color: transparent; }
table tfoot, table thead { background-color: rgba(11,89,5,0.25); }
html,body,.off-canvas-wrapper,.off-canvas-wrapper-inner,section{height: fit-content;min-height: 100%}
.title-bar-title a {color: #FFFFFF;}
#authenticationForm{margin: 5% auto 0 auto;}
#authenticationForm>h3 {margin: 5% auto;}
#authenticateButton{margin: 1em auto;}
#authenticateSubmit{width: 100%;}
.title-div-title{color:#fefefe; float: left;margin-left: 1em;width: -moz-fit-content;width: fit-content;}
#gerbIcon{position: fixed;top: 2px;left:55px;}

footer .menu {display: inline-flex;}
footer .menu>li>a {display:block;padding:.2rem 1rem;line-height:1;font-size:.8em;}
footer #langContainer {text-align: center;}
footer{position:relative;bottom:0;width:100%;display:block;}
footer a{font-size: 1em}
.footer-inner{display:inline-flex;width:100%;text-align:center;}
.footer-element{width:10%}
.footer-message{width:60%}
.gs-text-centered{text-align:center}
#gs-special-menu{list-style:none;display:flex;align-items:baseline;align-content:space-between;width:auto;margin:0 auto;
    text-align:center;justify-content:space-between}
.li-footer,.gs-copyright{color:#94c11f;font-size: 1em}
hr {margin:.24rem auto}
#gsCopyright{margin-top:1em}

.menu > li > a {display: block;padding: .7rem 1rem;line-height: 1;text-align: left;color: #0B5905;}
.menu-icon.dark, .title-bar-title{font-size: 1.5em}
#treeLogo{text-align: center;width:100%;padding:0}

section.row {
    min-height: calc(100vh - 74px) ;
}
main.gs-main {min-height: calc(100vh - 154px)}
.tab-content{padding-top: .5rem}

.row .row {margin: unset}
#childButtonGroup{margin-top: 1rem;}
#geogenLogo{height:55px;margin-top:-30px}
.active-tab{color: #0B5905;font-weight: 900;}

#loginModal{display: block;position: fixed;top: 0;background-color: rgba(0,0,0,.4);width: 100%;height:100%}
#messageModalContent {
    display: block;
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: calc(calc(100vh - 560px) / 2);
    padding-top: 1em;
}
#loginModal .button-group{width:max-content!important}
#loginModal h2 {font-size:2em;background-color:#94c11f;color:#fff}
#loginModal .page-header{display:none}
header{position:relative}
#loginModal .gs-close{font-size:1.5em;color:#fff;position:absolute;top:0;right:10px;cursor: pointer;}

ol, ul {margin-left: 0.55rem;}
.adamiani{position:relative}
/*.clickable{position: absolute;top:0;width: 100%; height: 100%}*/
#joinTreeSubmit, #createTreeSubmit {width:100%}
.separation {display:none}

#fileTransferDiv{width:40%;margin-left:auto;margin-right:auto;padding:1em;background-color:#fff;opacity:80%;}
#backButton{width: 30%;margin: 2em auto;}
#backButton a{width: 100%;text-align: center;font-weight: 700;}
#messageModalContent section.row {min-height:auto}
.tabs-title{width:auto}
.button-group.expanded{display: initial;}
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button{
    display: inline-block;
    width: -moz-fit-content;width: fit-content;margin-right: 1px;
}

@media screen and (min-width: 40em) {#formContainer{padding-top:7em;margin-left:auto;margin-right:auto;display:block;float:none;}}
#submitRegister{font-size:1em;line-height:1em;padding-top:.5em;}
#registerForm h3{font-size: 1.5375rem;}
#FormMessageZone{color:red}

@media screen and (min-width: 40em){
    #domainTable, #templateTable{height:300px;display: block;overflow-x: hidden}
    #domainTable>tbody, #templateTable>tbody{width: 340px; display: block; }
    #domainTable>tbody>tr, #templateTable>tbody>tr{width:335px;display: block;cursor: pointer}
}