@charset "UTF-8";

.non-clickable-label {
  pointer-events: none;
  box-shadow: none;
  color: black;
  text-shadow: none;
  cursor: none;
  font-weight: normal;
  display: inline;
}

/* latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../font/RobotoCondensed.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("../font/RobotoSlab-Bold.woff2") format("woff2"), url("../font/RobotoSlab-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url("../font/RobotoSlab-Regular.woff2") format("woff2"), url("../font/RobotoSlab-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*formats color code (only hex possible!!) into a url friendly version (# not working in svg graphics!)*/
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-image: url("../img/world-background.jpg");
  background-repeat: no-repeat;
  background-position: 230% 55%;
  background-size: 70%;
}

@media screen and (max-width: 768px) {
  body {
    background-image: none;
  }
}
html {
  background: white;
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: right 10px;
  background-attachment: fixed;
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #777777;
  text-align: justify;
}

span.userName {
  color: #006eb4;
}

dropdown_div {
  background-color: white;
}

table.preReportTable {
  margin-top: 20px;
  width: 100%;
}

table.captcha {
  width: 100%;
}

table.preReportTable td.preReportTableNumber {
  color: #8D9CB3;
  font-size: 60pt;
  text-align: center;
  font-weight: bolder;
}

table.preReportTable td.withBackground {
  background-color: #e9eef2;
}

table.captcha td {
  width: 33%;
}

table.captcha td.first {
  text-align: right;
}

table.captcha td.second {
  text-align: center;
}

table.captcha td.third {
  text-align: left;
}

table.preReportTable td {
  font-size: 12pt;
  padding: 10px;
  vertical-align: top;
  width: 33%;
  text-align: justify;
}

.dropdown,
td.dropdown_m {
  background-color: #e9eef2;
  color: #00343b;
  text-transform: uppercase;
  font-size: 12pt;
  border-radius: 0px;
  box-shadow: none;
  height: 30px;
  vertical-align: middle;
  white-space: normal;
}

td.dropdown_m img.dropdownbutton {
  float: left;
}

.radioLabel img.dropdownbutton {
  float: none;
  position: absolute;
  right: 0px;
  width: 20px;
  height: auto;
  top: 5px;
}

div.dropdown_area {
  background-color: white;
  text-transform: none;
  font-size: 12pt;
  margin-top: 10px;
  margin-left: 3px;
  padding: 10px;
  text-align: justify;
}

table.buttonRowTable {
  width: 100%;
  margin-top: 15px;
}

table.buttonRowTable tr td input.forwardButton {
  margin-top: 0px;
}

span.loginInformation {
  display: block;
  padding: 40px;
  padding-left: 10px;
  background-image: url("../img/product_logo.png");
  background-repeat: no-repeat;
  background-size: auto 100px;
  background-position: 10px top;
  font-size: large;
}

span.loginInformation a {
  font-size: large;
  text-decoration: none;
}

a.button img {
  display: none;
}

td.caption,
table.editTable th {
  width: 200px;
  color: #00343b;
  text-transform: uppercase;
}

table.editTable th {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14pt;
  text-align: left;
}

table.editTable .multiSelectDiv,
table.editTable textarea {
  width: 95%;
}

table.editTable textarea {
  height: 16em;
}

div.entity table.records {
  padding: 0px;
}

td.header_left {
  display: inline-block;
  width: 80%;
  left: 10% !important;
}

div.entity table.records th {
  background: gray;
  color: white;
}

div.entity table.records td {
  padding: 20px;
}

table.structure {
  background-color: white;
  color: dark-gray;
  text-align: center;
}

div.recordDiv {
  width: 100%;
  margin-bottom: 30px;
}

.button_row {
  margin-top: 20px;
  height: 160px;
}

.navigationButtons {
  display: block;
}

table.password_table {
  width: 50%;
  margin-left: 25%;
  margin-top: 40px;
  margin-bottom: 40px;
}

table.password_table td {
  padding: 5px;
}

table.records {
  margin: 0 auto;
  margin-bottom: 5px;
}

table.editTable {
  text-align: left;
  margin: 0 auto;
  margin-top: 10px;
}

div.captcha {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

div.captcha_error {
  color: red;
  padding: 10px;
  background-color: rgba(255, 0, 0, 0.3);
  border: 1px solid red;
  margin: 10px;
}

div.reloginCredentials {
  border: 1px solid #006eb4;
  width: 50%;
  margin: 0 auto;
  padding: 15px;
}

div.reloginCredentials table {
  margin: 0 auto;
  padding: 15px;
}

div.reloginCredentials table td {
  margin: 0 auto;
  padding: 5px;
}

table.editTable th table.records th {
  background: gray;
  color: #006eb4;
}

td.topmenu_header,
td.topmenu_center,
td.footer_center,
table.editTable th,
span#topcaption,
table.records th,
table#quickSearchTable th,
table.login th,
th,
.internalMessageHeader {
  color: #F1F1E4;
  background-color: #003366 !important;
  background: #0C486E;
}

span.typeName {
  font-weight: bold;
  color: #006eb4;
}

table.typeSelectionTable {
  padding: 10px;
}

table.typeSelectionTable tbody tr:hover {
  background-color: #F1F1E4;
}

table.typeSelectionTable td {
  padding: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12pt;
  text-align: left;
}

.right {
  -margin-left: 80% !important;
  float: right;
  display: inline;
}

a,
a:active,
a:visited {
  color: #003366;
  text-decoration: underline;
}

a.button,
a.newButton,
a.forwardButton,
input[type=reset],
input[type=submit],
input[type=button],
button,
input.forwardButton,
input.button {
  color: #003366;
  text-transform: uppercase;
  box-shadow: none;
  font-size: 12pt;
}

a.newButton:hover,
a.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
  position: relative;
  color: #002E5C;
  text-decoration: underline;
  font-size: 12pt;
}

a:hover {
  text-shadow: none;
}

a.button,
a.button:active,
a.button:hover,
input[type=submit],
input[type=reset],
input[type=button],
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active,
button,
button:hover,
button:active,
input.forwardButton,
input.button {
  padding: 5px 10px;
  text-align: center;
  background-image: none;
  background-color: white;
  text-shadow: none;
  vertical-align: middle;
  display: inline-block;
  box-shadow: none;
  font-weight: bold;
  border-radius: 3px;
}

input[type=submit],
input[type=reset],
input[type=submit]:hover,
input[type=reset]:hover,
input[type=submit]:active,
input[type=reset]:active,
button,
button:active,
button:hover {
  padding: 5px 10px;
}

.ui-datepicker-trigger,
.ui-datepicker-trigger:hover,
.ui-datepicker-trigger:active,
.ui-datepicker-trigger:focus {
  padding: 2px;
}

a.button:hover,
input.forwardButton:hover,
input.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover {
  background-image: none;
  background-color: white;
  text-shadow: none;
  border-radius: 1px;
  text-decoration: none;
}

button#loginButton {
  margin-right: 28px;
}

a.finalize {
  display: none;
  font-weight: bold;
  color: white;
  background-color: #00343b;
  font-size: 20px;
  text-align: center;
  margin-top: -15px;
}
a.finalize .fa {
  padding-right: 15px;
  font-size: 20px;
}

.standardButton.finalPageButtons .fa {
  padding-right: 15px;
  font-size: 20px;
}

a.finalize:hover {
  color: #00b3be;
  background-color: #00343b;
}

.finalizedButtonCol {
  margin-top: 160px;
}

div.titleHeader {
  margin-top: 30px;
}

input.forwardButton {
  display: none;
}

input.active {
  display: inline;
}

.login tbody {
  background: #FFFFFF;
}

div.radioLabel {
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  vertical-align: inherit;
  background-color: #e9eef2;
  cursor: pointer;
  border: 1px solid transparent;
}

input[type=radio] {
  margin-right: 15px;
  vertical-align: inherit;
}

div.radioLabel:hover {
  border: 1px solid #0C486E;
}

div#welcomeText {
  margin: 0 auto;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12pt;
  color: #777777;
}

div.innerContent h1,
div.titleHeader h1 {
  color: #00343b;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-weight: bold;
  font-size: 32px;
  margin: 0 auto;
  line-height: 35px;
}

div.anonQuestionInnerDiv div table.editTable tr td {
  background-color: transparent;
}

#crime_selection_table tr {
  cursor: pointer;
}

#crime_selection_table span.typeName {
  right: 1px;
  display: block;
  text-align: right;
}

table#table_together tr {
  width: 100%;
}

.attribute_value_field i.fa-envelope {
  color: #006eb4 !important;
  width: 20px !important;
}

span.newMessageCnt {
  color: #006eb4;
}

td.content {
  border: none;
  padding: 45px 0;
}

td.caption {
  width: 30%;
  vertical-align: top;
}

table.editTable tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
}

.newFormContainer,
#recordsOverview {
  width: 100%;
  margin: 0 auto;
}

h1 {
  color: #006eb4;
  vertical-align: middle;
}

div.messageIconContainer {
  height: 100%;
  width: 100%;
}

ol {
  margin-left: 22px;
  padding: 0px;
  list-style: outside decimal;
}

ol li {
  padding: 10px;
}

div.noMessageBox {
  top: 30%;
}

div.messageDetailBox {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #006eb4;
  margin-bottom: 10px;
}

div.anonQuestionInnerDiv a.button {
  margin-top: 20px;
}

div.innerMessageBox {
  height: calc(100% - 50px);
  overflow: auto;
  text-align: left;
}

div.reportDetailDiv table.editTable {
  margin: 25px;
  background: transparent;
}

div.reportDetailDiv table.header table.editTable {
  margin-top: 30px;
  margin-bottom: 30px;
  height: 100%;
  width: 99%;
}

div.reportDetailDiv table.header table.editTable td {
  white-space: normal !important;
}

div.answerForm {
  display: none;
}

span.answerForm {
  display: block;
  color: graytext;
  padding: 10px;
  border: 1px solid #DDDDDD;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 400px;
}

.answerForm a.answerButton {
  margin-left: auto;
  margin-right: 0px;
}

.answerForm textarea {
  width: 85%;
  height: 6em;
  border: 1px solid #006eb4;
  margin-right: 5px;
  overflow: auto;
}

.answerForm textarea.textarea_inactive {
  height: 1.5em;
  border: 1px solid #DDDDDD;
  width: calc(100% - 25px);
  overflow: hidden;
}

.answerForm a.sendAnswerButton {
  display: none;
  border: 1px solid #006eb4;
  width: 200px;
  margin-top: 10px;
  margin-left: 5px;
}

div.messageContainer {
  height: 100%;
  overflow: auto;
}

span.answer {
  padding: 10px;
  display: block;
  color: graytext;
  border: none;
}

span.question_new {
  padding: 10px;
  display: block;
  color: #006eb4;
  font-weight: bold;
  font-size: 11pt;
  margin-right: 0px;
  border: none;
  background-color: #E9EEF2;
}

span.question_read {
  display: block;
  color: #006eb4;
  font-size: 11pt;
  padding: 10px;
  border: none;
  background-color: #E9EEF2;
}

span.placeholder {
  color: #0C486E;
  text-shadow: none;
}

div.anonQuestionInnerDiv {
  padding-left: 35px;
  padding-top: 30px;
  width: 80%;
  text-align: justify;
}

div.anonQuestionInnerDiv table.header {
  margin-top: 20px;
}

div.anonQuestionInnerDiv div.newFormContainer {
  margin-top: 20px;
  margin-bottom: 20px;
}

div.anonQuestionInnerDiv table.header td.header_left {
  width: 1%;
}

.footer_tdl,
.footer_tdr {
  background-image: none;
  background-color: gray;
}

div.newFormDiv {
  background: white;
}

.newFormDiv table.editTable {
  width: auto;
}

.multiSelectDiv {
  overflow-x: hidden;
  overflow-y: auto;
}

#file_warning {
  display: none;
  border: 1px solid red;
  padding: 15px;
  border-radius: 3px;
  margin-top: 5px;
}

a.new_message_button {
  border-radius: 50%;
  background-color: #11456C;
  width: 50px;
  height: 50px;
  display: block;
  color: white;
  padding: 15px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  box-shadow: 4px 4px 8px gray;
}

a.new_message_button .fa {
  position: relative;
  left: 1px;
  top: -1px;
}

a.new_message_button i {
  font-size: 15pt;
}

div.modal-header {
  font-weight: bold;
  font-size: 13pt;
}

select.languageSelect {
  width: 120px;
  height: 30px;
}

table.imprintTable td {
  padding: 5px;
}

table.imprintTable td:first-child {
  width: 200px;
  padding-left: 0px;
}

span.answerFileDownload {
  display: flex;
  line-height: 20px;
}

#logoSection {
  z-index: 666;
  margin-left: 300px;
  padding-top: 10px;
}

#logoSection > a:nth-child(1) > img {
  margin-right: 20px;
}

#logoSection > a img {
  height: 30px;
  height: 30px;
}

#logoSection > a img:hover {
  left: 0;
  top: 0;
}

/* START REDESIGN   24.01.2018 --------------------------*/
body,
.innerContent,
div#welcomeText,
button,
input,
select,
textarea,
.languageSelect {
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: black;
  text-align: left;
  overflow: auto;
}

.innerContent {
  width: 88%;
  margin-right: 12%;
}

body {
  background-color: white;
}

.loginInformation select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../img/carret_languageSelect.png);
  background-repeat: no-repeat;
  background-position: 78px 7px;
  word-break: normal;
  padding: 5px;
  border-color: black;
  border-radius: 5px;
  width: 100px;
}

.loginInformation select::-ms-expand {
  display: none;
}

.buttoncol {
  display: grid;
  padding-right: 0 !important;
}

.svgbutton:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-1be2824f-dc91-4db6-a8ce-005aeec11b53' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 423.83 157.84'%3E%3Cdefs%3E%3CclipPath id='uuid-3389b11b-a03b-43bf-9f90-ac99d785b340'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-9dca96fe-27de-4532-9a92-6cb0e8133c0a'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-9e2590a5-9c78-4341-a8bc-3dd179331928'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-898d433d-e6fe-4a27-a50a-df6d1b928ab3'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23uuid-3389b11b-a03b-43bf-9f90-ac99d785b340)'%3E%3Cpath d='M7.57 2.01c-3.07 0-5.57 2.49-5.57 5.57V150.27c0 3.07 2.49 5.57 5.57 5.57H357.22c3.07 0 5.57-2.49 5.57-5.57V7.57c0-3.07-2.49-5.57-5.57-5.57H7.57Z' fill='%2300343b'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-9dca96fe-27de-4532-9a92-6cb0e8133c0a)'%3E%3Cpath d='M7.57 2.01c-3.07 0-5.57 2.49-5.57 5.57V150.27c0 3.07 2.49 5.57 5.57 5.57H357.22c3.07 0 5.57-2.49 5.57-5.57V7.57c0-3.07-2.49-5.57-5.57-5.57H7.57Z' fill='none' stroke='%2300343b' stroke-width='4'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-9e2590a5-9c78-4341-a8bc-3dd179331928)'%3E%3Cpath d='M256.47 155.83h101.68c3.07 0 5.57-2.49 5.57-5.57V7.57c0-3.07-2.49-5.57-5.57-5.57H209.62' fill='%23fff'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-898d433d-e6fe-4a27-a50a-df6d1b928ab3)'%3E%3Cpath d='M256.47 155.83h101.68c3.07 0 5.57-2.49 5.57-5.57V7.57c0-3.07-2.49-5.57-5.57-5.57H209.62' fill='none' stroke='%2300343b' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M331.39 105.11c0 1.4-.48 2.58-1.44 3.53l-25.28 25.28c-1.01 .96-2.19 1.44-3.53 1.44s-2.49-.48-3.49-1.44l-2.91-2.91c-.98-.98-1.48-2.16-1.48-3.53s.49-2.55 1.48-3.53l11.38-11.38h-27.33c-1.35 0-2.44-.49-3.28-1.46s-1.26-2.14-1.26-3.51v-4.97c0-1.37 .42-2.54 1.26-3.51s1.94-1.46 3.28-1.46h27.33l-11.38-11.42c-.98-.93-1.48-2.1-1.48-3.49s.49-2.56 1.48-3.49l2.91-2.91c.98-.98 2.15-1.48 3.49-1.48s2.55 .49 3.53 1.48l25.28 25.28c.96 .89 1.44 2.05 1.44 3.48Z' fill='%2300343b'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90%;
}

a.svgbutton {
  height: 165px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-e8f7d7d4-2dfa-4288-999c-2ab57ecba281' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 423.83 157.83'%3E%3Cdefs%3E%3CclipPath id='uuid-83303424-0d78-4b10-9c1e-104e40d318c5'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-62aeb380-3bb2-4204-9b8d-37f7c28a0b9b'%3E%3Crect x='1.07' y='1.08' width='422.76' height='155.68' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23uuid-83303424-0d78-4b10-9c1e-104e40d318c5)'%3E%3Cpath d='M357.22 157.83H7.57c-4.17 0-7.57-3.39-7.57-7.57V7.57C0 3.4 3.39 0 7.57 0H357.22c4.17 0 7.57 3.39 7.57 7.57V150.26c0 4.18-3.4 7.57-7.57 7.57ZM7.57 4.01c-1.97 0-3.57 1.6-3.57 3.57V150.27c0 1.97 1.6 3.57 3.57 3.57H357.22c1.97 0 3.57-1.6 3.57-3.57V7.57c0-1.97-1.6-3.57-3.57-3.57H7.57Z' fill='%2300343b'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-62aeb380-3bb2-4204-9b8d-37f7c28a0b9b)'%3E%3Cpath d='M256.47 155.83h101.68c3.07 0 5.57-2.49 5.57-5.57V7.57c0-3.07-2.49-5.57-5.57-5.57H209.62' fill='%2300343b'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M331.39 105.11c0 1.4-.48 2.58-1.44 3.53l-25.28 25.28c-1.01 .96-2.19 1.44-3.53 1.44s-2.49-.48-3.49-1.44l-2.91-2.91c-.98-.98-1.48-2.16-1.48-3.53s.49-2.55 1.48-3.53l11.38-11.38h-27.33c-1.35 0-2.44-.49-3.28-1.46s-1.26-2.14-1.26-3.51v-4.97c0-1.37 .42-2.54 1.26-3.51s1.94-1.46 3.28-1.46h27.33l-11.38-11.42c-.98-.93-1.48-2.1-1.48-3.49s.49-2.56 1.48-3.49l2.91-2.91c.98-.98 2.15-1.48 3.49-1.48s2.55 .49 3.53 1.48l25.28 25.28c.96 .89 1.44 2.06 1.44 3.48Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  transition: 0.5s;
  font-size: 25px;
  text-transform: uppercase;
  font-family: "Roboto Slab", Arial, sans-serif;
  padding-right: 210px;
  padding-left: 25px;
  padding-top: 75px;
  color: #00343b;
  line-height: 1.1;
  font-weight: bold;
  text-decoration: none;
  margin-right: -45px;
  margin-left: -15px;
}

a.svgbutton:focus {
  color: #00343b;
  text-decoration: none;
}

a.svgbutton:hover,
a.svgbutton:focus:hover {
  color: white;
  text-decoration: none;
}

a.newNextButton {
  background-size: 89%;
  padding-top: 45px;
  text-align: right;
  background-position: 65px 0;
  margin-right: 0;
  margin-left: 0px;
  padding-left: 75px;
}

a.newNextButton:hover {
  background-size: 77%;
}

.nextCol {
  padding-right: 0 !important;
}

a.newBackButton {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-793d4587-1835-4023-a0c1-336b4284ccbf' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 423.9 157.9'%3E%3Cdefs%3E%3CclipPath id='uuid-5e6651e1-f537-4672-9c14-4eacb8742bfd'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-2c4cc3c0-09d1-4530-8bfc-e45945084b2d'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23uuid-5e6651e1-f537-4672-9c14-4eacb8742bfd)'%3E%3Cpath d='M59.1 150.3V7.6c0-4.2 3.4-7.6 7.6-7.6H416.3c4.2 0 7.6 3.4 7.6 7.6V150.3c0 4.2-3.4 7.6-7.6 7.6H66.7c-4.2 0-7.6-3.4-7.6-7.6ZM416.3 4H66.7c-2 0-3.6 1.6-3.6 3.6V150.3c0 2 1.6 3.6 3.6 3.6H416.3c2 0 3.6-1.6 3.6-3.6V7.6c0-2-1.6-3.6-3.6-3.6h0Z' fill='%2300343b'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-2c4cc3c0-09d1-4530-8bfc-e45945084b2d)'%3E%3Cpath d='M214.3 2H65.7c-3.1 0-5.6 2.5-5.6 5.6V150.3c0 3.1 2.5 5.6 5.6 5.6h101.7' fill='%2300343b'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M92.7 101.2l25.3-25.3c1-1 2.1-1.5 3.5-1.5s2.5 .5 3.5 1.5l2.9 2.9c1 .9 1.5 2.1 1.5 3.5s-.5 2.6-1.5 3.5l-11.4 11.4h27.3c1.4 0 2.4 .5 3.3 1.5s1.3 2.1 1.3 3.5v5c0 1.4-.4 2.5-1.3 3.5s-1.9 1.5-3.3 1.5h-27.3s11.4 11.4 11.4 11.4c1 .9 1.5 2.2 1.5 3.5s-.5 2.5-1.5 3.5l-2.9 2.9c-1 .9-2.2 1.4-3.5 1.4s-2.5-.4-3.5-1.4l-25.3-25.3c-.9-.9-1.4-2.1-1.4-3.5s.5-2.6 1.4-3.5Z' fill='%23fff'/%3E%3C/svg%3E") !important;
  padding-left: 95px;
  background-position: -33px 0;
  background-size: 88%;
  padding-top: 45px;
}

a.newBackButton:hover {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-b37cb5cf-7576-4fd9-bd3a-00cbdfa66202' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 423.9 157.9'%3E%3Cdefs%3E%3CclipPath id='uuid-c41f1f7f-d86d-486d-88de-85b61951e319'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-dfe5ecc9-cb4d-4e37-af93-708aebf512f3'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-aece6f7f-3846-49d7-8ef0-d63e7f0f23ce'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='uuid-a6b6b9f6-7d39-4941-bbac-18c1420fe638'%3E%3Crect x='0' y='1.1' width='422.8' height='155.7' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23uuid-c41f1f7f-d86d-486d-88de-85b61951e319)'%3E%3Cpath d='M416.3 2H66.7c-3.1 0-5.6 2.5-5.6 5.6V150.3c0 3.1 2.5 5.6 5.6 5.6H416.3c3.1 0 5.6-2.5 5.6-5.6V7.6c0-3.1-2.5-5.6-5.6-5.6h0Z' fill='%2300343b'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-dfe5ecc9-cb4d-4e37-af93-708aebf512f3)'%3E%3Cpath d='M416.3 2H66.7c-3.1 0-5.6 2.5-5.6 5.6V150.3c0 3.1 2.5 5.6 5.6 5.6H416.3c3.1 0 5.6-2.5 5.6-5.6V7.6c0-3.1-2.5-5.6-5.6-5.6h0Z' fill='none' stroke='%2300343b' stroke-width='4'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-aece6f7f-3846-49d7-8ef0-d63e7f0f23ce)'%3E%3Cpath d='M214.2 2H65.7c-3.1 0-5.6 2.5-5.6 5.6V150.2c0 3.1 2.5 5.6 5.6 5.6h101.7' fill='%23fff'/%3E%3C/g%3E%3Cg clip-path='url(%23uuid-a6b6b9f6-7d39-4941-bbac-18c1420fe638)'%3E%3Cpath d='M214.2 2H65.7c-3.1 0-5.6 2.5-5.6 5.6V150.2c0 3.1 2.5 5.6 5.6 5.6h101.7' fill='none' stroke='%2300343b' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M93.9 101.6l25.3-25.3c1-1 2.1-1.5 3.5-1.5s2.5 .5 3.5 1.5l2.9 2.9c1 .9 1.5 2.1 1.5 3.5s-.5 2.6-1.5 3.5l-11.4 11.4h27.3c1.4 0 2.4 .5 3.3 1.5s1.3 2.1 1.3 3.5v5c0 1.4-.4 2.5-1.3 3.5s-1.9 1.5-3.3 1.5h-27.3s11.4 11.4 11.4 11.4c1 .9 1.5 2.2 1.5 3.5s-.5 2.5-1.5 3.5l-2.9 2.9c-1 .9-2.2 1.4-3.5 1.4s-2.5-.4-3.5-1.4l-25.3-25.3c-.9-.9-1.4-2.1-1.4-3.5s.5-2.6 1.4-3.5Z' fill='%2300343b'/%3E%3C/svg%3E") !important;
  background-size: 80%;
}

@media screen and (min-width: 580px) and (max-width: 767px) {
  a.svgbutton {
    padding-right: 375px;
    background-size: 80% !important;
  }
  a.svgbutton:hover {
    background-size: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  a.svgbutton {
    background-size: 110%;
    padding-top: 60px;
    margin-bottom: -40px;
  }
  .innerContent {
    height: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 650px) {
  a.svgbutton {
    margin-bottom: -25px;
  }
}
@media screen and (max-width: 1200px) {
  div#welcomeText {
    width: 100%;
    margin-right: 0;
    overflow: hidden;
  }
  .startpage-text {
    width: 60%;
  }
  a.svgbutton {
    height: 200px;
  }
}
/*back and next buttons------*/
@media screen and (max-width: 1200px) {
  a.newNextButton {
    background-position: 108px 0;
    height: 160px;
  }
  a.newNextButton,
a.newBackButton {
    height: 160px;
  }
  .button_row {
    height: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1092px) {
  a.newNextButton,
a.newBackButton {
    width: 60%;
    background-size: 90%;
  }
}
@media screen and (max-width: 768px) {
  .button_row {
    height: auto;
    min-height: 300px;
  }
  #crime_selection_table .button_row.appearingSubmitButtonRow,
#password_input_form .button_row.appearingSubmitButtonRow {
    height: auto;
    margin: 0;
    float: none;
    width: 100%;
    min-height: unset;
  }
  .typeSelectionTable {
    width: 100%;
    float: none;
  }
  a.newNextButton,
a.newBackButton {
    background-size: 288px !important;
  }
  a.newNextButton {
    padding: 56px 150px 0 0;
    background-position: 0% 0;
    margin-left: -15px;
  }
  .appearingSubmitButtonRow a.newNextButton {
    margin-left: 0px;
  }
  a.newBackButton {
    padding: 60px 0 0 120px;
    background-position: -37px 0px;
  }
  table.editTable,
table.calEditTable {
    min-width: unset;
  }
  #anonQuestionDiv table#editTable tbody tr td.caption,
#anonQuestionDiv table#editTable tbody tr td.field {
    width: 200px !important;
    max-width: unset !important;
    min-width: 150px !important;
    padding-left: 0 !important;
    display: block !important;
  }
  #anonQuestionDiv table#editTable tbody tr {
    float: none !important;
    width: 100%;
  }
  div.reloginCredentials {
    width: 100%;
    padding: 0;
    margin: 35px 0;
  }
  .svgbutton.newCase:hover,
.svgbutton.existingCase:hover {
    background-size: 110%;
  }
  .svgbutton.newCase,
.svgbutton.existingCase {
    margin-right: 0px;
    padding-top: 60px;
    padding-left: 15px;
    font-size: 20px;
  }
  .svgbutton.existingCase {
    width: 95%;
  }
  .explanation {
    width: 80% !important;
    padding-right: 0 !important;
  }
  .svgbutton.existingCase {
    background-position: 0px 0;
    padding-left: 15px;
  }
}
.explanation {
  text-align: left;
  margin-top: 25px;
  width: 100%;
  padding-right: 60px;
  margin-bottom: 35px;
  margin-left: -15px;
}

.titleHeader {
  font-weight: bold;
  font-family: "Roboto Slab", Arial, sans-serif;
  margin: 15px 0 0 0;
  width: 50%;
  font-size: 20px;
  padding-left: 45px;
  color: #00b3be;
}

.welcomeHeadline {
  color: #00b3be;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: 30px;
}

span.placeholder {
  color: black;
}

div.callToAction {
  padding-top: 35px;
  margin-top: 0;
  padding-left: 0 !important;
  font-family: "Roboto Slab", Arial, sans-serif;
}

#together {
  max-width: 1080px;
  padding: 0 25px;
  flex: 1;
  width: 100%;
}

#top-spacer {
  height: 2.5%;
  background-color: #262626;
  color: white;
  font-size: 9px;
}

.fa-copyright {
  font-size: 9px;
}

footer {
  background-color: #262626;
  color: white;
  padding: 25px 0 15px 0;
  font-size: 13px;
  font-family: Arial, sans-serif;
}

footer h3 {
  padding: 0 0 3px 0;
  margin: 0;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
}

footer a {
  color: #00b3be;
}

.subheadline-footer {
  font-size: 13px;
  font-family: "Roboto Slab", Arial, sans-serif;
}

.footer-content {
  max-width: 1080px;
  margin: auto;
  padding: 0 25px;
}

.footer-content div {
  padding: 0;
}

.footer-content .secondColFooter {
  text-align: right;
  padding-right: 12%;
}

div.logo {
  contain: content;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 250px;
  float: left;
  margin-left: -18px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.logo img {
  width: 100%;
}

.language {
  text-align: right;
  float: right;
  padding-top: 37px;
  padding-right: 13%;
  /*needed for next-button alignment on step-pages*/
}

/* SEITE 2: Schritte übersicht PreReport ----------*/
a.right,
a.backbutton,
input.right,
input.backbutton,
a.button.finalPageButtons {
  min-width: 100px;
  height: 35px;
  background-color: #262626;
  color: white;
  border-radius: 0;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
  font-size: 14px;
}

a.button.finalPageButtons {
  padding-top: 8px !important;
}

input.right {
  text-align: left;
  padding-left: 20px;
}

a.right,
a.right:hover {
  padding: 5px 5px 7px 10px;
}

a.backbutton,
a.backbutton:hover,
input.backbutton,
input.backbutton:hover {
  padding: 7px 10px 7px 5px;
  margin-right: 18px;
  text-decoration: none;
}

input.right:hover {
  text-align: left;
  padding-left: 20px;
  background-color: #00b3be;
  color: white;
  border-radius: 0;
  font-size: 14px;
  text-decoration: none;
}

a.right:hover,
a.backbutton:hover,
input.backbutton:hover,
a.button.finalPageButtons:hover {
  background-color: #00b3be;
  color: white;
  border-radius: 0;
  font-size: 14px;
}

a.right:after,
span.right:after {
  font-family: FontAwesome;
  font-size: 20px;
  content: " \f0da";
  padding-left: 10px;
  vertical-align: middle;
}

span.right:after {
  font-size: 25px;
  position: relative;
  left: 85px;
  color: white;
  top: 2px;
}

a.backbutton:before,
input.backbutton:before {
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 5px;
  content: " \f0d9";
  padding-right: 10px;
  vertical-align: middle;
}

a.exit:before {
  content: " \f00d";
  font-family: FontAwesome;
  font-size: 35px;
  position: relative;
  left: -12px;
}

.step {
  height: auto;
  width: 100%;
  background-color: white;
  margin: 15px 0;
  padding: 15px 20px;
  border: 2px solid #262626;
  border-radius: 5px;
}

.stepNumber {
  font-size: 20px;
  padding-right: 5px;
}

.stepHeadline {
  font-size: 20px;
  font-family: "Roboto Slab", Arial, sans-serif;
}

.stepAdditional {
  font-size: 20px;
  padding-left: 5px;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-weight: 600;
}

.stepinformation {
  margin-top: -10px;
}

/* STEP 3 --------- Tatbestand */
.progressBar {
  overflow: hidden;
  padding-bottom: 45px;
}

#autoLogoutWrapper .progressBar {
  padding-bottom: 0;
}

.dropdown,
td.dropdown_m,
div.radioLabel {
  border: none;
  height: auto;
  width: 100%;
  background-color: white;
  text-transform: none;
  color: black;
  font-size: 15px;
  vertical-align: middle;
}

td.dropdown_m {
  font-size: 16px;
  font-weight: normal;
  font-family: "Roboto Slab", Arial, sans-serif;
}

.dropdown_div {
  border-radius: 5px;
  border: 2px solid #262626;
  margin-bottom: 15px;
  padding: 15px;
}

.dropdown:hover,
td.dropdown_m:hover,
div.radioLabel:hover {
  box-shadow: none;
  color: #00b3be;
  text-shadow: none;
}

td.dropdown_m img.dropdownbutton {
  float: none;
  position: absolute;
  right: 0px;
  width: 20px;
  height: auto;
  top: 5px;
}

#crime_selection_table input[type=checkbox],
div.radioLabel input[type=checkbox] {
  outline: black solid 1px;
  border: none;
  background: white;
  -webkit-appearance: none;
  padding: 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  border-radius: 3px;
}

#crime_selection_table input[type=checkbox]:checked:after,
div.radioLabel input[type=checkbox]:checked:after {
  content: "\f00c";
  font-family: FontAwesome, Arial;
  color: #00b3be;
  font-size: 18px;
  position: absolute;
  top: 5px;
  left: 7px;
}

.button_row.appearingSubmitButtonRow {
  float: right;
  width: 33.3%;
  margin-top: 0;
}

/* identity page */
div.radioLabel input[type=checkbox]:checked:after {
  position: relative;
  top: 0;
  left: 0;
}

div.radioLabel input[type=checkbox] {
  margin-right: 10px;
}

div.radioLabel input[type=checkbox]:checked {
  padding: 0 1px;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=checkbox]:focus,
div.radioLabel input[type=checkbox]:focus {
  outline-offset: 0 !important;
}

div.radioLabel span {
  font-weight: bold;
}

div.customDropdown,
div.radioLabel {
  border: none;
  height: auto;
  width: 100%;
  background-color: white;
  margin: 0 0 10px 0;
  padding: 15px 30px;
  text-transform: none;
  color: black;
  font-size: 15px;
  text-align: left;
}

div.radioLabel {
  padding-left: 12px;
  border: 1px solid #262626;
  border-radius: 5px;
  margin-top: 25px;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 16px;
}

.footerText {
  font-size: 15px;
  margin: 25px 0 35px 0;
}

/* Passwort Seite 4 ----*/
table.password_table td,
table.password_table {
  margin-left: 0;
  font-family: Arial, sans-serif;
  vertical-align: middle;
}

table.password_table td {
  width: auto;
}

input.password,
input#password_check {
  width: 110%;
  border-color: #262626;
}

table.captcha td {
  text-align: left;
  margin-left: 0;
  font-size: 15px;
  font-family: Arial, sans-serif;
  vertical-align: top;
  width: auto;
  border-collapse: separate;
}

table.captcha td.first,
table.password_table td.first {
  text-align: left;
  width: 50%;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  padding: 5px;
  vertical-align: top;
}

table.captcha {
  width: 51%;
  margin-bottom: 45px;
}

table.captcha td {
  padding: 5px;
}

table.captcha td.second input {
  width: 105%;
  border: 1px solid #262626;
  background-color: white;
  font-weight: normal;
  font-family: Arial, sans-serif;
  line-height: 0;
  margin: 0;
  height: auto;
  margin-top: 10px;
}

table.captcha td.second {
  text-align: left;
}

@media screen and (max-width: 768px) {
  table.captcha,
table.password_table {
    width: 90%;
  }
}
a.underlineButton {
  color: #00343b;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 13px;
  line-height: 0;
  text-transform: none;
  text-decoration: underline;
  padding-left: 0;
}

a.underlineButton:hover {
  color: #00b3be;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 13px;
  line-height: 0;
  text-transform: none;
  text-decoration: underline;
  padding-left: 0;
}

/* Meldung anlegen seite -------*/
table.editTable tr td {
  display: block;
  height: auto;
  border: none;
  width: 100%;
  max-width: none;
  padding: 5px 0;
}

table.editTable th {
  display: none;
}

table.editTable {
  width: 100%;
  box-shadow: none;
  border: none;
  font-family: Arial, sans-serif;
}

table#editTable input,
table#editTable select,
table#editTable textarea {
  font-family: Arial, sans-serif;
  font-size: 15px;
}

table.editTable textarea {
  border-color: #262626;
  width: 100%;
  height: 80px;
}

table.editTable td textarea:first-child {
  height: 150px;
}

table.editTable .field {
  padding-bottom: 25px;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

table.editTable .caption {
  text-transform: none;
  font-weight: bold;
  font-family: "Roboto Slab", Arial, sans-serif;
  color: black;
  font-size: 16px;
}

input[type=button].addFileUploadButton,
input[type=button].addFileUploadButton:hover {
  color: white;
  background-color: #262626;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 15px;
  margin-top: 5px;
  border-radius: 5px;
}

input[type=button].addFileUploadButton:hover {
  background-color: #00b3be;
}

#file_warning {
  border-radius: 5px;
  font-size: 15px;
  font-family: Arial, sans-serif;
}

/*identity page */
#provideIDInnerDiv,
#stayAnonInnerDiv {
  color: black;
  padding: 15px 15px 15px 30px;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

div.anonQuestionInnerDiv div table.editTable tr td,
div.anonQuestionInnerDiv .editTable {
  background-color: transparent;
}

div.anonQuestionInnerDiv .editTable tr {
  display: block;
}

#anonQuestionDiv table#editTable tbody tr:nth-child(2) {
  width: 60%;
  clear: both;
}

#anonQuestionDiv table#editTable tbody tr:nth-child(even) {
  float: right;
  width: 50%;
  clear: none;
}

#anonQuestionDiv table#editTable tbody tr:nth-child(odd) {
  float: left;
  width: 50%;
  clear: both;
}

#anonQuestionDiv table#editTable tbody tr:nth-child(odd) td,
#anonQuestionDiv table#editTable tbody tr:nth-child(even) td {
  max-width: 200px;
  width: auto;
  display: table-cell;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 15px;
}

#anonQuestionDiv table#editTable tbody tr td.caption {
  min-width: 190px;
  font-weight: normal;
}

#anonQuestionDiv table#editTable tbody tr:nth-child(even) td.caption {
  min-width: 170px;
  padding-left: 35px;
}

#anonQuestionDiv table#editTable tbody tr td.field input,
#anonQuestionDiv table#editTable tbody tr td.field select {
  border-color: #262626;
  padding: 8px;
  width: 100%;
}

a#deleteIdButton,
#showReportPreviewButton,
#provideIDInnerDiv a.button,
.reportDetailDiv a.button {
  background-color: #00b3be;
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 5px;
}

#showReportPreviewButton {
  margin-top: 15px;
  margin-bottom: 35px;
}

#report_finalize:after {
  content: "";
}

.reportDetailDiv {
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  font-family: Arial, sans-serif;
}

table.editTable td,
ul.multiselectview li,
input,
select,
option,
textarea,
table.password_table td {
  font-family: Arial, sans-serif;
  font-size: 15px;
}

.standardButton {
  width: 100%;
  border: 2px solid #00343b;
  padding: 28px 30px;
  font-family: "Roboto Slab", Arial, sans-serif;
  text-transform: uppercase;
  color: #00343b;
  border-radius: 5px;
  font-size: 25px;
  transition: 0.5s;
  font-weight: bold;
}

.standardButton:focus {
  text-decoration: none;
}

.standardButton:hover,
.standardButton:focus:hover {
  text-decoration: none;
  color: white;
  background-color: #00343b;
}

.exitcol {
  padding: 0 !important;
  margin-bottom: 70px;
}

.exitcol.combined {
  margin-top: 15px;
}

/* finalized page  --------------- */
div.reloginCredentials {
  color: #262626;
  text-transform: none;
  font-size: 25px;
  font-weight: bold;
  border-radius: 0;
  border: 0;
  margin-top: 45px;
  margin-bottom: 45px;
  font-family: "Roboto Slab", Arial, sans-serif;
}

/* sprechblase password & finalized page*/
div.infoBox {
  position: relative;
  width: 250px;
  margin: -120px 0 0 70%;
  border-radius: 5px;
  background: #00b3be;
  color: white;
  font-family: "Roboto Slab", Arial, sans-serif;
  vertical-align: middle;
  padding: 15px 20px;
  text-align: left;
  font-size: 16px;
}

div.infoBox.finalized {
  position: absolute;
  margin: -45px 0 0 30%;
}

div.infoBox:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -20px;
  border-top: 0px solid transparent;
  border-right: 35px solid #00b3be;
  border-bottom: 15px solid transparent;
}

div.infoBox.finalized:after {
  right: 97%;
  top: 50%;
  margin-top: -35px;
  border-top: 0px solid transparent;
  border-right: 45px solid #00b3be;
  border-bottom: 10px solid transparent;
  -moz-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
}

@media screen and (max-width: 1150px) {
  div.infoBox {
    display: none;
  }
}
input.loginButton {
  float: left;
  padding-left: 30px;
}

input.homebutton {
  float: left;
  padding-left: 30px;
}

input.homebutton:hover,
input.loginButton:hover {
  padding-left: 30px;
}

.inputButtonCaret {
  position: absolute;
  margin: 6px 0 0 10px;
  color: white;
  font-size: 25px;
  z-index: 5;
}

.inputButtonLogin {
  position: absolute;
  margin: 10px 0 0 -95px;
  color: white;
  font-size: 18px;
  z-index: 5;
}

/*existing Case login page --------*/
table.login {
  box-shadow: none;
  border: none;
  color: black;
  font-family: Arial, sans-serif;
}

table.login th {
  color: #00343b;
  background-color: white !important;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  line-height: 35px;
  margin-top: 30px;
  padding-bottom: 25px;
  font-family: "Roboto Slab", Arial, sans-serif;
  overflow-wrap: anywhere;
  padding: 0 15px 0 0;
}

td button#loginButton {
  background-color: #00b3be;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  font-family: "Roboto Slab", Arial, sans-serif;
  padding: 8px;
}

table.login input {
  border-color: #262626;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 15px;
  width: 100%;
}

table.login td {
  font-size: 15px;
}

table.login td.loginCaption {
  padding: 25px 0;
  width: 300px;
  text-align: left;
}

.editTable .form-control {
  display: inherit !important;
  font-size: 13px !important;
  color: black !important;
  padding: 8px;
  width: 100%;
  background-color: #fff !important;
  background-image: none !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  transition: none !important;
  border-color: #262626;
}

.editTable input.form-control {
  width: auto;
  height: auto;
}

.editTable .form-control:focus {
  border-color: #00b3be;
}

table#editTable select,
select {
  padding: 8px;
  border-radius: 5px;
  border-color: #262626;
  width: 50%;
}

/* styling square edit before state */
.newCase {
  color: #8cfa54;
}

.inProgressCase {
  color: #f9c443;
}

.closedCase {
  color: #ff6653;
}

span.message_content {
  border: none;
  display: inline-block;
  background-color: #D2D2D2;
  border-radius: 5px;
  color: black;
  font-size: 11pt !important;
  width: auto;
  padding: 10px;
  margin: 0;
  position: relative;
  margin-left: 13px;
  padding-bottom: 25px;
  white-space: pre-line;
}

span.message_content:after {
  top: 20px;
  left: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -20px;
  border-top: 0 solid transparent;
  border-right: 22px solid #D2D2D2;
  border-bottom: 15px solid transparent;
}

.answer span.message_content:after {
  top: 20px;
  left: auto;
  right: -18px;
  border-right: 0;
  border-left: 22px solid #00b3be;
}

.answer span.message_content {
  background-color: #00b3be;
}

.answer {
  text-align: right;
  margin-right: 25px;
}

span.question_read,
span.question_new {
  background-color: transparent;
  font-weight: normal;
  font-size: 11pt;
}

span.message_content span.timestamp {
  color: grey;
  position: absolute;
  bottom: 3px;
  right: 5px;
  font-size: 10px;
}

div.messageDetailBox {
  padding-left: 0;
  padding-right: 0;
  /*border-bottom: 1px dashed $secondary-color;*/
  margin-bottom: 10px;
  margin-top: 25px;
  border-bottom: 0;
  padding-bottom: 5px;
  background-image: linear-gradient(to right, #00b3be 50%, transparent 50%);
  background-position: bottom;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 20px 1px, 20px 1px, 1px 20px, 1px 20px;
}

span.answerForm {
  display: block;
  color: graytext;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 35px;
  width: 100%;
}

.answerForm textarea {
  width: 100%;
  height: 6em;
  color: black;
  padding: 10px;
  border: 2px solid #262626;
  margin-right: 5px;
  overflow: auto;
  margin-bottom: 15px;
  border-radius: 5px;
}

.answerForm textarea::-moz-placeholder {
  color: #00b3be;
}

.answerForm textarea:-ms-input-placeholder {
  color: #00b3be;
}

.answerForm textarea::placeholder {
  color: #00b3be;
}

.answerForm a.sendAnswerButton,
#dynamicModal_okay_button {
  color: #ffffff !important;
  background-color: #00b3be;
  border-radius: 5px !important;
  box-shadow: initial !important;
  text-shadow: initial !important;
  outline: none !important;
  font-weight: normal !important;
  font-size: 16px !important;
  border: none !important;
  margin-left: 15px;
  font-family: "Roboto Slab", Arial, sans-serif;
  padding: 10px 15px;
}

.answerForm a.sendAnswerButton:hover,
#dynamicModal_okay_button:hover {
  background-color: #00343b !important;
}

span.answerFileDownload {
  display: block;
  line-height: 20px;
  text-align: right;
}

/*styling anmelden window right top */
#autoLogoutWrapper {
  float: none;
  clear: both;
  text-align: left;
  width: 200px;
  min-width: 0px;
  position: relative;
  right: 105px;
  font-size: 10px;
  padding-top: 5px;
}

.loggedInAs {
  display: block;
}

.progressDiv {
  background-color: #00b3be;
}

#autoLogoutWrapper .progressBar {
  margin-left: 0;
  background-color: #B3B3B3 !important;
  height: 8px !important;
}

.loginInformation .user {
  position: fixed;
  color: black;
  top: 10px;
  right: 233px;
  width: auto;
  font-size: 10px;
}

.loginInformation .toolbar {
  float: right;
  clear: both;
  text-align: left;
}

.loginInformationContainer div.logoutLink {
  position: fixed;
  right: 106px;
  top: 40px;
}

.loginInformation .language select {
  position: relative;
  top: 0;
}

.loginInformation .language select.backendSite {
  top: -65px;
}

.loginInformationContainer div.logoutLink {
  position: fixed;
  right: 106px;
  top: 40px;
}

div.logoutLink a {
  text-decoration: underline !important;
  font-family: "Roboto Slab", Arial, sans-serif;
  color: black;
  font-size: 13px;
}

.logoutImage {
  font-size: 13px;
  padding-right: 5px;
  color: black;
}

.logoutLink {
  margin-top: -15px;
}

select.languageSelect {
  font-size: 13px;
  height: 35px;
  font-family: Arial, sans-serif;
}

div.modal-header {
  font-weight: bold;
  font-size: 13pt;
  border-bottom: 0;
}

a.new_message_button {
  border-radius: 5px;
  background-color: #262626;
  width: 30px;
  height: 30px;
  display: block;
  color: white;
  padding: 20px;
  position: relative;
  top: 0;
  left: auto;
  box-shadow: none;
  right: 0;
  float: right;
  z-index: 5;
  margin-top: -35px;
  margin-right: 5px;
}

a.new_message_button .fa {
  position: relative;
  left: -7px;
  top: -8px;
  font-size: 12pt;
}

#autoLogoutWrapper .progressBar {
  background: grey !important;
  background: linear-gradient(90deg, grey 70%, transparent 30%);
}

.messageDetailBox table .dropdown_m,
.messageDetailBox table.dropdown {
  background-color: transparent;
}

.messageDetailBox table .dropdown_m input[type=checkbox] {
  display: none;
}

.topmenu {
  height: auto;
}

.content {
  clear: both;
  padding: 42px 0;
  height: calc(100% - 125px);
}

.startpage-text {
  padding-top: 30px;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .startpage-text {
    width: 100%;
  }
  .titleHeader {
    width: 100%;
  }
  .finalizedButtonCol .standardButton {
    font-size: 20px !important;
  }
  table.login td {
    display: list-item;
    list-style: none;
  }
  table.login td.loginInput {
    width: 100%;
  }
  .loginButtonCol {
    text-align: left;
    margin-top: 25px;
  }
  .innerContent {
    height: auto;
    overflow: hidden;
  }
  table.login th {
    font-size: 20px;
  }
  div.customDropdown {
    padding: 10px;
  }
  table.captcha td.second input {
    width: 90%;
  }
  #provideIDInnerDiv, #stayAnonInnerDiv {
    padding: 10px;
  }
  a.finalize {
    margin-left: -15px;
  }
  .exit {
    padding: 30px 42px;
  }
  .finalizedButtonCol {
    margin-top: 0;
  }
  .finalizedButtonCol .standardButton {
    padding: 30px 10px;
  }
  .finalizedButtonCol .finalPageButtons {
    padding: 30px;
  }
}
input {
  border-radius: 3px;
  padding: 8px;
}

svg.progressSteps > text {
  font-family: "Roboto Slab", Arial, sans-serif !important;
}

svg.progressSteps > text {
  font-family: "Roboto Slab", Arial, sans-serif !important;
}

svg.progressSteps.activeStep > text {
  fill: #00b3be !important;
}

.statediv {
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 16px;
}

@media screen and (min-width: 1200px) {
  .svgbutton.existingCase {
    background-position: 60px 0;
    padding-left: 85px;
  }
  .explanationExisting {
    padding-left: 65px;
    padding-right: 5px;
  }
}/*# sourceMappingURL=wtt.css.map */