/* ============================================
 Projekt:      SATELLITE

 Datei:        03_CSX_COMMONS.CSS

 Datum:        10.12.2015
 Version:      2.0
 Optimiert:    ab IE 9, FF, Chrome, Opera
 ================================================ */

/* ============================================
         DEFAULTS
================================================ */
/* Dotted Border bei ausstellen */
a,
a:active,
a:focus {
    outline: none;
}

h1,
h2 {
    margin: 0 0 15px 0;
}

h3 {
    margin: 20px 0 10px 0;
}

p {
    margin: 10px 0 20px 0;
}

a[name] {
    text-decoration: none !important;
    cursor: default;
}

b,
strong {
    font-weight: bold;
}

em,
i {
    font-style: italic;
    font-weight: normal;
}

/* table tbody tr td a, */
a:link img,
a:hover img,
.browsePages a {
    text-decoration: none !important;
}

.noTextDecorationLink {
    background-color: transparent !important;
    text-decoration: none !important;
}

abbr,
acronym,
span.abbr {
    cursor: help;
    border-bottom: 1px dotted;
}

label {
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

/* Verhalten bei Blockelementen */
.spaceDistance { /* fuer generellen Abstand */
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}

.min-width-80 {
    max-width: 80px !important;
    width: 80px !important;
}

.min-width-150 {
    min-width: 150px !important;
}

.width-auto {
    width: auto !important;
}

.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none;
}

/* Textausrichtungen - Formatierungen */
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-normal {
    font-weight: normal !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-disabled {
    color:  #585858 !important;
}

/* Gesetzte Farben */
.input-small.text-center.text-bold.color-black, /* Suchergebnisse bei Projektlisten */
.color-black {
    color: #000 !important;
}

.color-green {
    color: #146140 !important;
}

/* Erstes Element im fieldset */
.first-element {
    margin-top: 0px !important;
}

/* Cursor Darstellungen */
.cursor-default {
    cursor: default !important;
}

.no-border {
    border: none !important;
}

.border-left-5 {
    border-left: 5px;
}

.border-left-10 {
    border-left: 10px;
}

.border-left-15 {
    border-left: 15px;
}

.border-right-5 {
    border-right: 5px;
}

.border-right-10 {
    border-right: 10px;
}

.border-right-15 {
    border-right: 150px;
}

.border-solid {
    border-style: solid;
}

.border-dotted {
    border-style: dotted;
}

.bold {
    font-weight: bold;
}

/* ordered List (decimal) */
ol.defaultList {
    list-style-type: decimal;
    list-style-position: outside;
    font-weight: bold;
}

ol.defaultList li {
    margin-bottom: 5px;
}

ol.defaultList li span.text {
    display: block;
    font-weight: normal;
    padding-left: 10px;
}

/* MainNav Icon nach img enfernen, kann dann geloescht werden */
.iconUser {
    display: none;
}

/* UNSICHTBARER TEXT FUER BARRIEREFREI */
.screenReaderText {
    position: absolute;
    left: auto; /* left:-10000px; */
    top: auto;
    width: 1px;
    height: 1px;
    /* height:10px; */
    /* width:10px;  */
    /* border:2px solid red; */
    overflow: hidden;
}

/* fuer den DEBUG-BEREICH */
body.debugScreenReader .screenReaderText {
    border: 2px solid red;
    left: auto;
    width: 10px;
    height: 10px;
    overflow: hidden;
}

.screenReaderLinkFocus {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* ============================================
         TABELLENFILTER UEBER TABELLE
================================================ */
/* Komponenten links */
.tableFilterLeft {
    float: left;
    margin: 10px 0 0 0;
    width: auto;
}

/* Komponenten rechts */
.tableFilterRight {
    float: right;
    margin: 10px 0 0 0;
    text-align: right;
    vertical-align: bottom;
}

.tableFilterBreak {
    clear: both;
    margin: 0;
    padding: 0;
}

.tableFilter {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: none;
    margin: 0;
    padding: 5px 5px 10px 5px;
}

/* Caption und Ueberschrift, wenn einer Tabelle ein Tablefilter vorrausgeht */
.tableFilterCaption,
caption {
    padding: 20px 0px 15px 0;
    text-align: left;
}

.tableFilterText {
    display: block;
    width: 225px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}

.tableFilterTextFontNormal {
    cursor: help;
    font-weight: normal;
}

.tableFilterTextA {
    display: block;
    float: left;
}

.tableFilterTextB {
    display: block;
    float: left;
}

.tableFilterSelect {
    margin: 0px 0px 0px 5px;
    padding: 0;
}

/* Box fuer die Buchstabenleiste */
.tableFilterVarChar {
    margin: 10px auto 0 auto;
    overflow: auto;
    padding: 3px 0px 5px 0px;
    text-align: center;
    width: 680px;
}

a.linkedChar {
    font-weight: bold;
    float: left;
    padding: 0 5px;
    position: relative;
    top: 2px;
}

.activeChar {
    display: block;
    float: left;
    font-weight: bold;
    margin-top: -1px;
    padding: 3px;
    text-decoration: none;
}

.notLinkedChar {
    float: left;
    padding: 2px 5px 0px 5px;
}

.separatorChar {
    float: left;
}

/* ============================================
          ACCESSIBLE LINK
================================================ */
#accessible_nav {

}

.accessible {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 5px;
    display: flex;
    justify-content: flex-start;
}

.accessible__item {
    display: flex;
}

.accessible__item:not(:first-child) {
    margin-left: 10px;
}

.accessible__link {
    display: inline-flex;
    align-self: center;
    align-items: center;
}

.accessible__link-text {
    display: inline-block
}

.accessible__link-icon {
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-flex;
    width: 25px;
    height: 25px;
    margin-left: 5px;
}

/* Icon EINFACHE SRACHE */
.accessible__link-icon--easy-speech {
    background-position: -25px center;
}

/* Icon GEBAERDENSPRACHE */
.accessible__link-icon--sign-speech {
    background-position: left center;
}

/* Icon UNTERTITEL */
.accessible__link-icon--subtitle {
    background-position: -50px center;
    margin-left: -1px;
}

/* ============================================
         KOMPONENTBOX UNTERHALB TABELLE
================================================ */
.componentBox {
    border-top: none;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    overflow: auto;
    padding: 20px 5px;
}

.componentBoxLeft {
    width: 62%;
}

.componentBoxRight {
    float: right;
    padding-left: 10px;
    text-align: right;
    width: 300px;
}

/* ===================================================
         TABELLENFILTER UEBER TABELLE PROTOKOLLIERUNG
======================================================= */
.tableFilterProtocol {
    height: 75px;
    padding: 0;
    overflow: auto;
}

.tableFilterProtocol .float-right {
    padding-right: 5px;
}

.tableFilterProtocol label {
    float: none !important;
    font-size: 11px;
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    text-transform: uppercase;
    width: auto !important;
}

/* ============================================
         TABELLEN
================================================ */
/* Allgemeine Tabellen */
table {
    background: #fff;
    border-spacing: 0;
    width: 100%;
}

table thead th {
    background-color: #ddd;
    border: 1px solid;
    height: 30px;
    text-align: center;
    padding: 5px 5px 6px 5px;
    vertical-align: middle;
}

table tbody td {
    border: 1px solid;
    height: 35px;
    padding: 2px 5px 3px 5px;
    vertical-align: middle;
}

table tfoot td {
    background-color: #ddd;
    border: 1px solid;
    padding: 13px 5px 14px 5px;
    text-align: right;
}

/* Tablehead Breitenangaben */
.table-head-column-width-80 {
    min-width: 80px;
    width: 80px;
}

.table-head-column-width-100 {
    min-width: 100px;
    width: 100px;
}

.table-head-column-width-120 {
    min-width: 120px;
    width: 120px;
}

.table-head-column-width-150 {
    min-width: 150px;
    width: 150px;
}

.table-head-column-width-170 {
    min-width: 170px;
    width: 170px;
}

.table-head-column-width-180 {
    min-width: 180px;
    width: 180px;
}

.table-head-column-width-200 {
    min-width: 200px;
    width: 200px;
}

.table-head-action-column-default { /* bis 2 Icons */
    min-width: 80px;
    width: 80px;
}

.table-head-action-four-icons { /* 4 Icons */
    min-width: 110px;
    width: 110px;
}

/* Styleklasse fuer die Verfahrensangabenseite der Schnittstellenprojekte (VMS-Verfahren)*/
table.procedureData {
    margin: 0 !important;
}

table.procedureData .standard_bold {
    font-weight: bold;
}

table.procedureData .standard_italic {
    font-style: italic;
    font-weight: normal !important;
}

table.procedureData td {
    border: none;
    height: 25px;
    line-height: 1.3;
    vertical-align: top;
    text-align: left !important;
}

table.procedureData tr:hover {
    background-color: transparent;
}

/* ============================================
         TABELLENPAGING / SORTING
================================================ */
.browsePages {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.browsePagesText {
    float: left;
    font-weight: bold;
    margin: 0px 0px 0px 15px;
    padding: 2px 0 0 0;
}

.browsePages a {
    border: 1px solid;
    display: block;
    float: left;
    height: 16px;
    margin: 0px 5px 0px 0px;
    padding: 0;
    position: relative;
    text-decoration: none !important;
    width: 16px;
    vertical-align: middle;
}

.browsePages a:hover {
    text-decoration: none !important;
}

/* Zur ersten Seite */
.browsePages a.browseFirst:before,
.browsePages a.browseFirstGhost:before {
    border-left: 2px solid;
    content: "";
    display: inline-block;
    height: 10px;
    left: 4px;
    position: absolute;
    top: 3px;
    width: 0;
}

.browsePages a.browseFirst:after,
.browsePages a.browseFirstGhost:after {
    border-right: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 7px;
    position: absolute;
    top: 3px;
    width: 0;
}

/* Eine Seite zurueck */
.browsePages a.browseBackward:before,
.browsePages a.browseBackwardGhost:before {
    border-right: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 0;
}

.browsePages a.browseBackward:after,
.browsePages a.browseBackwardGhost:after {
    border-right: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 8px;
    position: absolute;
    top: 3px;
    width: 0;
}

/* Eine Seite vor */
.browsePages a.browseForward:before,
.browsePages a.browseForwardGhost:before {
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 0;
}

.browsePages a.browseForward:after,
.browsePages a.browseForwardGhost:after {
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 8px;
    position: absolute;
    top: 3px;
    width: 0;
}

/* Zur letzten Seite */
.browsePages a.browseLast:before,
.browsePages a.browseLastGhost:before {
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 4px;
    position: absolute;
    top: 3px;
    width: 0;
}

.browsePages a.browseLast:after,
.browsePages a.browseLastGhost:after {
    border-left: 2px solid;
    content: "";
    display: inline-block;
    height: 10px;
    left: 10px;
    position: absolute;
    top: 3px;
    width: 0;
}

/* Ghostzustaende */
.browsePages a.browseFirstGhost,
.browsePages a:visited.browseFirstGhost,
.browsePages a:active.browseFirstGhost,
.browsePages a:hover.browseFirstGhost,
.browsePages a.browseBackwardGhost,
.browsePages a:visited.browseBackwardGhost,
.browsePages a:active.browseBackwardGhost,
.browsePages a:hover.browseBackwardGhost,
.browsePages a.browseLastGhost,
.browsePages a:visited.browseLastGhost,
.browsePages a:active.browseLastGhost,
.browsePages a:hover.browseLastGhost,
.browsePages a.browseForwardGhost,
.browsePages a:visited.browseForwardGhost,
.browsePages a:active.browseForwardGhost,
.browsePages a:hover.browseForwardGhost {
    background-color: transparent !important;
    border-color: #919191 !important;
    cursor: not-allowed;
    color: #919191 !important;
}

/* =========================================================================
         PROJEKTRAUM VERFAHRENSANGABEN TABELLE WEITERE ORTE DER AUSFUEHRUNG
============================================================================ */
/* Spalte PLZ Breiter fuer Fehlermeldung */
thead th#additionalPlacesColumnLabelPostalCode {
    width: 135px;
}

/* ==================================================
         SPRACHAUSWAHL TABELLE VERFAHRENSANGABEN
===================================================== */
table#languagesTable {
    margin-bottom: 20px;
}

table#languagesTable tr:first-child td,
table#languagesTable tr:first-child td:hover {
    background-color: #ddd; /* BG wie Thead */
}

table#languagesTable tr:first-child td label {
    font-weight: bold;
}

table#languagesTable tr:hover {
    background-color: transparent;
}

/* ============================================
         PROJEKTRAUM TABELLE / FRISTEN
================================================ */
table tr td#publishDateLabel,
table tr td#publishUntilDateLabel,
table tr td#relevantDateLabel,
table tr td#timeLimit2Label,
table tr td#timeLimit1Label {
    height: 50px;
}

/* ============================================================
         PROJEKTRAUM TABELLE / AUSGEWAEHLTE ZUSCHLAGSKRITERIEN
================================================================ */
/* TD Kriterium / Gewichtung */
td.criteriaNameTD input {
    margin-left: 0 !important;
}

td.criteriaWeightingTD input {
    margin-left: 0 !important;
    text-align: right !important;
}

/*  UP-DOWN-Icons */
#criteriaActions {
    width: 100px;
}

.actionUpIcon,
.actionDownIcon,
.actionUpGhostIcon,
.actionDownGhostIcon {
    cursor: pointer;
    padding: 0 !important;
    position: relative;
}

.actionUpGhostIcon,
.actionDownGhostIcon {
    padding: 0 !important;
}

/* Pfeil nach oben */
.actionUpIcon:before,
.actionUpGhostIcon:before {
    border-bottom: 6px solid;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 0;
    z-index: 0;
}

.actionUpIcon:after,
.actionUpGhostIcon:after {
    border-right: 4px solid;
    content: "";
    display: inline-block;
    height: 6px;
    left: 6px;
    position: absolute;
    top: 7px;
    width: 0;
    z-index: 0;
}

/* Pfeil nach unten */
.actionDownIcon:before,
.actionDownGhostIcon:before {
    border-top: 6px solid;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 2px;
    position: absolute;
    bottom: 2px;
    width: 0;
    z-index: 0;
}

.actionDownIcon:after,
.actionDownGhostIcon:after {
    border-right: 4px solid;
    content: "";
    display: inline-block;
    height: 6px;
    left: 6px;
    position: absolute;
    top: 2px;
    width: 0;
    z-index: 0;
}

/* ===========================================================
         PROJEKTRAUM TABELLE / VERGABEUNTERLAGEN (DATEIUPLOAD)
============================================================== */
h2.messageDetail + table,
h2.messageDetail + p + table { /* Ueberschrift Projektraum - Vergabeunterlagen */
    margin-bottom: 30px !important;
}

.projectRoomHeads { /* Ueberschrift Projektraum - Vergabeunterlagen auf Unternehmensseite */
    margin: 30px 0 12px 0;
}

.tableFooterLeft {
    float: left;
    font-weight: bold;
}

.tableFooterRight {
    float: right;
    line-height: 19px;
    padding-right: 10px;
}

.uploadbox {
    cursor: pointer;
    float: left;
}

.uploader {
    float: left;
    height: 21px;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
    position: relative;
    max-width: 120px;
}

input.uploadbox {
    cursor: pointer;
    filter: alpha(opacity:0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

.uploader_img {
    height: 19px;
    padding-left: 22px;
    padding-right: 5px;
    white-space: normal;
    z-index: 99;
}

.uploader_text {
    display: table-cell;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.uploadausgabe {
    background-color: #fff;
    border: 1px solid #a7a6aa;
    color: #000;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 19px;
    overflow: hidden;
    padding: 0 5px;
    white-space: nowrap;
}

/* ===========================================================
         PROJEKTRAUM EXPORT / DATEIMULTIUPLOAD 22-02-2017
============================================================== */

.newUploadComponentContainer {

}

.newUploadComponentContainer .wicket-mfu-caption {
    font-weight: bold;
    margin: 15px 0;
}

.newUploadComponentContainer .btn {
    margin-bottom: 10px !important;
    overflow: hidden;
    position: relative;
}

.newUploadComponentContainer [type=submit] {
    margin: 20px 0 10px 0 !important;
}

.newUploadComponentContainer .btn [type=file]:first-child {
    cursor: pointer;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.newUploadComponentContainer td {
    border-bottom: 2px solid #fff;
    height: 46px;
    padding: 0 10px;
    vertical-align: middle;
}

.newUploadComponentContainer td:first-child {
    line-height: 200%;
    min-width: 350px;
}

/* Projektraum Vergabeunterlagen - Unternehmensseite */
form[name="documentFormFileManagerCompany"] fieldset {
    border: none !important;
    padding: 0 !important;
}

/* ==================================================
         PROJEKTRAUM TABELLE / FREISCHALTUNGSANTRAEGE
===================================================== */
table.activisionDetailTable {
    background-color: transparent;
    width: 200px;
    height: 100px !important;
}

table.activisionDetailTable td {
    background-color: transparent;
}

table.activisionDetailTable td.activisionDetailDataCell {
    background-color: transparent;
    padding: 0;
    text-align: right;
    vertical-align: top;
    width: 30px !important;
}

table.activisionDetailTable td.activisionDetailDataCell a {
    display: inline-block;
    margin-top: 9px;
}

table.activisionDetailTable td span.activisionDetailFormContainer {
    display: block;
    height: 25px;
    line-height: 25px;
}

table.activisionDetailTable td span.activisionDetailFormContainer input[type="radio"] {
    display: inline-block;
    position: relative;
    top: -3px;
}

table.activisionDetailTable td span.activisionDetailFormContainer label {
    display: inline-block;
    padding-left: 5px;
}

/* ==================================================
         TOOLTIP
===================================================== */
.tooltip {
    background: #fff;
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.5);
    display: none;
    left: 0;
    margin: 0;
    min-width: 250px;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 92;
}

.tooltip table tbody tr td {
    line-height: 1.4;
    padding: 5px 10px;
    text-align: left;
}

.tooltip table thead tr th {
    text-align: left;
    padding-left: 10px;
}

/* Extra ToolTipp fuer P-Raum Unternehmen subNav li.disabled */
div[data-extra-tool-tip] {
    width: 200px;
}

/* =================================================
       PLATZHALTER BENUTZER /BENUTZERGRUPPEN /ICONS
==================================================== */
.interfaceSyncStatus_SYNCHRONIC,
.interfaceSyncStatus_INCOMING,
.showInfoIcon,
.addGroupAdministrator,
.addGroupAdministratorDisabled,
.removeGroupAdministrator,
.removeGroupAdministratorDisabled,
.addGroupMember,
.addGroupMemberDisabled,
.removeGroupMember,
.removeGroupMemberDisabled,
.memberHasGroupAdminRole,
.memberHasGroupAdminRoleDisabled,
.commonAccessRight,
.commonAccessRightDisabled,
.addGroupAccessRight,
.addGroupAccessRightDisabled,
.removeGroupAccessRight,
.removeGroupAccessRightDisabled,
.actionUpIcon, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionDownIcon, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionUpGhostIcon, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionDownGhostIcon /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
{
    display: block;
    float: left;
    height: 16px;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 5px;
    width: 16px;
}

/* Icons fuer Projektlisten */
.projectOpenIcon,
.projectCopyIcon,
.projectCopyDeactivatedIcon,
.projectDeleteIcon {
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 18px;
}

p.showInfoIcon {
    background-position: top left;
    float: none;
    height: auto;
    margin: 10px 0;
    padding: 0 0 0 25px;
    width: auto;
}

/* Info Icon neben Texteingabe Verfahrensangaben */
.control-group .showInfoIcon {
    margin-top: 6px !important;
}

/* GROUPADMIN ICON PLATZHALTER*/
.addGroupAdministrator,
.addGroupAdministratorDisabled,
.removeGroupAdministrator,
.removeGroupAdministratorDisabled {
    width: 19px;
}

/* Standard CSS wenn Icons eingebunden werden bsp. class="iconBoxStandard actionDownloadIcon" */
table.bid-table .wrappedsheetIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.wrappedsheetIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .qualifiedSignatureIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.qualifiedSignatureIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .advancedSignatureIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.advancedSignatureIcon,
table.bid-table .cancelBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.cancelBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .cancelBidIconGhost, /* Projektraum - Unternehmen Angebotsabgabe */
.cancelBidIconGhost, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .showReceiptIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.showReceiptIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .showExtractBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.showExtractBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .showDownloadVMSBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.showDownloadVMSBidIcon, /* Projektraum - Unternehmen Angebotsabgabe */
table.bid-table .showDetailsIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.showDetailsIcon, /* Projektraum - Unternehmen Angebotsabgabe */
.iconBoxStandard,
.icon-correction {
    display: inline-block !important;
    height: 16px;
    margin: 0 !important;
    padding: 0 !important;
    width: 16px;
}

/* Icon VMSBidIcon */
.showDownloadVMSBidIcon {
    width: 30px !important;
}

table.bid-table .showInfoIconInlineBlock { /* Projektraum - Unternehmen Angebotsabgabe */
    margin-right: 10px !important;
}

.icon-correction {
    float: none;
}

.iconHide {
    display: none;
}

.fileTypeContainer,
.fileManagementContainer,
.showInfoIconInlineBlock,
.actionAddIcon,
.actionAddGhostIcon,
.actionDeleteIcon,
.actionDeleteGhostIcon,
.actionDownloadIcon,
.actionDownloadGhostIcon,
.actionExtractIcon,
.detailsIcon,
.userActionDeleteIcon,
.userAccountStatusActiveIcon,
.userAccountStatusInActiveIcon,
.userAccountStatusAutomaticLockIcon,
.userActionStatusDeactivateIcon,
.userActionStatusActivateIcon,
.userActionEditIcon,
.userActionStatusDeactivateGhostIcon,
.userActionStatusActivateGhostIcon,
.timelimitRestore,
.timelimitEdit,
.forwardingProceed,
.forwardingPlanned,
.forwardingFailure,
.forwardingWithCostsForMandator,
.forwardingWithCostForCompany,
.forwardingMandatory,
.forwardingBlindContainer,
.requiresAdditionalData,
.correctionEditIcon,
.correctionPublishIcon,
.correctionPublishGhostIcon,
.correctionForwardingIcon,
.forwardingCancel,
.correctionDeleteIcon,
.interfaceActive,
.interfaceNotActive,
.detailsIcon,
.actionRefreshExportPageIcon,
.abortProjectReportGeneration,
.blindContainer,
.projectReportShow,
.errorIcon,
.successIcon,
.successGhostIcon,
.exportStartTransmissionIcon,
.exportStartTransmissionGhostIcon,
.warnBidDelay {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 2px;
    padding: 0;
    width: 16px;
}

/* Weiterleitungen */
.forwardingProceed,
.forwardingPlanned,
.forwardingFailure,
.requiresAdditionalData,
.forwardingCancel,
.forwardingWithCostsForMandator,
.forwardingWithCostForCompany,
.forwardingMandatory,
.forwardingBlindContainer {
    cursor: help;
    padding: 0;
    margin: 0;
}

/* Liste zur Anordnung der Elemente in der Aktionsspalte - BSP. PROJEKTTEAM */
ul.actionIconList.icon-correction {
    min-width: 80px;
    text-align: center;
}

ul.actionIconList.icon-correction li {
    display: inline-block;
    min-width: 20px;
}

/* ============================================
         TABS
================================================ */
.tabHeader {
    cursor: default;
    height: 40px;
    margin: 10px 0px 0px 0px;
    position: relative;
    text-transform: uppercase;
}

.tabHeader ul {
    bottom: -1px;
    position: absolute;
}

.tabHeader ul li {
    display: inline;
    list-style: none;
}

.tabHeader a,
.tabHeader span,
.tabHeader li a.current {
    border: 1px solid;
    display: block;
    float: left;
    margin: 1px 5px 0px 0px;
    min-height: 25px;
    padding: 5px 5px 4px 5px;
    text-align: center;
}

.tabHeader a:hover {
    margin-top: 0;
    padding-bottom: 5px;
}

.tabHeader span,
.tabHeader a.current,
.tabHeader a.current:hover {
    background-color: #fcfcfc;
    border: 1px solid;
    border-bottom: none;
    border-radius: 0;
    cursor: default;
    margin-top: 0;
    padding: 5px 5px 6px 5px;
}

/* Tabinhalt */
.tabContent {
    background-color: #fcfcfc;
    border: 1px solid;
    padding: 20px 10px 20px 10px;
}

/* ============================================
         TABS 2ND LEVEL SEKT VO
================================================ */
.secondLevelLink {
    padding-left: 25px !important;
    position: relative;
}

.secondLevelLink.open:before {
    border-bottom: 7px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    position: absolute;
    top: 12px;
    width: 0;
}

.secondLevelLink.closed:before {
    border-top: 7px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    position: absolute;
    top: 12px;
    width: 0;
}

/* Wenn Menue ausgeklappt, aber ANHANG NICHT aktiv */
#submenueAnlage .secondLevelLink.open:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 1;
}

/* Wenn Menue ausgeklappt, und ANHANG ist AKTIV */
#submenueAnlage #submenueAnlageSpan {
    position: relative;
}

#submenueAnlage #submenueAnlageSpan:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 1;
}

/* 2nd Level UL */
#submenueAnlage ul {
    border: 1px solid #bbb !important;
    min-height: 35px;
    padding: 0;
    position: absolute;
    -webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.5);
}

#submenueAnlage ul#submenuAnlageItems li a,
#submenueAnlage ul#submenuAnlageItems li span {
    border: none !important;
    border-radius: 0 !important;
    display: inline-block;
    line-height: 25px;
    margin: 0 !important;
}

#submenueAnlage ul#submenuAnlageItems li span {
    background-color: transparent;
}

/* ============================================
         TABELLE LEGENDE
================================================ */

table.documentsTable {
    width: 35%;
}

tdWidthPercent70 {
    width: 70%;
}

table.legendTable {
    margin: 40px 0px 10px 0px;
    width: 30%;
}

.legendTable thead th {
    text-align: left;
    text-transform: uppercase;
}

.legendTable thead th,
.legendTable tbody td {
    height: 20px;
}

table.legendTable td.tableLegendAlignment {
    text-align: center;
}

/* Icons display: inline-block fuer align:center */
table.legendTable td.tableLegendAlignment span {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

/* ============================================
        PROJEKTRAUM / PROJEKTHEADER
================================================ */
#projectRoomTitleBox {
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 25px;
    overflow: auto;
}

#projectRoomTitleText {
    display: table-cell;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    vertical-align: middle;
}

/* VMS Icons mit Abstand rechts */
#projectRoomTitleText span.vmsvmpIcon {
    margin-right: 5px;
}

/* Tabelle im Projektheader */
.projectRoomTitleData {
    padding: 0 0 5px 10px;
}

.projectRoomTitleData table {
    background-color: transparent;
    box-shadow: none;
    display: inline-block;
    margin-top: 5px;
    max-width: 1100px;
    padding: 0;
}

.projectRoomTitleData table td,
.projectRoomTitleData table td.tdSpace,
.projectRoomTitleData table td.tdLabel {
    border: none;
    height: 30px;
    vertical-align: middle !important;
    padding-top: 0;
    padding-bottom: 0;
}

.projectRoomTitleData table td * {
    vertical-align: top !important;
}

.projectRoomTitleData .tdLabel {
    font-weight: bold;
    padding-right: 10px;
    min-width: 10px;
}

.projectRoomTitleData .tdSpace {
    width: 15px;
}

/* ============================================
        TOGGLE AENDERUNGEN
================================================ */
.changesToggleBox {
    margin-top: 50px;
    border: 1px solid transparent;
    position: relative;
}

.changesToggleHead {
    display: inline-block;
    padding: 0;
    margin: 0;
    top: -15px;
    position: absolute;
    left: 20px;
}

.changesToggleHead .mandatoryField {
    top: -3px;
    font-size: 12px !important;
}

.changesToggleHead a.toggleBiddings,
.changesToggleHead a.toogleIconFilterLeftDisabled {
    line-height: 14px !important;
    text-decoration: none;
    height: auto;
    margin: 0;
    padding: 8px;
}

.changesToggleContent {
    border: 1px solid;
    margin: 15px 0 35px 0 !important;
    padding: 10px 20px;
    overflow: auto;
}

/* ============================================
        TOGGLE BUTTONS UND CONTAINER
================================================ */
/* Toggle Button Projektheader */
a.toggleLinkShow,
a.toggleLinkHide {
    -moz-border-radius: 0 5px 0 0;
    border-top-right-radius: 5px;
    display: block;
    float: right;
    height: 25px;
    position: relative;
    width: 25px;
}

a.toggleLinkShow:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    position: relative;
    top: 8px;
    width: 0;
}

a.toggleLinkHide:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    position: relative;
    top: 8px;
    width: 0;
}

/* Toggle Button Allgemein */
.toggleBox {
    margin: 10px 0px 0px 0px;
    padding: 0;
}

a.toggleShow,
a.toggleHide,
a.toggleShow:hover,
a.toggleHide:hover {
    border: none;
    border-radius: 0;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
}

a.toggleHide:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    margin-right: 15px;
    position: relative;
    top: -2px;
    width: 0;
}

a.toggleShow:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    margin-right: 15px;
    position: relative;
    top: -1px;
    width: 0;
}

.toggleTxt {
    border: 1px solid;
    border-top: none;
    background: #fff;
    padding: 15px 10px;
}

.toggleTxt ul {
    list-style-type: square;
    margin-left: 15px;
}

.toggleTxt ul li {
    margin-bottom: 10px;
}

.toggleTxt p {
    margin: 0 !important;
}

/* ==================================================================================================
        TOGGLE BUTTONS, CONTAINER, TABELLEN - PROJEKTRAUM DETAILS ZUM ANGEBOT ODER TEILNAHMEANTRAG V2
====================================================================================================== */
a.toggleIconFilterLeft,
a.toogleIconFilterLeftDisabled {
    display: inline-block;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

/* Container */
.toggleContentSpaceLeft {
    padding: 5px 0 10px 0;
}

a.toggleShowFilterLeft:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    margin-right: 8px;
    position: relative;
    top: -1px;
    width: 0;
}

a.toggleHideFilterLeft:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    margin-right: 8px;
    position: relative;
    top: -1px;
    width: 0;
}

/* Tabellen Details zum Teilnahmeantrag/Angebot - Basisdaten - Allgemeine Angaben */
table.ppcBidDetailTable tr td {
    border: none;
    font-weight: bold;
    height: 28px !important;
    padding: 5px 0 0 0 !important;
    vertical-align: top;
}

table.ppcBidDetailTable tr td img {
    display: inline-block;
    position: absolute;
}

table.ppcBidDetailTable tr td span.signatureText {
    display: inline-block;
    padding-left: 15px;
}

table.ppcBidDetailTable tr td span {
    margin-bottom: 5px;
}

table.ppcBidDetailTable tr td:first-child {
    font-weight: normal;
    width: 250px !important;
}

table.ppcBidDetailTable tr:hover {
    background-color: transparent;
}

/* Einrueckung bei Losen */
.toggleLotsDistance {
    margin-left: 22px;
}

/* Wenn nicht auf ein Los geboten wurde */
.noBitOnLot {
    display: inline-block;
    margin: 10px 0 0 20px;
    position: relative;
}

.noBitOnLot:before {
    content: "";
    display: inline-block;
    height: 20px;
    left: -25px;
    position: absolute;
    top: -2px;
    width: 25px;
}

/* ==============================================================
        PROJEKTRAUM / UNTERNEHMEN - EINLADUNGEN - REGAUFFORDERUNG
================================================================= */
/* Einladung noch nicht gespeichert */
span.invitationRememberSaveTable {
    color: #dd0000;
}

/* Einladung oder Mail geloescht */
span.invitationOrMailDeleted {
    color: #6a6a6a; /* Textfarbe fuer default-disabled */
    text-decoration: line-through;
}

/* WIZARD Projektraum - Unternehmen */
/* Suche ueber Taetigkeitsbereich - cpvCodeChooser.jsp */
.cpvCodeTreeContent {
    background-color: #fff;
    border: 1px solid;
    height: 200px;
    margin: 15px 0;
    padding: 0 0 10px 0;
    overflow-y: scroll;
}

.cpvCodeTreeContent ul {
    margin-left: 25px;
}

/* Liste */
.cpvCodeTreeContent li {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
}

.cpvCodeTreeContent li:first-child {
    margin-top: 5px !important;
}

/* Abstand bei Kinderlelementen */
.cpvCodeTreeContentNoKnots a {
    margin-left: 27px !important;
}

a.magnifierIcon {
    display: inline-block;
    min-height: 25px;
    max-height: 40px;
    margin: 0;
    padding-left: 25px;
    width: 550px;
}

a.enclapsedIcon,
a.colapsedIcon,
a.disableEnclapsedIcon {
    display: block;
    float: left;
    text-decoration: none !important;
}

/* Formatierung bei Knoten Links */
a.cpvCodeTreeContentKnotLink {
    font-weight: bold;
    text-decoration: none;
}

/* CPV-CODES eingeschraenkt - Eintrag ist 'disabled' */
a.magnifierIcon span.disabledCompanyCPVCode,
a.magnifierIcon span.disabledCompanyCPVCode:hover {
    cursor: default;
    color: #6a6a6a; /* Textfarbe fuer default-disabled */
    text-decoration: none !important;
}

.enclapsedIcon,
.colapsedIcon,
.disableEnclapsedIcon,
.disableColapsedIcon {
    cursor: pointer !important;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0;
    width: 20px;
}

/* Icon Plus + Plus disabled */
.enclapsedIcon:after,
.disableEnclapsedIcon:after {
    content: "+";
    display: inline-block;
    font-family: Arial !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: bold;
    height: 0;
    left: 7px;
    position: absolute;
    text-decoration: none !important;
    top: 3px;
    width: 0;
}

/* Icon Minus */
.disableColapsedIcon:after,
.colapsedIcon:after {
    content: "-";
    display: inline-block;
    font-family: Arial !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: bold;
    height: 0;
    left: 7px;
    position: absolute;
    text-decoration: none !important;
    top: -3px;
    width: 0;
}

/* Aktiver CPV-Code */
a.cpvCodeTreeContentActivTreeElement,
a.cpvCodeTreeContentActivTreeElement:hover {
    border-radius: 5px;
    overflow: auto;
    padding-bottom: 5px;
}

/* ============================================
        PROJEKTRAUM / KOMMUNIKATION
================================================ */
.communicationButtonsContainer a {
    cursor: pointer;
    display: inline-block;
    height: 30px !important;
    margin: 10px 5px 0 0 !important;
    overflow: auto;
    padding: 0 !important;
    position: relative;
    min-width: 31px !important;
    width: 30px !important;
}

/* Alle Empfaenger hinzufuegen */
a.communicationButtonsRecipientAllDown:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 10px;
    position: absolute;
    top: 7px;
    width: 0;
}

a.communicationButtonsRecipientAllDown:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 10px;
    position: absolute;
    top: 16px;
    width: 0;
}

/* Ausgewaehlte Empfaenger hinzufuegen */
a.communicationButtonsRecipientSingleDown:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 11px;
    position: absolute;
    top: 12px;
    width: 0;
}

/* Alle Empfaenger entfernen */
a.communicationButtonsRecipientAllUp:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 11px;
    position: absolute;
    top: 6px;
    width: 0;
}

a.communicationButtonsRecipientAllUp:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 11px;
    position: absolute;
    top: 15px;
    width: 0;
}

/* Ausgewaehlte Empfaenger entfernen */
a.communicationButtonsRecipientSingleUp:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 11px;
    position: absolute;
    top: 11px;
    width: 0;
}

/* Zugriffsstatus bei gelesenen Mails */
.percentTableData {
    width: 120px;
}

.percentGreen,
.percentRed,
.percentOrange {
    cursor: help;
    display: inline-block;
    font-size: 2px;
    height: 15px;
}

.percentGreen {
    background: #049372;
}

.percentRed {
    background: #cc3a3a;
}

.percentOrange {
    background: #F2784B;
}

/* Markierung, nicht gelesene Nachrichten */
tr.communicationMessageNotOpened td {
    font-weight: bold;
}

/* Textbox fuer den E-Mailtext des Unternehmens */
.text-messagebox-container {
    display: none;
    width: 442px;
}

.text-messagebox-head {
    border-bottom: 1px solid;
    line-height: 25px;
    height: 30px;
    width: 442px;
}

.text-messagebox-head a,
.text-messagebox-head a {
    background: none !important;
    font-weight: bold;
    color: #000 !important;
    display: block;
    padding: 0;
    position: relative;
    margin: 0;
    width: 100%;
    line-height: 25px;
}

.text-messagebox-head a:focus {
    background-color: none !important;
}

.text-messagebox-head a.toggleLinkShow:before,
.text-messagebox-head a.toggleLinkHide:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid;
    top: -1px;
    left: 0;
    margin-right: 5px;
}

.text-messagebox-head a.toggleLinkHide:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid;
    border-bottom: none;
}

.text-messagebox-content {
    cursor: default;
    font-style: italic;
    min-height: 100px;
    max-height: 300px;
    line-height: 20px;
    overflow-y: auto;
    padding: 5px;
    width: 430px;
}

.email-text-format:before {
    content: '\201C';
    display: inline-block;
}

.email-text-format:after {
    content: '\201C';
    display: inline-block;
}

.text-messagebox-button-container {
    border-top: 1px solid;
    text-align: right;
    padding: 5px 5px 5px 0;
}

/* ===================================================
         KOMMUNIKATION NEUE VA 2016 P-RAUM UNTERNHEMEN
====================================================== */
.newMessageContainerAnonym {
    margin-bottom: 30px;
}

.newMessageContainerAnonym .newMessageHeader {
    border-bottom: 1px solid #000;
    height: 35px;
    line-height: 35px;
}

.newMessageContainerAnonym .newMessageHeader .newMessageSubjectAndDate {
    display: block;
    float: left;
    padding-right: 5px;
}

.newMessageContainerAnonym .newMessageHeader .newMessageSubjectText {
    max-width: 60%;
}

.newMessageContainerAnonym .newMessageHeader .newMessageDate {
    display: block;
    float: right;

}

.newMessageContentBreaker {
    border-bottom: 1px solid #000;
}

.newMessageContainerAnonym .newMessageContent .newMessageContentBreaker,
.newMessageContantContainer {
    display: none;
}

.newMessageContainerAnonym .newMessageContent {
    padding: 10px 0;
}

.newMessageContainerAnonym .newMessageContent table {
    margin-top: 20px;
}

.newMessageContentBreaker {
    padding: 5px 0;
}

/* toogle Button Container */
.newMessageContainerAnonym .newMessageHeader .toggleButtonContainer {
    float: right;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.newMessageContainerAnonym .newMessageHeader .toggleButtonContainer a {
    background-color: transparent !important;
    border: none !important;
}

.newMessageContainerAnonym .newMessageHeader .toggleButtonContainer a.toggleLinkHide:before {
    border-top: 7px solid #000;
}

.newMessageContainerAnonym .newMessageHeader .toggleButtonContainer a.toggleLinkShow:before {
    border-bottom: 7px solid #000;
}

/* ============================================
          FORMS / TABS / DASHBOARD
================================================ */
/* Border Color */
.border-solid,
.border-dashed,
.buttonContainer,
.participateContainer, /* Projektraum Unternehmen Teilnehmenbox */
.cpvCodeTreeContent,
fieldset,
.printContentFieldset, /* benoetigt fuer den Ausdruck bzgl. Firefox Bug */
table thead th,
table tbody td,
table tfoot td,
.tabHeader a, /* alle TABS */
.tabContent,
.tableFilter,
.tabHeader span,
.tabHeader a.current,
.tabHeader a.current:hover,
#dashboard table.dashboard-table thead,
#dashboard table.dashboard-table thead th,
#dashboard table.dashboard-table tbody td,
#dashboard .csx-tab li,
#dashboard .csx-tab a,
#dashboard .csx-tab li span.csx-tab-span,
#dashboard .csx-tab-container,
.searchTypesCPVBox .resultBoxCPV ul li,
.searchContainer, /* Suchbox erweiterte Suche */
ul.wizardStepList, /* Neues Projekt anlegen Wizzard */
ul.wizardStepList li:before,
.componentBox, /* Bsp. Projektraum / Projektteam */
#projectRoomTitleBox, /* Projektraum - grosser Header */
.address_box a, /* Adressuebernahme / Verfahrensangaben */
ul.linkedProjectsShowBox li, /* Projektraum - Verknuepfte Projekte */
ul.linkedProjectsHide li, /* Projektraum - Verknuepfte Projekte */
.mandator-switchbox-link,
.mandator-switchbox-body,
.changesToggleContent /* Toggle Content bei Aenderungen */
{
    border-color: #bbb !important;
}

ul.wizardStepList li:after {
    border-color: #f2f2f2 !important;
}

/* BG Color */
.text-messagebox-button-container,
.buttonContainer,
.newUploadComponentContainer td,
.participateContainer, /* Projektraum Unternehmen Teilnehmenbox */
.form-actions,
.form-top,
#dashboard .dashboard-filter-container, /*  Box ueberhalb Tabelle Termine */
#dashboard table.dashboard-table thead th, /* dashboard th bg*/
.tableFilter, /* Box ueberhalb einer Tabelle */
.searchContainer, /* Box - Seite erweiterte Suche */
table tbody tr:hover, /* table row hover */
tr.linkedProjectTableRow td, /* Verknuepfte Projekte */
ul.wizardStepList, /* Neues Projekt anlegen Wizzard */
.componentBox, /* Bsp. Projektraum / Projektteam */
#projectRoomTitleBox, /* Projektraum - grosser Header */
.address_box a:hover, /* Adressuebernahme / Verfahrensangaben */
table#languagesTable tr td:hover, /* Sprachtabelle / Verfahrensangaben*/
ul.linkedProjectsShowBox li.linkedProjectCurrent:hover, /* Projektraum - Verknuepfte Projekte */
ul.linkedProjectsHide li:hover, /* Projektraum - Verknuepfte Projekte */
.searchTypesCPVBox .resultBoxCPV ul li:hover, /* Nach Bekanntmachungen suchen - Auftragsgegenstand */
ul.linkedProjectsHide li.linkedProjectActive, /* Projektraum - Verknuepfte Projekte - aktuelle Verknuepfung */
.mandator-switchbox-link:hover {
    background-color: #f2f2f2;
}

/* ============================================
         BUTTON TO TOP
================================================ */
a.to-top-button,
a.to-top-button:hover {
    background-color: rgba(135, 135, 135, 0.50);
    border-radius: 8px;
    border: 1px solid #fff;
    bottom: 25px;
    display: none;
    height: 20px;
    position: fixed;
    padding: 10px 3px 3px 3px;
    right: 9px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    z-index: 10002;
}

a.to-top-button .arrow-up {
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fff;
    height: 0;
    width: 0;
}

/* ============================================
         FUSSNOTE
================================================ */
#mandatorFootnode {
    font-weight: normal;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

#mandatorFootnode br {
    display: block;
    margin-top: 8px;
    vertical-align: top;
    line-height: 24px;
    content: "\A0";
}

#mandatorFootnode span.mandatoryField {
    cursor: default;
    font-size: 12px !important;
    padding: 0 5px 0 0;
}

/* Pflichtfeldmarkierungen */
span.mandatoryField,
span.popupMandatory {
    cursor: pointer;
    display: inline-block;
    font-family: Verdana;
    font-size: 14px !important;
    line-height: 1;
    padding: 0;
    position: relative;
    text-align: center;
    top: -2px;
    vertical-align: top;
}

span.mandatoryField.mandatoryNumber {
    font-size: 12px !important;
    margin-left: 5px;
}

/* Pflichtfeldmarkierungen - Fussnoten in der Legend*/
legend span.mandatoryField,
legend span.popupMandatory {
    font-size: 12px !important;
}

/* Angaben in der Fussnote */
#mandatorFootnode span.mandatoryField.mandatoryNumber {
    margin-left: 0;
}

/* ============================================
         TRUNCATE TEXT BESCHNEIDEN / WORD-WRAP
================================================ */
/* Text abschneiden bei Ueberlaenge */
.truncate {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Textbeschneidung in TDs Bsp. Vergabeunterlagen Text bleibt einzeilig, ohne Umbruch*/
.truncate-data-cell-nowrap {
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/* only IE9 HACK */
@media all and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    span.truncate-span-ie8-ie9 {
        display: inline-block;
        width: 50px;
    }
}

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* WORD-WRAP CONTAINER LOESUNG */
.word-wrap-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* ============================================
         LABEL / PATCH
================================================ */
.lable-patch,
#dashboard .lable-patch {
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 2px 3px;
    text-transform: uppercase;
    vertical-align: middle;
}

#dashboard .lable-patch {
    display: block;
    float: right;
}

.tnw,
.aw {
    background: #656465;
}

/* ==================================================
         ALLGEMEINE BADGES
===================================================== */
.badge-container {
    display: inline-block;
    border-radius: 5px !important;
    color: #fff;
    font-family: Arial !important;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 10px;
    text-align: center;
    text-shadow: none !important;
    text-transform: uppercase;
    vertical-align: middle;
}

.badge-anonymous {
    background-color: #7b7b7b;
}

/* ============================================
         HINWEISBOXEN
================================================ */
ul li.info ul li,
ul li.success ul li,
ul li.warning ul li,
ul li.error ul li,
span.success ul li,
span.info ul li,
span.error ul li,
span.warning ul li {
    list-style-type: square;
    margin: 2px 0 0 15px;
}

span.success ol li,
span.info ol li,
span.error ol li,
span.warning ol li {
    list-style-type: decimal;
    margin: 5px 0 0 15px;
}

.vmsAdvertisementBox {
    display: inline-block;
    margin: 0 !important;
}

p.success,
li.success,
span.success {
    border: 1px solid #9adf8f;
    background-color: #d5ffce !important;
}

p.renderedTextBold,
p.info,
span.info,
li.info,
.hintDist,
.invitationRememberSave span,
.vmsAdvertisementBox {
    border: 1px solid #a2b4ee;
    background-color: #dbe3ff !important;
}

span.success,
span.info,
span.error,
span.warning {
    display: block;
    padding-top: 11px !important;
}

span.success p,
span.info p,
span.error p,
span.warning p {
    margin-bottom: 5px;
    margin-top: 5px;
}

span.success p:first-child,
span.info p:first-child,
span.error p:first-child,
span.warning p:first-child {
    margin-top: 0;
}

/* Projektraum Einladungen - Regaufforderung */
.invitationRememberSave span {
    background-position: 5px 13px !important;
    display: block;
    margin: 0 !important;
    line-height: 25px;
}

p.error,
li.error,
span.error {
    border: 1px solid #df8f8f;
    background-color: #ffcece !important;
}

p.warning,
li.warning,
span.warning {
    border: 1px solid #f9c862;
    background-color: #f9f2cc !important;
}

p.renderedTextBold,
p.success,
span.success,
p.error,
span.error,
p.info,
span.info,
p.warning,
span.warning,
.hintDist,
.invitationRememberSave span,
.vmsAdvertisementBox {
    font-weight: normal !important;
    min-height: 20px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 30px 10px 30px;
    margin: 10px 0 20px 0;
}

.hintDist,
.hintDist p {
    background-image: none;
    font-weight: normal !important;
}

li.success,
li.error,
li.info,
li.warning {
    list-style-position: inside;
    list-style: none;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 10px 0 20px 0;
}

/* ==================================================
         KALENDER
===================================================== */
/* DIV in ModalPanel.html */
#calendarInsideWizard {
    position: relative;
}

a.vmpCalendarIcon {
    float: left;
    height: 20px;
    margin-top: 7px !important;
    padding: 0 !important;
    text-decoration: none;
    width: 15px;
}

a.vmpCalendarIcon:after {
    content: " ";
    display: inline-block;
    font-size: 0;
    height: 8px;
    position: relative;
    top: -2px;
    width: 16px;
}

/* Kalender Eingabefeld */
.calendarDateInput {
    /* breite entspricht .input-small */
    margin-right: 5px !important;
    text-align: right;
    width: 90px !important;
}

/* Text Uhr (HH:mm) nach Uhrzeitangabe */
.calenderDateTimeAfter {
    display: table-cell;
    height: 30px;
    padding: 0 10px;
    vertical-align: middle;
}

td input.calendarDateInput[type="text"] {
    width: 80px;
}

.vmpCalendarLabelAlignment {
    display: block;
    float: left;
    padding: 2px 0 0 23px;
    width: 60px;
}

#calendarDiv .activeDay {
    font-weight: bold;
}

#calendarDiv .monthYearPicker {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}

#calendarDiv .calendar_week_column {
    background-color: #f2f2f2;
    color: #000;
}

#calendarDiv table {
    background: #fff none repeat scroll 0 0;
    empty-cells: hide;
    margin-bottom: 5px !important;
}

#calendarDiv {
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.5);
    padding: 0 0 20px;
    position: absolute;
    visibility: hidden;
    width: 250px;
}

#calendarDiv span, #calendarDiv img {
    float: left;
}

#calendarDiv .selectBox,
#calendarDiv .selectBoxOver,
#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver {
    cursor: pointer;
    line-height: 12px;
    padding: 1px 1px 1px 2px;
}

#calendarDiv td {
    empty-cells: hide;
    margin: 0;
    padding: 3px;
}

#calendarDiv .selectBox,
#calendarDiv .selectBoxOver {
    position: relative;
}

#calendarDiv .topBar {
    height: 27px;
    padding: 3px 0 0;
}

#calendarDiv .todaysDate {
    bottom: 0;
    line-height: 20px;
    min-height: 20px;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#calendarDiv #monthDropDown {
    display: none;
    left: 55px !important;
    position: absolute;
    top: 29px !important;
    width: 90px !important;
    z-index: 1000;
}

#calendarDiv #yearDropDown {
    display: none;
    left: 160px !important;
    position: absolute;
    top: 29px !important;
    width: 50px !important;
    z-index: 1000;
}

#calendarDiv #monthSelect {
    width: 100px;
}

#calendarDiv #monthSelect #calendar_month_txt {
    padding: 4px 20px 0 5px;
}

#calendarDiv #yearSelect {
    width: 80px;
}

#calendarDiv #yearSelect #calendar_year_txt {
    padding: 4px 0 0 3px;
}

#calendarDiv .monthYearPicker div {
    clear: both;
    cursor: pointer;
    float: none;
    margin: 1px 0;
    padding: 1px;
}

#calendarDiv #monthDropDown .monthYearActive {
    width: 88px !important;
}

#calendarDiv #yearDropDown .monthYearActive {
    width: 48px !important;
}

#calendarDiv td {
    cursor: pointer;
    height: 20px;
    padding: 2px;
    text-align: right;
}

#calendarDiv .topBar img {
    cursor: pointer;
}

#calendarDiv .topBar div {
    float: left;
    margin-right: 1px;
}

#calendarDiv a,
#calendarDiv a:hover {
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    text-decoration: none;
    width: 20px;
}

#calendarDiv a.leftArrow {
    margin: 1px 5px 0 3px;
}

#calendarDiv a.leftArrow:before {
    border-bottom: 5px solid transparent;
    border-right: 8px solid;
    border-top: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 6px;
    position: absolute;
    top: 5px;
    width: 0;
}

#calendarDiv a.rightArrow {
    margin-top: 1px;
}

#calendarDiv a.rightArrow:before {
    border-bottom: 5px solid transparent;
    border-left: 8px solid;
    border-top: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 7px;
    position: absolute;
    top: 5px;
    width: 0;
}

#calendarDiv a.downMonthArrow {
    margin: 0 0 0 80px;
}

#calendarDiv a.downMonthArrow:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 0;
}

#calendarDiv a.downYearArrow {
    margin: 0 0 0 40px;
    padding: 0;
}

#calendarDiv a.downYearArrow:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 0;
}

#calendarDiv a.closeButton {
    line-height: 20px !important;
    margin: 1px 0 0;
    padding: 0;
    position: absolute;
    right: 3px !important;
}

#calendarDiv a.closeButton:before {
    content: "x";
    display: inline-block;
    font-family: Arial !important;
    font-size: 20px !important;
    font-weight: bold;
    height: 0;
    left: 5px;
    position: relative;
    text-transform: none !important;
    top: -2px;
    width: 0;
}

/* ============================================
          SPRACHAUSWAHL
================================================ */
ul.selectLanguage {
    float: right;
    position: relative;
}

.selectLanguage__button {

}

.selectLanguage__button::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 1px;
    position: relative;
    top: 2px;
    width: 0;
    margin: 0 5px;
}

/* Status NORMAL */
.selectLanguage__button-icon {
    background-position: center 0;
    height: 25px;
    width: 25px;
}

/* Status HOVER | FOCUS */
.mainNavSubLevel:hover .selectLanguage__button-icon,
.selectLanguage__button:hover .selectLanguage__button-icon,
.selectLanguage__button:focus .selectLanguage__button-icon,
.selectLanguage__button:hover .selectLanguage__button-icon,
.selectLanguage__button:active .selectLanguage__button-icon {
    background-position: center -25px;
}

/* Status NORMAL bei STICKY NAV */
.sticky .selectLanguage__button-icon {
    background-position: center -50px;
}

/* Status HOVER bei STICKY NAV */
.sticky .mainNavSubLevel:hover .selectLanguage__button-icon,
.sticky .selectLanguage__button:focus .selectLanguage__button-icon,
.sticky .selectLanguage__button:hover .selectLanguage__button-icon,
.sticky .selectLanguage__button:active .selectLanguage__button-icon {
    background-position: center -75px;
}

.selectLanguage__button-text {
    padding: 0 5px;
}

#mainNav ul.selectLanguage li ul.subLevel {
    background-color: #8d8d8d;
    cursor: default;
    display: none;
    height: auto;
    overflow: hidden;
    position: absolute;
    min-width: 120px;
    right: 0;
    top: 35px;
    z-index: 5;
    -webkit-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
}

#mainNav ul.selectLanguage li ul.subLevel li {
    padding: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

span.languageHeadline {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: left;
}

span.languageBlock {
    display: block;
    padding: 0 5px;
}

span.languageBlock .controls-float-none {
    align-items: center;
    display: flex;
}

span.languageBlock label {
    padding: 0;
    width: auto;
    white-space: nowrap;
}

/* ============================================
         TESTBOX (HINWEIS)
================================================ */
#testSystemBox {
    border-bottom: 1px solid #000;
    color: #fff;
    font-weight: bold;
    height: 35px;
    left: 0px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    width: 100%;
    z-index: 99999;
}

#testSystemBoxSpace {
    height: 35px;
}

.testSystemText {
    color: #000;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    padding-top: 5px;
    text-transform: uppercase;
}

/* ============================================
         ANGABEN "End of Support IE11/edge"
================================================ */
.endOfSupportIE {
    background: #fff;
    display: flex;
    margin: auto;
    max-width: 998px;
}

.endOfSupportIE__column {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding:15px;
}

.endOfSupportIE h1,
.endOfSupportIE h2,
.endOfSupportIE h3,
.endOfSupportIE p {
    line-height: 1.2;
    margin: 0 0 15px 0;
    padding:0;
    font-weight: normal;
    font-size: 14px;
}

.endOfSupportIE h1 {
    display: flex;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
}

.endOfSupportIE__head-icon {
    display: flex;
    min-width: 40px;
    height: 40px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    animation: icon-scale 0.5s alternate infinite ease-in;
}

@keyframes icon-scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.2);
    }
}

.endOfSupportIE h2 {
    font-size: 22px;
}

.endOfSupportIE h3 {
    font-size: 18px;
}

.endOfSupportIE__button,
.endOfSupportIE__button:active,
.endOfSupportIE__button:visited {
    background: #e5ebef;
    border: none;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    display: inline-flex;
    margin:0 15px 15px 0;
    min-height: 36px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    min-width: 80px;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}

.endOfSupportIE__button:hover,
.endOfSupportIE__button:focus{
    outline: 0;
    background-color: #252525;
    color:#fff;
}

_:-ms-fullscreen, :root .endOfSupportIE__button::after {
    content: "";
    display: block;
    min-height: 36px;
}

.endOfSupportIE__button  .endOfSupportIE__button-icon {
    display: inline-flex;
    min-width:25px;
    min-height: 25px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
}

.endOfSupportIE__button--bg-green,
.endOfSupportIE__button--bg-green:active,
.endOfSupportIE__button--bg-green:visited {
    background: #146140;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    min-height: 46px;
    margin: 30px 0;
    padding: 0 20px;
}

/* IE11 Hack 4 align-items */
_:-ms-fullscreen, :root .endOfSupportIE__button--bg-green::after {
    content: "";
    display: block;
    min-height: 46px;
}

.endOfSupportIE__button--bg-green  .endOfSupportIE__button-icon {
    display: inline-flex;
    width:28px;
    height: 28px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.endOfSupportIE .responsive {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .endOfSupportIE {
        flex-direction: column;
        padding: 15px;
    }

    .endOfSupportIE__column {
        width: 100%;
        padding:0;
    }

    .endOfSupportIE h3 {
        text-align: center;
    }

    .endOfSupportIE__button-wrapper {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
}

/* ============================================
          (DEBUG-MODE)
================================================ */
.VMPdebugArea {
    border-top: 20px solid #ccc;
    padding: 30px 10px;
    display: block;
    margin: 0 auto;
}

.VMPdebugArea input,
.VMPdebugArea input[type="submit"],
.VMPdebugArea select {
    float: left !important;
    margin: 10px 10px 10px 0 !important;
}

.VMPdebugArea form + input[type="button"] {
    position: relative;
    top: 10px;
}

.VMPdebugArea table th,
.VMPdebugArea table td {
    vertical-align: middle;
    text-align: left;
}

.VMPdebugArea table td {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.VMPdebugArea table {
    display: block;
    max-width: 860px;
    margin: 0 auto !important;
}

.VMPdebugArea fieldset {
    display: block;
    margin: 0 auto !important;
    width: 870px;
}

#selenium_id {
    border: 1px solid #bbb;
    margin: 0 auto;
    max-width: 870px;
    padding: 10px 20px;
}

#selenium_id span {
    display: block;
    margin: 0 0 20px 0;
}

/* ============================================
          (DEBUG-MODE-WICKET)
================================================ */
.VMPdebugArea.debugWicket {

}

.VMPdebugArea.debugWicket a {
    display: inline-block;
    margin: 5px 0;
}

.VMPdebugArea.debugWicket .controls label,
.VMPdebugArea.debugWicket .controls input[type="checkbox"],
.VMPdebugArea.debugWicket .controls input[type="radio"] {
    float: left;
    margin-right: 20px;
}

.VMPdebugArea.debugWicket .controls label {
    position: relative;
    top: 5px;
}

/* WICKET AJAX DEBUG BUTTON */
#wicketDebugLink {
    background-color: #5a5a5a !important;
    bottom: 26px !important;
    border: none !important;
    border-radius: 5px;
    color: #fff !important;
    font-family: Arial !important;
    font-size: 14px !important;
    height: 33px !important;
    line-height: 33px !important;
    opacity: 1 !important;
    padding: 0 !important;
    right: 70px !important;
    text-decoration: none;
}

/* Flaggen */
.flagIcon {
    display: inline-block;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 18px;
    position: relative;
    border-radius: 3px;
}

/* Button in die Zwischenablage kopieren */
.clipboardCopyButton {
    bottom: 3px;
    left: 0;
    position: fixed;
    z-index: 9999999;
}

#clipBoardStatus {
    background-color: transparent;
    border-radius: 5px;
    bottom: 4px;
    left: 280px;
    font-weight: bold;
    font-size: 20px;
    padding: 5px 10px;
    position: fixed;
    z-index: 9999999;
}

#clipBoardStatus.bgSuccess {
    background-color: #30b769;
    color: #fff;
}

#clipBoardStatus.bgError {
    background-color: #cd0337;
    color: #fff;
}

/**
 * Progress Bar
 **/
.access-status {
    align-items: center;
    background-color: #ccc;
    border-radius: 3px;
    cursor: help;
    display: flex;
    height:18px;
    margin: 0 auto;
    position: relative;
    width:120px;
}

.access-status__bar {
    border-radius: 3px 0 0 3px;
    background-color: #58b458;
    height:inherit;
}

/* Modifier */
.access-status--no {
    background-color: #f2784b;
    color: #000;
}

.access-status__bar[data-access-status="100"] {
    border-radius: 3px;
}

.access-status__bar-text {
    font-weight: bold;
    font-size: 11px;
    display: inline-flex;
    position: absolute;
    height:inherit;
    width: inherit;
    justify-content: center;
    align-items: center;
    top:0;
    left:0;
}


/* ============================================
           MEDIA-QUERIES
================================================ */
@media screen and (max-width: 1024px) {
    .selectLanguage__button-text {
        display: none;
    }
}