@font-face {
    font-family: 'VWHeadWeb-Bold';
    src: url('../fonts/VWHeadWeb-Bold.eot');
    src: url('../fonts/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/VWHeadWeb-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/VWHeadWeb-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/VWHeadWeb-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/VWHeadWeb-Bold.svg#VWHeadWeb-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

    /* IE9 Compat Modes */
    /* Legacy iOS */
}

@font-face {
    font-family: 'VWHeadWeb-Regular';
    src: url('../fonts/VWHeadWeb-Regular.eot');
    src: url('../fonts/VWHeadWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/VWHeadWeb-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/VWHeadWeb-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/VWHeadWeb-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/VWHeadWeb-Regular.svg#VWHeadWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

    /* IE9 Compat Modes */
    /* Legacy iOS */
}

@font-face {
    font-family: 'VWTextWeb-Bold';
    src: url('../fonts/VWTextWeb-Bold.eot');
    src: url('../fonts/VWTextWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/VWTextWeb-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/VWTextWeb-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/VWTextWeb-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/VWTextWeb-Bold.svg#VWTextWeb-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

    /* IE9 Compat Modes */
    /* Legacy iOS */
}

@font-face {
    font-family: 'VWTextWeb-Regular';
    src: url('../fonts/VWTextWeb-Regular.eot');
    src: url('../fonts/VWTextWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/VWTextWeb-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/VWTextWeb-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/VWTextWeb-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/VWTextWeb-Regular.svg#VWTextWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

    /* IE9 Compat Modes */
    /* Legacy iOS */
}

* {
    box-sizing: border-box;
}

IMG {
    border: 0;
}

td.localeSeparator {
    padding-top: 20px;
    border-bottom: 1px solid #999999;

    /* .tabledata */
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
}

sub.round {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: black;
}

sub.round.notready {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    color: #A21E4D;
}

sub.round.notcurrent {
    color: #5E5E5E;
}

div.dform {
    clear: both;
    width: 100%;
}

div.dform div.drow {
    width: 100%;
    clear: both;
    /*border-bottom: 1px solid #F3F3F3;*/
    padding-top: 3px;
    padding-bottom: 3px;
}

div.dform div.drow div.dcaption {
    float: left;
    width: 200px;
}

div.dform div.drow div.dheader {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    float: left;
    width: 200px;
    color: #555555;
}

div.dform div.drow div.dvalue {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
}

div.dform div.drow div.dselect {
    float: left;
    width: 105px;
}

div.dform div.drow div.dselect SELECT {
    width: 95%;
    text-align: right;
}

div.dform div.drow div.dinput {
}

div.dform div.drow div.dinputcontrol {
    width: 90px;
    float: left;
    text-align: right;
    margin-right: 3px;
}

div.dform div.drow div.dinput INPUT {
    width: 95%;
    text-align: right;
}

div.dform div.drow div.dinputvalue {
    width: 86px;
    float: left;
    margin-top: 4px;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    text-align: right;
    margin-right: 7px;
}

div.dform div.drow div.dinputunits {
    padding-top: 4px;
    color: #555555;
}


H6 {
    font-size: 15px;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    margin-left: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #989898;
}

BODY {
    background-color: #FFFFFF;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    min-width: 1024px;
}

BODY.popup {
    background-color: #E1E1E1;
    background-image: none;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    min-width: unset;
}

BODY.popup td.formtext {
    padding: 0;
}

TABLE {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 0;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table.content,
.ranking__container {
    width: 100%;
}

table.tablelist {
    width: 100%;
}

table.tablelistsmall {
    width: 350px;
}

TR {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0;
}

TD {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    vertical-align: top;
}

td.bottom {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    vertical-align: bottom;
}

FORM {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    margin: 0;
    padding: 0;
    /*margin-bottom: 5px;*/
}

SELECT {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 350px;
}

SELECT.small {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 100px;
}


OPTION.finished {
    /*background-repeat: no-repeat;*/
    color: #000000;
}

OPTION.undone {
    /*background-repeat: no-repeat;*/
    color: #B22222;
}

OPTION.bold {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
}


SELECT.navigation {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    width: 160px;
    height: 20px;
    background-color: white;
}

P {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    margin: 5px 0 0;
}

PRE {
    font-family: monospace;
    font-size: x-small;
}

div.fatalerror {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 15%;
    color: #000000;
    background-color: #EE5555;
    padding: 20px;
    border: 5px solid #2222AA;
    font-size: 25px;
    font-style: normal;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    text-align: center;
}

div.header {
    position: relative;
    background-color: #FFFFFF;
    padding: 0;
    width: calc(100% - 260px - 24px - 24px);
    max-width: 1920px;
    margin-left: calc(260px + 24px);
    margin-top: 20px;
}

div.header1 img {
    height: auto;
    max-width: 100%;
}

div.title {
    position: absolute;
    height: 80px;
    background-color: #FFFFFF;
    left: 690px;
    top: 10px;
}

div.confidential {
    position: fixed;
    top: 0px;
    left: 0px;
    /*
    position: relative;
    top: -32px;
    left: -40px;
    width: 137%;
    background-color: white;
     */
}

div.logo {
    height: 42px;
    text-align: center;
    margin-bottom: 32px;
}

div#logo img {
    width: 100%;
}

div.grey {
    position: absolute;
    width: 100%;
    height: 70px;
    background-color: #A21E4D;
    left: 0;
    right: 0;
    top: 95px;
    padding: 0;
    margin: 0;
}

div.navigation {
    position: fixed;
    left: 0;
    top: 35px;
    width: 260px;
    height: 100%;
    background: transparent linear-gradient(350deg, #063C6F 0%, #0A5193 100%) 0 0 no-repeat padding-box;
    padding: 32px;
    overflow: auto;
    z-index: 1;
}

div.navigation ul {
    padding-bottom: 16px;
}

div.navigation br {
    display: none;
}

div.navigation #logininfo br {
    display: block;
}

div#language {
    position: relative;
    padding: 0;
    margin: 0 0 16px;
}

div.content {
    padding: 20px 0;
    width: calc(100% - 260px - 24px - 24px);
    margin-left: calc(260px + 24px);
    max-width: 1920px;
}

div.detail {
    position: relative;
    padding: 0;
    display: none;
}

td.title {
    padding: 0 0 3px 20px;
    background-color: #B2B2B2;
    height: 36px;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    vertical-align: bottom;
}

td.text {
    padding: 10px 20px;
    background-color: #FFFFFF;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    vertical-align: bottom;
    line-height: 12px;
}

td.formtitle {
    padding: 20px 0;
    font-family: VWHeadWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    letter-spacing: 2.2px;
}

td.subformtitle {
    padding: 0 0 6px 20px;
    height: 36px;
    font-family: VWHeadWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    vertical-align: bottom;
    color: #063C6F;
    background-color: #F8FAFA;
    border-bottom: 1px solid;
}

td.formtitleright {
    padding: 0 20px 3px 0;
    background-color: #B2B2B2;
    height: 36px;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    vertical-align: bottom;
    text-align: right;
}

td.formtext {
    padding: 24px;
    /*background-color: #F8FAFA;*/
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    vertical-align: bottom;
}

td.textempty {
    padding: 0;
    background-color: #E1E1E1;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    vertical-align: bottom;
    line-height: 12px;
}

td.white {
    padding: 0;
    background-color: #FFFFFF;
    height: 1px;
}


table.register {
    border: 0;
    border-bottom: 1px solid #D2E1F8;
}

table.register td {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    text-align: left;
    padding: 10px;
    border-left: 0;
}

table.register td.register {
    color: #43425D;
}

table.register td.register:hover {
    border-bottom: 2px solid #063C6F;
}

table.register td.registerright {
    color: #43425D;
}

table.register td.registerselected {
    border-bottom: 2px solid #063C6F;
    color: #063C6F;
}

table.register td.registerselectedright {
    border-bottom: 2px solid #063C6F;
    color: #063C6F;
}

table.register td.registerdisabled {
    color: #43425D;
    text-decoration: line-through;
}

table.register td.registerdisabledright {
    color: #43425D;
    text-decoration: line-through;
}

table.register td.registerhighlighted {
    color: #063C6F;
}

table.register td.registerhighlightedright {
    color: #063C6F;
}

table.register td.registerhighlighted a.register,
table.register td.registerhighlightedright a.register,
table.register td.register a.register,
table.register td.registerright a.register {
    color: #43425D;
}


table.subregister {
    width: 680px;
    border: 0;
}

table.subregister TD {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    text-align: left;
    padding: 10px 20px;
    height: 36px;
    border-left: 0;
    border-bottom: 1px solid;
}

table.subregister td.register {
    border-right: 1px dotted #AAAAAA;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px dotted #AAAAAA;
    color: #B2B2B2;
    background-color: #E1E3DE;
}

table.subregister td.registerright {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px dotted #AAAAAA;
    color: #B2B2B2;
    background-color: #E1E3DE;
}

table.subregister td.registerselected {
    border-right: 1px solid #FFFFFF;
    border-bottom: 0;
    border-top: 1px solid #B2B2B2;
    color: #FFFFFF;
    background-color: #B4BAAD;
}

table.subregister td.registerselectedright {
    border-right: 1px solid #B2B2B2;
    border-bottom: 0;
    border-top: 1px solid #B2B2B2;
    color: #FFFFFF;
    background-color: #B4BAAD;
}

table.subregister td.registerdisabled {
    border-right: 1px dotted #AAAAAA;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px dotted #AAAAAA;
    color: #B2B2B2;
    background-color: #E1E3DE;
    text-decoration: line-through;
}

table.subregister td.registerdisabledright {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px dotted #AAAAAA;
    color: #B2B2B2;
    background-color: #E1E3DE;
    text-decoration: line-through;
}


table.superregister {
    width: 680px;
    border: 0;
}

table.superregister TD {
    text-align: left;
    padding: 10px 20px;
    height: 36px;
    border: 0;
}

table.superregister TD a {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
}

table.subregister td.register,
table.superregister td.register {
    background-color: white;
    color: #43425D;
    border: 0;
}

table.subregister td.registerright,
table.superregister td.registerright {
    color: #43425D;
    background-color: white;
    border: 0;
}

table.subregister td.registerselected,
table.superregister td.registerselected {
    color: #063C6F;
    background-color: #E6EBF0;
    border: 0;
}

table.subregister td.registerselectedright,
table.superregister td.registerselectedright {
    color: #063C6F;
    background-color: #E6EBF0;
    border: 0;
}

table.superregister td.registerdisabled {
    color: #B2B2B2;
    text-decoration: line-through;
    border: 0;
}

table.superregister td.registerdisabledright {
    color: #B2B2B2;
    text-decoration: line-through;
    border: 0;
}

table.superregister + table.register {
    background-color: #E6EBF0;
    padding: 24px;
    width: 100%;
}

table.subregister + table.content,
table.superregister + table.content {
    background-color: #E6EBF0;
}

table.superregister + table.content tr td.formtitle {
    padding: 20px 24px;
}

.tablepreisdata {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 70px;
    text-align: right;
}

.tablepreisdata2 {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
}

.tablepreisdatanw {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
    text-align: right;
}

.tablepreislable {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 170px;
}

.tablequickinfo {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 1px 2px;
    background-color: #FFFACD;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #000000;
    text-align: left;
    display: none;
}

.tablebitlable {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
    color: #000000;
}

.tableremarkright {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    color: #000000;
    text-align: right;
}

td.tablelistheader {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333333;
    text-align: left;
    vertical-align: middle;
}

td.tablelistheaderselected {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333333;
    text-align: left;
    vertical-align: middle;
}

td.tablelistdata {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #333333;
    text-align: left;
}

td.tablelistdataright {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: right;
}

td.tablelistdatacenter {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: center;
}

td.tablelistdata2 {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistdata_alter {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #F4F4F4;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistdata2_alter {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #F4F4F4;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistdataerror {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    background-color: #FFDDDD;
    text-align: left;
}

td.tablelistdatacritical {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #A21E4D;
    text-align: left;
}

td.tablelistdataselected, td.tablelistdataselected a {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #063C6F;
    text-align: left;
}

td.tablelistdataselected a {
    border: 0;
}

td.tablelistdataselected a:hover {
    /*background-color: rgba(194, 202, 207, 0.2);*/
}

td.tablelistdatacriticalselected {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #F0F0F0;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #A21E4D;
    text-align: left;
}

td.tablelistsubdata {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #F0F0F0;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistsubcenter {
    padding: 8px;
    background-color: #F0F0F0;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: center;
    width: 20px;
}

td.tablelistsubdataselected {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #F0F0F0;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistlastleveldata {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    background-color: #E8E8E1;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: left;
}

td.tablelistlastlevelorder {
    padding: 8px;
    background-color: #E8E8E1;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: right;
    width: 40px;
}

td.tablelistsub {
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: center;
    width: 20px;
}

td.tablelistcheckbox {
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: center;
    width: 40px;
}

td.tablelistcenter {
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: center;
}

td.tablelistheadercheckbox {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333333;
    text-align: center;
    width: 40px;
}

td.tablelistheader img, td.tablelistheadercheckbox img {
    width: 24px;
}

td.tablelistheadercenter {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333333;
    text-align: center;
}

td.tablelistheaderright {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333333;
    text-align: right;
}

td.tablelistheaderright.rdays {
    width: 28px;
    height: 20px;
    background-image: url(icon-hourglass.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

td.tablelistheaderright.not.processed {
    width: 28px;
    height: 20px;
    background-image: url(icon-not-processed.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

td.tablelistheaderright.in.process {
    width: 28px;
    height: 20px;
    background-image: url(icon-in-process.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

td.tablelistheaderright.rejected {
    width: 28px;
    height: 20px;
    background-image: url(icon-rejected.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

td.tablelistheaderright.sent {
    width: 28px;
    height: 20px;
    background-image: url(icon-sent.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

td.tablelistorder {
    padding: 8px;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: right;
    width: 40px;
}

td.tablelistsuborder {
    padding: 8px;
    background-color: #F0F0F0;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: right;
    width: 50px;
}

.tabledata {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 12px;
    padding-top: 12px;
}

.tabledata .tablebutton {
    display: none;
}

.tabledata input:not(.date) ~ a {
    background-color: white;
    color: #063C6F;
    text-align: center;
    padding: 0 32px;
    border: 2px solid #063C6F;
    border-radius: 500px;
    margin-bottom: 4px;
    font-weight: normal;
    min-height: 44px;
    min-width: 44px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out 0s;
}

.tabledata a:hover {
    background-color: white;
    color: #063C6F;
    text-decoration: none;
}

.tablelable {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-size: 15px;
    padding-top: 12px;
    width: 150px;
    color: #808495;
    vertical-align: middle;
}

.tablelable b {
    font-weight: normal;
}

.tablelable .tablebutton {
    display: none;
}

/*.tablelable a {*/
/*    background-color: #063C6F;*/
/*    color: white;*/
/*    text-align: center;*/
/*    padding: 0 32px;*/
/*    border-radius: 500px;*/
/*    margin-bottom: 4px;*/
/*    font-weight: normal;*/
/*    min-height: 44px;*/
/*    min-width: 44px;*/
/*    position: relative;*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    transition: all 0.2s ease-in-out 0s;*/
/*}*/

/*.tablelable a:hover {*/
/*    background-color: #334b73;*/
/*    color: white;*/
/*    text-decoration: none;*/
/*}*/

.tablelablebig {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 260px;
}

.tableremarkdata {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 210px;
}

.tableremarkdatanw {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
}

.tablesmalllable {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 150px;
    color: #000000;
}

.tablesmalldata {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    color: #000000;
}

.tableinfolable {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 12px;
    padding-top: 12px;
    width: 20%;
    color: #808495;
}

.tableinfolablenw {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 3px;
    padding-top: 3px;
    color: #000000;
}

.tableinfodata {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-right: 12px;
    padding-top: 12px;
    width: 30%;
    color: #080808;
}

.tableinfodata-nb {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    padding-right: 3px;
    padding-top: 3px;
    width: 30%;
    color: #000000;
}

.tablebutton {
    padding-right: 10px;
    padding-top: 2px;
}

div.multibutton {
    width: 100%;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    margin-top: 16px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
}

div.multibutton .text {
    width: 100%;
    margin-bottom: 4px;
}

.multibutton ul {
    display: inline;
}

.multibutton ul li {
    float: left;
    margin-left: 5px;
    font: bold 10px Verdana;
    line-height: 16px;
}

.multibutton ul li.title {
    margin-left: 0;
}

a, a:active, a:visited {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    color: #063C6F;
}

A:hover {
    text-decoration: underline;
    color: #334b73;
}

a.critical, a.critical:active, a.critical:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    color: #A21E4D;
}

a.critical:hover {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: underline;
    color: #A21E4D;
}

a.new, a.new:active, a.new:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    color: #063C6F;
}

a.new:hover {
    text-decoration: underline;
}

P.strongtip {
    color: #4682B4;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 15px;
}

P.strongtip2 {
    color: red;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 15px;
}

P.tip {
    color: #4682B4;
    font-size: 15px;
    margin-bottom: 15px;
}


UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.navigation, li.navigation:active, li.navigation:visited, li.navigation:hover {
    margin: 0 0 8px;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
}

li.navigation_header {
    background-image: url(nav_out.gif);
    background-position: 189px 12px;
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0;
    text-decoration: none;
    text-align: right;
    color: #606060;
}

a.navigation, a.navigation:active, a.navigation:visited {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
}

a.navigation:hover {
    color: white;
}

li.navigationselected, li.navigationselected:active, li.navigationselected:visited, li.navigationselected:hover {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
    border: 0;
    margin: 0 0 12px;
    padding-bottom: 4px;
}

a.navigationselected, a.navigationselected:active, a.navigationselected:visited, a.navigationselected:hover {
    margin: 0;
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #FFFFFF;
}

a.register, a.register:active, a.register:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    text-decoration: none;
    color: #43425D;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

a.register:hover {
    text-decoration: none;
    color: #43425D;
    opacity: 1;
}

a.registerselected, a.registerselected:active, a.registerselected:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    text-decoration: none;
    color: #063C6F;
}

a.registerselected:hover {
    text-decoration: none;
}

a.tablelistheader, a.tablelistheader:active, a.tablelistheader:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #333333;
}

a.tablelistheader:hover {
    text-decoration: underline;
}


/*** KALENDAR ***/

.calendarlist {
    background-color: #F3F2F3;
    width: 100%;
}

.calendarlist TD {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding: 5px;
}

.calendarheaderhor {
    background-color: #F4F4F4;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 1px solid;
    color: #989898;
    text-align: right;
}

.calendarheadervert {
    background-color: #F4F4F4;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #989898;
    text-align: right;
}

.calendardata {
    background-color: #FFFFFF;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #000000;
    text-align: right;
}

.calendarweekend {
    background-color: #F4F4F4;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #000000;
    text-align: right;
}

.calendartoday {
    background-color: #063c6f;
    border-bottom: #AAAAAA 1px solid;
    border-left: #AAAAAA 0 solid;
    border-right: #AAAAAA 0 solid;
    border-top: #AAAAAA 0 solid;
    color: #FFFFFF;
    text-align: right;
}

.calendartoday A, .calendartoday A:active, .calendartoday A:visited {
    color: #FFFFFF;
}

.calendartoday A:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.caledar, a.caledar:active, a.caledar:visited {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}

a.caledar:hover {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #000000;
}


/*** STATUSBANK ***/

td.statusBank {
    padding: 17px 0 13px 20px;
    background-color: #a8a8a8;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    vertical-align: bottom;
}

td.statusBank div.message {
    color: #000000;
}

td.statusBank div.error {
    color: #DD2222;
}


/*** INPUT ***/

input {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 350px;
    padding: 6px 4px;
    border: 0;
    border-bottom: 1px solid #063C6F;
    border-radius: 0;
    background-color: transparent;
}

INPUT.date {
    /*font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;*/
    /*font-size: 15px;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    width: 330px;
}

INPUT.xsmall {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 60px;
}

INPUT.xxsmall {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 45px;
}

INPUT.small {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 70px;
}

INPUT.smallright {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 70px;
    text-align: right;
}

SELECT.smallright {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 70px;
    text-align: right;
}

INPUT.smallrighthighlight {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 70px;
    text-align: right;
    color: #A21E4D;
}

INPUT.datesmall {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 75px;
}

INPUT.remark {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 250px;
}

INPUT.medium {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 190px;
}

INPUT.mediumdate {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 170px;
}

TEXTAREa.medium {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 190px;
}

SELECT.medium {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 190px;
}

INPUT.mediumerror {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 190px;
    background-color: #FFDDDD;
}

SELECT.mediumerror {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 190px;
    background-color: #FFDDDD;
}

TEXTAREA {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 350px;
}

INPUT.button {
    border: 0;
    width: 25px;
    height: 15px;
}

INPUT.checkbox {
    border: 0;
    text-align: left;
    width: 15px;
}

.tabledata INPUT.checkbox {
    margin-top: 6px;
}

#logininfo {
    color: white;
    margin: auto 0 32px;
}

#logininfo .name {
    font-size: 14px;
}

#logininfo .companyname {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.44);
}

SPAN.tenderCount {
    font-weight: normal;
    font-size: 9px;
}

div.hint {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FFFFE1;
    padding: 5px;
    border: 1px solid #8e915d;
}

div.hint p {
    margin: 8px 0;
}

SELECT.mini {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 60px;
}

SELECT.micro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 35px;
}

.error {
    color: #B22222 !important;
}

.menu_link {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    /*border-top: 1px dotted #5E5E5E; */
    padding-top: 5px;
    color: #5E5E5E;
    text-align: right;
}

span.checkbox_label {
    position: relative;
    top: -3px;
}

td.marked {
    color: red;
}

.confirm-table {
    border: 1px solid #B22222;
    padding: 10px;
}

a.marked {
    color: #B22222 !important;
}

input.marked {
    color: #B22222 !important;
}

span.marked {
    color: #B22222 !important;
}

img.calendar-button {
    position: relative;
    width: 24px;
    height: 19px;
    top: 3px;
}

span.column-tender-type-T {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    color: #000000;
}

td.due-date-warn {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    color: #ffa700;
}

td.due-date-alert {
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    color: #ff0000;
}


.chosen-container a {
    font-weight: normal;
    color: black;
}

.chosen-container .chosen-drop {
    font-size: 15px;
    font-weight: normal;
}

.chosen-container-single .chosen-single {
    background: none #ffffff;
}

.nowrap {
    white-space: nowrap;
}

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

.ql-editor {
    background-color: white;
}

.ui-dialog.no-scroll-dialog {
    overflow: unset;
}

.ui-dialog.no-scroll-dialog .ui-dialog-content {
    overflow: unset;
}

/* primary button */

.tablebutton, .tablebutton input {
    display: none;
}

div.buttons > .secondary {
    float: left;
}

div.buttons > div {
    float: left;

    margin-right: 10px;
}

div.buttons > div > a {
    background-color: #063C6F;
    color: white;
    text-align: center;
    padding: 12px 32px;
    border-radius: 50px;
    margin-bottom: 4px;
    font-weight: normal;
    min-height: 44px;
    min-width: 44px;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
    display: inline-block;
}

div.buttons > div > a:hover {
    background-color: #334b73;
    color: white;
    text-decoration: none;
}

.secondary tbody {
    display: flex;
    flex-wrap: wrap;
}

.secondary tbody tr + tr {
    margin-left: 10px;
}

div.buttons > div.secondary a {
    background-color: #fff;
    color: #063C6F;
    border: 1px solid #063C6F;
}

div.buttons > div.secondary a:hover {
    background-color: rgba(194, 202, 207, 0.2);
    text-decoration: none;
}

/* dialog */

body .ui-dialog .ui-widget-header {
    background: white;
    border: 0;
}

body .ui-dialog .ui-widget-header .ui-dialog-title {
    font-size: 15px;
    color: black;
}

body .ui-dialog .ui-dialog-titlebar-close span {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

body .ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
body .ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
    background: white;
}

body .ui-dialog .ui-dialog-content {
    background: white;
}

/* round input*/

.formtext > form input:not([type="file"]):not([type="checkbox"]) {
    font-family: VWTextWeb-Regular, Helvetica Neue, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    width: 348px;
    padding: 6px 4px;
    border: 1px solid #063C6F;
    border-radius: 6px;
    background-color: transparent;
}

/* ranking */
/*.content.startpage .formtext,*/
#calendar {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}

.ranking__container {
    padding: 24px;
    display: flex;
    gap: 32px 44px;
    flex-wrap: wrap;
}

.content.ranking {
    flex-shrink: 0;
}

@media (min-width: 1300px) {
    .content.ranking {
        width: calc(100% / 3 - 48px);
        margin: auto;
    }
}

.ranking__header__row {
    display: flex;
    border-radius: 6px 6px 0 0;
    height: 60px;
    background: transparent linear-gradient(101deg, #3B86FF 0%, #1E4380 100%) 0 0 no-repeat padding-box;
    padding: 0 10px;
    margin-bottom: 8px;
    position: relative;
}

.ranking__cup {
    width: 60px;
    height: 60px;
    /*border: 8px solid rgba(6, 60, 111, 0.13);*/
    border-radius: 100%;
    background-image: url(cup.png);
    background-position: center center;
    background-size: 48px auto;
    background-repeat: no-repeat;
}

.ranking__cup.level-3 {
    background-image: url(level-3.svg);
}

.ranking__cup.level-2 {
    background-image: url(level-2.svg);
}

.ranking__cup.level-1 {
    background-image: url(level-1.svg);
}

.ranking__headline__button {
    margin-left: auto;
}

.ranking__name {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: auto 0 auto auto;
}

.content.ranking.world .ranking__name {
    width: 151px;
    height: 37px;
    background-image: url(world-tender-league.png);
}

.content.ranking.european .ranking__name {
    width: 151px;
    height: 37px;
    background-image: url(european-tender-league.png);
}

.ranking__score {
    letter-spacing: -0.49px;
    color: #3B86FF;
    text-shadow: 0 3px 6px #00000029;
    font-size: 14px;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    right: 11px;
    top: 10px;
}

.ranking__score.subgroup-1::before {
    content: '# ≥ 100';
}

.ranking__score.subgroup-2::before {
    content: '# 99 - 50';
}

.ranking__score.subgroup-3::before {
    content: '# 49 - 5';
}

.ranking__score.subgroup-4::before {
    content: '# ≥ 50';
}

.ranking__score.subgroup-5::before {
    content: '# 49 - 20';
}

.ranking__score.subgroup-6::before {
    content: '# 19 - 5';
}

.ranking .ranking__body .ranking__row {
    display: flex;
    justify-content: flex-start;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 8px;
    height: 60px;
    align-items: center;
}

.ranking .ranking__body .ranking__row.first {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .ranking .ranking__body .ranking__row.first {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.ranking .ranking__body .ranking__row.first .importeur {
    font-size: 20px;
}

.ranking .ranking__body .tablelistheader,
.ranking .ranking__body .tablelistheaderright,
.ranking .ranking__body .tablelistdata,
.ranking .ranking__body .tablelistdataright,
.ranking .ranking__body .tablelistdatacenter {
    border: 0;
    padding: 0;
}

.ranking .ranking__body .position {
    color: #063C6F;
    font-size: 20px;
    padding-left: 10px;
    width: 40px;
    text-align: center;
}

.ranking .ranking__body .country {
    padding-left: 10px;
    overflow: hidden;
}

.ranking .ranking__body .importeur {
    color: #063C6F;
    letter-spacing: 1.5px;
    font-size: 14px;
    flex-grow: 1;
    padding-left: 10px;
}

.ranking .ranking__body .carBrands {
    margin-left: auto;
    padding-right: 10px;
    display: flex;
}

.ranking .ranking__body .carBrands .carBrand {
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ranking .ranking__body .carBrands .carBrand + .carBrand {
    margin-left: 8px;
}

.ranking .ranking__body .carBrands .carBrand.Audi {
    background-image: url(brand-logo/audi.svg);
    width: 56px;
}

.ranking .ranking__body .carBrands .carBrand.SEAT {
    background-image: url(brand-logo/seat.svg);
    width: 89px;
}

.ranking .ranking__body .carBrands .carBrand.Škoda {
    background-image: url(brand-logo/skoda.svg);
}

.ranking .ranking__body .carBrands .carBrand.VW {
    background-image: url(brand-logo/vw.svg);
}

.ranking .ranking__body .carBrands .carBrand.VW.LCV {
    background-image: url(brand-logo/vwn.svg);
    width: 67px;
}

.ranking .ranking__body .carBrands .carBrand.Porsche {
    background-image: url(brand-logo/porsche.png);
}

.ranking .ranking__body .ranking {
    width: 50px;
    padding-right: 10px;
    text-align: center;
}

.ranking .ranking__body .tenderCount {
    width: 50px;
    padding-right: 10px;
    text-align: center;
}

.ranking .ranking__body .tablelistdataright.ranking,
.ranking .ranking__body .tablelistdataright.tenderCount {
    color: #063C6F;
    font-family: VWTextWeb-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
}


/* startseite calendar*/
#calendar table.fc-header {
    background-color: #F8FAFA;
}

#calendar .fc-content thead th {
    background-color: #eef2f4;
    border: 0;
    border-bottom: 1px solid #ACC1D5;
    color: #333333;
    font-weight: normal;
    padding: 8px;
}

h2.fc-header-title {
    color: #4D4F5C;
    font-weight: normal;
}

.fc-content .fc-state-default.fc-today {
    background: rgba(6, 60, 111, 0.1)
}

SELECT {
    border: 1px solid #063C6F;
    border-radius: 6px;
    background-color: transparent;
    height: 31px;
}

div.empty-space {
    height: 20px;
}

.hiddenbutton {
    width: 1px !important;
    height: 1px !important;
    border: none !important;
    padding: 0 !important;
}

label.deleted-tender-label {
    padding-left: 8px;
}

.ranking__headline {
    background: #F8FAFA 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 10px 16px;
}

.ranking__headline__img {
    background-image: url(cup.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

.ranking__headline h1 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: normal;
    font-family: VWHeadWeb-Bold, Helvetica Neue, Arial, sans-serif;
}

.right-align {
    text-align: right!important;
}
td.cliefleet-text-cell {
    padding-top: 13px;
}

.red {
    color: #B22222!important;
}
.yellow {
    color: #FFE600!important;
}