.mydata-group,
.settings-group{
    border-left: 2px solid var(--theme-primary);
}
#printView {
	 display: none;
}
a {
 text-decoration: none;
 color: #384454;
}
#snackbar-message-list {
 position: absolute;
 width: 450px;
 z-index: 50;
 right: 0px;
 bottom: 0px;
}
#snackbar-message-list .snackbar-message {
 display: block;
 width: 430px;
 float: left;
 background-color: white;
 border-radius: 3px;
 margin-bottom: 15px;
 border: 1px solid #ccc;
 box-shadow: 1px 1px 3px #999;
 transition: linear 1s;
}
#snackbar-message-list .snackbar-message .snackbar-message-type {
 float: left;
 width: 30px;
 margin-left: 15px;
 margin-top: 20px;
}
#snackbar-message-list .snackbar-message .erroricon{
 color: var(--theme-error) !important;
}
#snackbar-message-list .snackbar-message .warningicon{
 color: var(--theme-warning) !important;
}
#snackbar-message-list .snackbar-message .infoicon{
 color: var(--theme-info) !important;
}
#snackbar-message-list .snackbar-message .successicon{
 color: var(--theme-success) !important;
}
#snackbar-message-list .snackbar-message .snackbar-message-text {
 float: left;
 width: 320px;
 padding: 10px;
}
#snackbar-message-list .snackbar-message .snackbar-message-text .snackbar-message-text-headline {
 float: left;
 width: 350px;
 line-height: 25px;
 height: 25px;
 font-weight: bold;
 color: #666;
}
#snackbar-message-list .snackbar-message .snackbar-message-text .snackbar-message-text-description {
 float: left;
 width: 350px;
 line-height: 15px;
 color: #888;
}
#snackbar-message-list .snackbar-message .snackbar-message-text .snackbar-message-text-description .snackbar-message-text-description-link {
 color: steelblue;
 text-decoration: underline;
 cursor: pointer;
}
#snackbar-message-list .snackbar-message .snackbar-message-text .snackbar-message-text-description a {
 color: steelblue;
 text-decoration: underline;
}
#snackbar-message-list .snackbar-message .snackbar-message-close {
 float: right;
 margin-right: 5px;
 margin-top: 10px;
 color: #666;
 width: 20px;
 height: 20px;
 cursor: pointer;
 text-align: center;
}
#error-403 #message-block {
 margin-left: auto;
 margin-right: auto;
 display: block;
 width: 600px;
 margin-top: 30px;
}
#error-403 #message-block i {
 color: var(--theme-error);
 text-align: center;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 font-size: 10em;
}
#error-403 #message-block #message-text {
 margin-top: 10px;
 clear: both;
 color: #666;
 font-size: 2em;
 text-align: center;
}
#main-view-no-servicevector-active{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 100%;
}
#main-view-no-servicevector-active .message-block{
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 align-content: center;
 border: 1px solid var(--theme-error);
 background-color: rgba(255, 75, 75, 0.1);
 padding: 10px;
 margin: 10px;
}
#main-view-no-servicevector-active .message-block i {
 color: var(--theme-error);
 margin-right: 10px;
}
#main-view-no-servicevector-active .message-block .message-text {
 font-size: 1.5em;
}
table.responsive-table {
 margin: 1em 0;
 min-width: 300px;
 width: 100%;
 border-spacing: 0;
}
table.responsive-table .documents-table-row .documents-table-row-document-types {
 text-align: left;
}
table.responsive-table .documents-table-row td .inactive {
 color: #999;
 pointer-events: none;
}
table.responsive-table .documents-table-row td .documents-table-row-document-action-correct {
 color: var(--theme-success);
}
table.responsive-table .documents-table-row td .documents-table-row-document-action-incorrect {
 color: var(--theme-error);
}
table.responsive-table th {
 display: none;
}
table.responsive-table td {
 display: block;
}
table.responsive-table td:first-child {
 padding-top: 0.5em;
}
table.responsive-table td:last-child {
 padding-bottom: 0.5em;
 border-bottom: 1px solid #848484;
}
table.responsive-table td:before {
 content: attr(data-th) ": ";
 font-weight: bold;
 width: 7.5em;
 display: inline-block;
}
@media (min-width: 650px) {
 table.responsive-table td:before {
     display: none;
}
}
table.responsive-table th, table.responsive-table td {
 text-align: left;
}
@media (min-width: 650px) {
 table.responsive-table th, table.responsive-table td {
     display: table-cell;
     padding: 0.5em;
     border-bottom: 1px solid #848484;
     text-align: center;
}
 table.responsive-table th.action-column, table.responsive-table td.action-column {
     width: 60px;
}
 table.responsive-table th:nth-child(2), table.responsive-table td:nth-child(2) {
     text-align: left;
}
 table.responsive-table th i, table.responsive-table td i {
     cursor: pointer;
}
}
.history-element {
float: left;
clear: both;
padding-left: 110px;
padding-bottom: 15px;
position: relative;
}
.history-element .dashboard-history-timeline {
position: absolute;
width: 4px;
height: 100%;
background-color: #ccc;
float: left;
flex: 1;
margin-left: -24px;
top: 0px;
}
.history-element .dashboard-history-timeline .dashboard-history-timeline-dot {
background: #ccc;
width: 16px;
height: 16px;
border-radius: 8px;
margin-left: -6px;
margin-top: 4px;
}
.history-element .history-element-header {
display: flex;
background-color: #384454;
color: white;
font-size: 14px;
position: relative;
align-items: center;
}
.history-element .history-element-header:after {
right: 100%;
top: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-right-color: #384454;
border-width: 10px;
margin-top: 3px;
}
.history-element .history-element-header .history-element-icon {
margin: 0 5px;
text-align: center;
display: flex;
align-items: center;
padding: 5px;
justify-content: center;
}
.history-element .history-element-header .history-element-icon.history-class-config {
background-color: #707070;
}
.history-element .history-element-header .history-element-icon.history-class-security {
background-color: var(--theme-error);
}
.history-element .history-element-header .history-element-icon.history-class-login {
background-color: var(--theme-success);
}
.history-element .history-element-header .history-element-icon.history-class-mail {
background-color: #ccc;
color: #313b47;
}
.history-element .history-element-header .history-element-icon.history-class-download {
background-color: var(--theme-success);
}
.history-element .history-element-header .history-element-icon.history-class-print {
background-color: #7f8282;
}
.history-element .history-element-header .history-element-icon.history-class-info {
background-color: var(--theme-info);
}
.history-element .history-element-header .history-element-icon.history-class-view {
background-color: var(--theme-warning);
}
.history-element .history-element-header .history-element-icon.history-class-default-info {
background-color: var(--theme-info);
}
.history-element .history-element-body {
display: flex;
padding: 5px;
background-color: #eee;
}
.history-element .history-element-body .history-element-datetime {
color: #999;
font-size: 11px;
margin-left: -100px;
position: absolute;
margin-top: -30px;
}
.history-element .history-element-body .history-element-text {
font-size: 12px;
}