html, body {
    height: 100%;
    font-family: Arial,sans-serif;
}

body, div, th, td, input, textarea, select {
    font-family: Arial,sans-serif;
    color: #333333;
    box-sizing: border-box;
}

body {
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
    
    box-sizing: border-box;
    
    margin: 0 0 0 0;
    border: 0px none;
    font-family: Arial,sans-serif;
    background-color: #2B6D8F;
}

body > div:nth-of-type(1) {
    margin: 0 auto 0 auto; 
    width: 100%; 
    max-width: 1080px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: 0px none;
    width: 100%;
    background-color: #FFF;
}

body > div:nth-of-type(1) > div:nth-of-type(1) {
    float: left;
    clear: both;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: 0px none;
    width: 100%;
    background-color: #FFF;
}


body > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
    float: left;
    clear: both;
    box-sizing: border-box;
    padding: 0px;
    border: 0px none;
    text-align: left;
    width: 100%;
}

body > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) {
    float: left;
    clear: both;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: 0px none;
    width: 100%;
}

#header {
    float: left;
    clear: both;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: 0px none;
    width: 100%;
    background-color: #FFF;
}
#header_text {
    float: left;
    clear: both;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border: 0px none;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
}

#logo {
    float: left;
    box-sizing: border-box;
    padding: 8px 0px 0px 8px;
}

.responsive_mainmenu_icon_wrapper
{
    float: right;
    box-sizing: border-box;
    padding: 32px 24px 24px 18px;
}

.responsive_mainmenu_icon_container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}



#desktop_mainmenu
{
    float: right;
    clear: none;
    padding: 0px;
    box-sizing: border-box;
}

#desktop_mainmenu > ul:nth-of-type(1) {
    float: left;
    clear: both;
    list-style-type: none;
    list-style-position: inside;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-items: end;
    padding: 32px 24px 12px 0;
    margin: 0;
    box-sizing: border-box;
}

#desktop_mainmenu > ul:nth-of-type(1) > li > a {
    float: left;
    clear: both;
    width: 100%;
}

#desktop_mainmenu > ul:nth-of-type(1) > li > a:active,
#desktop_mainmenu > ul:nth-of-type(1) > li > a:link,
#desktop_mainmenu > ul:nth-of-type(1) > li > a:hover,
#desktop_mainmenu > ul:nth-of-type(1) > li > a:visited {
    padding: 8px 18px 8px 18px;
    margin: 0;
    box-sizing: border-box;
    line-height: 30px;
    color: #2B6D8F;
    font-weight: bold;
    font-size: 18px;
}

#responsive_mainmenu > ul:nth-of-type(1) > li {
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#responsive_mainmenu 
{
    float: left;
    clear: both;
    background-color: #2B6D8F;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}

#responsive_mainmenu > ul:nth-of-type(1) {
    float: left;
    clear: both;
    list-style-type: none;
    list-style-position: inside;
    padding: 12px 0 12px 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#responsive_mainmenu > ul:nth-of-type(1) > li {
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#responsive_mainmenu > ul:nth-of-type(1) > li:hover {
    background-color: #0081c3;
}

#responsive_mainmenu > ul:nth-of-type(1) > li > a {
    float: left;
    clear: both;
    width: 100%;
}

#responsive_mainmenu > ul:nth-of-type(1) > li > a:active,
#responsive_mainmenu > ul:nth-of-type(1) > li > a:link,
#responsive_mainmenu > ul:nth-of-type(1) > li > a:hover,
#responsive_mainmenu > ul:nth-of-type(1) > li > a:visited {
    padding: 8px 18px 8px 18px;
    margin: 0;
    box-sizing: border-box;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

#footer { 
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 4px;
}

#footer_links_container { 
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 0px auto 0 auto;
    padding: 0px;
    align-items: center;
    justify-items: center;
    justify-content: center;
}
#footer_links_container > div > a { 
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}
#footer_links_container > div > a:active,
#footer_links_container > div > a:visited,
#footer_links_container > div > a:link,
#footer_links_container > div > a:hover { 
    font-size: 12px;
    color: #FFF;
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: 300;
}
#footer > div:nth-of-type(2){ 
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 10px 0 10px;
    font-size: 11px;
    color: #FFF;
}


/* Phones / Mobiles */
@media all and (min-width: 1px) 
{
    #desktop_mainmenu { display: none !important; }
    #responsive_mainmenu { display: none; }
    .responsive_mainmenu_icon_wrapper { display: block !important; }
    .notresponsive { display: none !important; }

    body { 
        padding: 4px 4px 0 4px; 
        min-width: 300px;
        overflow-y: scroll;
    }
}
@media all and (min-width: 400px) 
{
    #desktop_mainmenu { display: none !important; }
    #responsive_mainmenu { display: none; }
    .responsive_mainmenu_icon_wrapper { display: block !important; }
    .notresponsive { display: none !important; }

    body { 
        padding: 10px 10px 0 10px; 
        min-width: 380px;
        overflow-y: unset;
    }
}


/* Tablet / Netbook */
@media all and (min-width: 768px) 
{
    #desktop_mainmenu { display: none !important; }
    #responsive_mainmenu { display: none; }
    .responsive_mainmenu_icon_wrapper { display: block !important; }
    .notresponsive { display: none !important; }

    body { padding: 20px 20px 0 20px; }
}

/* Desktop */
@media all and (min-width: 1024px) 
{
    #responsive_mainmenu { display: none !important; }
    .responsive_mainmenu_icon_wrapper { display: none !important; }
    #desktop_mainmenu { display: block !important; }
    .notresponsive { display: initial !important; }
}

/* Generals Statics */
.aeblue {
    color: #2B6D8F;
}


a:link {
    color: #2B6D8F;
    text-decoration: none;
}

a:active {
    color: #2B6D8F;
    text-decoration: none;
}

a:hover {
    color: #2B6D8F;
    text-decoration: underline;
}

a:visited {
    color: #2B6D8F;
    text-decoration: none;
}

.hidden {
    display: none;
}

.notvisible {
    visibility: hidden;
}

h1 {
    font-family: Arial,sans-serif;
    font-size: 20px;
    color: #2B6D8F;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h2 {
    font-family: Arial,sans-serif;
    font-size: 18px;
    color: #2B6D8F;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h3 {
    font-family: Arial,sans-serif;
    font-size: 16px;
    color: #2B6D8F;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h4 {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #2B6D8F;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}




.charcoal {
    color: #070FA1;
}

.fsize075em {
    font-size: 0.75em;
}

.fsize08em {
    font-size: 0.8em;
}

.fsize09em {
    font-size: 0.9em;
}

.fsize1em {
    font-size: 1em;
}

.fsize11em {
    font-size: 1.1em;
}

.fsize115em {
    font-size: 1.15em;
}

.fsize125em {
    font-size: 1.25em;
}

.fsize135em {
    font-size: 1.35em;
}

.fsize15em {
    font-size: 1.5em;
}

.fsize16em {
    font-size: 1.6em;
}

.fsize175em {
    font-size: 1.75em;
}

.fsize18em {
    font-size: 1.8em;
}

.fsize19em {
    font-size: 1.9em;
}

.fsize2em {
    font-size: 2em;
}

.fs10px { font-size: 10px; }
.fs11px { font-size: 11px; }
.fs12px { font-size: 12px; }
.fs14px { font-size: 14px; }
.fs16px { font-size: 16px; }
.fs18px { font-size: 18px; }
.fs20px { font-size: 20px; }
.fs22px { font-size: 22px; }

.button {
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4), -3px 0 3px 0 rgba(0,0,0,0.2);
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    float: none;
}

.cb {
    clear: both;
}

.w100p {
    width: 100%;
}

.w96p {
    width: 96%;
}

.w98p {
    width: 98%;
}

.w25p {
    width: 25%;
}

.w21p {
    width: 21%;
}

.w40p {
    width: 40%;
}

.w46p {
    width: 46%;
}

.w48p {
    width: 48%;
}

.w50p {
    width: 50%;
}

.w45p {
    width: 45%;
}

.w55p {
    width: 55%;
}

.w65p {
    width: 65%;
}

.w60p {
    width: 60%;
}

.w73p {
    width: 73%;
}

.w75p {
    width: 75%;
}

.w70p {
    width: 70%;
}

.w30p {
    width: 30%;
}

.w32px {
    width: 32px;
}

.h1px {
    height: 1px;
}


.m1em01em0 {
    margin: 1em 0 1em 0;
}

.m1em {
    margin: 1em;
}

.m01em {
    margin: 0.1em;
}

.mlrauto {
    margin-left: auto;
    margin-right: auto;
}

.m0202p {
    margin: 0 2% 0 2%;
}

.m2120em {
    margin: 2em 1em 2em 0;
}

.m2121em {
    margin: 2em 1em 2em 1em;
}

.m0101em {
    margin: 0 1em 0 1em;
}

.m0202em {
    margin: 0 2em 0 2em;
}

.m2222em {
    margin: 2em 2em 2em 2em;
}

.m2020em {
    margin: 2em 0 2em 0;
}

.m2220em {
    margin: 2em 2em 2em 0;
}

.m0222em {
    margin: 2em 2em 2em 0;
}

.m2100em {
    margin: 2em 1em 0 0;
}

.m2202em {
    margin: 2em 2em 0 2em;
}

.m2000em {
    margin: 2em 0 0 0;
}

.m2200em {
    margin: 2em 2em 0 0;
}

.m0202em {
    margin: 2em 2em 0 0;
}

.m0303em {
    margin: 0 3em 0 3em;
}

.m0001em {
    margin: 0 0 0 1em;
}

.pt05em {
    padding-top: 0.50em;
}

.pt075em {
    padding-top: 0.750em;
}

.pt1em, .pt10em {
    padding-top: 1.00em;
}

.pt15em {
    padding-top: 1.50em;
}

.pt20em {
    padding-top: 2.00em;
}

.pt25em {
    padding-top: 2.50em;
}

.pl05em {
    padding-left: 0.50em;
}

.pl075em {
    padding-left: 0.750em;
}

.pl1em, .pl10em {
    padding-left: 1.00em;
}

.pl15em {
    padding-left: 1.50em;
}

.pl20em {
    padding-left: 2.00em;
}

.pl25em {
    padding-left: 2.50em;
}

.pr05em {
    padding-right: 0.50em;
}

.pr075em {
    padding-right: 0.750em;
}

.pr1em, .pr10em {
    padding-right: 1.00em;
}

.pr15em {
    padding-right: 1.50em;
}

.pr20em {
    padding-right: 2.00em;
}

.pr25em {
    padding-right: 2.50em;
}

.pb05em {
    padding-bottom: 0.50em;
}

.pb075em {
    padding-bottom: 0.750em;
}

.pb1em, .pb10em {
    padding-bottom: 1.00em;
}

.pb15em {
    padding-bottom: 1.50em;
}

.pb20em {
    padding-bottom: 2.00em;
}

.pb25em {
    padding-bottom: 2.50em;
}

.p05em {
    padding: 0.50em;
}

.p075em {
    padding: 0.750em;
}

.p1em, .p10em {
    padding: 1.00em;
}

.p15em {
    padding: 1.50em;
}

.p20em {
    padding: 2.00em;
}

.p25em {
    padding: 2.50em;
}

.mt05em {
    margin-top: 0.50em;
}

.mt075em {
    margin-top: 0.750em;
}

.mt1em, .mt10em {
    margin-top: 1.00em;
}

.mt15em {
    margin-top: 1.50em;
}

.mt20em {
    margin-top: 2.00em;
}

.mt25em {
    margin-top: 2.50em;
}

.ml05em {
    margin-left: 0.50em;
}

.ml075em {
    margin-left: 0.750em;
}

.ml1em, .ml10em {
    margin-left: 1.00em;
}

.ml15em {
    margin-left: 1.50em;
}

.ml20em {
    margin-left: 2.00em;
}

.ml25em {
    margin-left: 2.50em;
}

.mr05em {
    margin-right: 0.50em;
}

.mr075em {
    margin-right: 0.750em;
}

.mr1em, .mr10em {
    margin-right: 1.00em;
}

.mr15em {
    margin-right: 1.50em;
}

.mr20em {
    margin-right: 2.00em;
}

.mr25em {
    margin-right: 2.50em;
}

.mb05em {
    margin-bottom: 0.50em;
}

.mb075em {
    margin-bottom: 0.750em;
}

.mb1em, .mb10em {
    margin-bottom: 1.00em;
}

.mb15em {
    margin-bottom: 1.50em;
}

.mb20em {
    margin-bottom: 2.00em;
}

.mb25em {
    margin-bottom: 2.50em;
}

.p0202p {
    padding: 0 2% 0 2%;
}

.p0002p {
    padding: 0 0 0 2%;
}

.p0200p {
    padding: 0 2% 0 0;
}

.p0404p {
    padding: 0 4% 0 4%;
}

.p0004p {
    padding: 0 0 0 4%;
}

.p0400p {
    padding: 0 4% 0 0;
}


.taleft {
    text-align: left;
}

.tacenter {
    text-align: center;
}
.fcenter {
    justify-items: center;
    align-items: center;
}

.taright {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.lh08em {
    line-height: 0.8em;
}

.lh09em {
    line-height: 0.9em;
}

.lh10em {
    line-height: 1.0em;
}

.lh11em {
    line-height: 1.1em;
}

.lh12em {
    line-height: 1.2em;
}

.lh15em {
    line-height: 1.5em;
}

.lh20em {
    line-height: 2.0em;
}

.lh25em {
    line-height: 2.5em;
}

.tooltip
{
    position: relative;
    display: inline-block;
}
.tooltip .signed-tooltiptext 
{
    visibility: hidden;
    background-color: #146700;
    color: #fff;
    text-align: center;
    padding: 4px 8px 4px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    line-height: 1.25;
    top: -2px;
    right: 105%; 
}
.tooltip .refused-tooltiptext 
{
    visibility: hidden;
    background-color: #6c0000;
    color: #fff;
    text-align: center;
    padding: 4px 8px 4px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    line-height: 1.25;
    top: -2px;
    right: 105%; 
}

.tooltip:hover .signed-tooltiptext,.tooltip:hover .refused-tooltiptext
{
    visibility: visible;
}