@font-face {
    font-family: 'fontbold';
    src: url('fonts/Hind-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fontregular';
    src: url('fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fontitalic';
    src: url('fonts/Hind-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fontcondensed';
    src: url('fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {margin:0px; padding:0px; outline:none;}
body{width:100%; height:100%; background-color:#fafafa; font-family:fontregular,Arial,Helvetica,sans-serif; font-size:15px; color:#000; text-align:center;}
hr{background-color:#ccc; height:1px; color:#ccc; border:#ccc; clear:both; margin:1em 0px 1em 0px;}
th {font-weight:normal;}
.title{font-family:fontbold,Arial,Helvetica,sans-serif; font-size:2em; font-weight:normal; color:#000; margin-bottom:0.5em;}
.subtitle{font-family:fontbold,Arial,Helvetica,sans-serif; font-size:1.5em; font-weight:normal; color:#000; line-height:1.2em; margin-top:0.5em; margin-bottom:0.3em;}
.subsubtitle{font-family:fontbold,Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:normal; color:#000; line-height:1.2em; margin-top:0.5em; margin-bottom:0.3em;}
.text{font-size:1em; color:#000; line-height:1.4em; margin-bottom:1em;}
ul.title {list-style:none; overflow: hidden;}
ul.title li {padding-left:0.9em;}
ul.subtitle {list-style:none; overflow: hidden;}
ul.subtitle li {padding-left:1.2em;}
table.text {width:100%; border:0px; border-collapse:collapse;}
ul.text, p.text ul, ol.text, p.text ol {overflow: hidden;}
ul.text li, ol.text li {margin-left:1.2em;}
.tbltext ul {padding-left:1.2em;}
.form {font-family:fontregular,Arial,Helvetica,sans-serif; font-size:1em; color:#000; margin-right:0.3em; margin-bottom:1px; padding-top:1px; padding-bottom:1px; box-sizing:border-box;}
.form optgroup{font-family:inherit; font-size:1em; color:#000;}
.form_input, .form_textarea {padding:2px; background-color:transparent; border:1px solid transparent; border-radius:2px; background-image:linear-gradient(to right, white 0px, transparent 0px), linear-gradient(to left, white 0px, transparent 0px), repeating-linear-gradient(#fafafa, #fafafa 22px, #e8e8e8 22px, #e8e8e8 22px, #e8e8e8 23px);}
.form_input:focus, .form_textarea:focus {}
.form_btn{font-size:1em; border:1px solid #c9c9c9; border-radius:3px; background-color:#c9c9c9; color:#000; padding:0.2em 0.5em;}
.form_btn:hover {background-color:#b9b9b9;}
.form_radio{margin-right:5px; vertical-align:middle;}
.form_checkbox{margin-right:5px; vertical-align:middle;}
.form_select{border:1px solid #e9e9e9; text-overflow: ellipsis;}
.form_dropdown_parent{padding-left:3px;}
.form_dropdown_child{padding-left:3px;}
.form_fieldset{border:1px solid #e9e9e9; padding:0.6em; margin-bottom:1em;}
.form_fieldset legend{margin-left:0.6em; padding:0px 0.3em 0px 0.3em;}
.fieldset{border:1px solid #000; padding:10px;}
.link{color:#000; text-decoration:underline;}
.link:hover{background-color:#e9e9e9;}
.tbl{width:100%; border:0px; background-color:#fff; border-collapse:collapse; margin-top:1em; margin-bottom:1em; box-shadow:-1px -1px 3px 0px rgba(0,0,0,0.10), 1px 1px 3px 0px rgba(0,0,0,0.10);}
.tbltitle{font-family:fontcondensed,Arial,Helvetica,sans-serif; font-size:1.2em; text-align:left; text-align:left; color:#000; padding:0.2em;}
.tblcolumntitle{font-family:fontbold,Arial,Helvetica,sans-serif; text-align:left; font-size:0.9em; color:#000; background-color:#cfcfcf; border:1px solid #e9e9e9; padding:0.3em; vertical-align:top; white-space:nowrap;}
.tbltext{font-size:0.9em; color:#000; background-color:transparent; border:1px solid #e9e9e9; padding:0.3em; vertical-align:top;}
.bold{font-family:fontbold,Arial,Helvetica,sans-serif;}
.italic{font-family:fontitalic,Arial,Helvetica,sans-serif;}
.underline{text-decoration:underline;}
.pagenavigator,.link_btn{display:inline-block; white-space:nowrap; font-size:1em; color:#000; background-color:#c9c9c9; border:1px solid #c9c9c9; border-radius:3px; padding:0.2em 0.5em; text-decoration:none; margin-right:0.3em; margin-bottom:0.3em;}
.pagenavigator_active, .pagenavigator:hover, .link_btn:hover {background-color:#b9b9b9; color:#000; border:1px solid #e9e9e9;}
.helpicon {margin-top:2px; margin-right:5px;}
.error ul {margin-left:1em; list-style:none;}
.error ul li {padding-left:20px; background:url(graphics/ico_error.gif) no-repeat; line-height:20px;}
.footer {margin-top:5em; margin-bottom:5em; font-size:0.7em;}
.menu {position:fixed; width:100%; background-color:rgba(255,255,255,0.9); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); padding:0.5em; border-bottom:1px solid #eee; z-index:10;}
.menu a {position:relative; display:inline-block; text-decoration:none; color:#000; padding:0.3em 1em 0.3em 1em; border:0; border-radius:10px;}
.menu a:hover {background-color:#ddd;}
.submenu {text-align:left; padding:1em 2em;}
.submenu ul {list-style:none;}
.submenu ul ul {margin-left:1em;}
.submenu ul li a {text-decoration:none; color:#000; white-space:nowrap;}
.content {padding:0.5em; text-align:left; max-width:90%; margin:0 auto 0 auto;}