/***************************************************/
/***************************************************/
/*** Template and Layout ***/
/***************************************************/
/***************************************************/

@font-face {
  font-family: "VWAG TheSans";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheSans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheSans-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheSans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheSans-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheSans-Bold.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheSans-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheSans-Italic.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheAntiqua-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheAntiqua-Regular.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheAntiqua-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheAntiqua-Bold.otf") format("opentype");
}

@font-face {
  font-family: "VWAGTheAntiqua-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("/fo/resources/groupui/fonts/VWAGTheAntiqua-Italic.otf") format("opentype");
}

  
html {
    height: 100%;
    min-width: 1000px;
    margin: 0;
    padding: 0;
}

body {
    font-size: 16px;
    line-height: 150%;
    font-family: 'VWAG TheSans';
    height: 100%;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    color: #45555f;
    min-width: 1000px;
    display: flex;
    flex-direction: column;
    color: #1B1E1F;
}


input[type=file]::file-selector-button {
	justify-content: center;
    align-items: center;
    padding: 8px 54px 8px 54px;
    gap: 8px;
    background: #20607E;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    min-width: 160px;
    display: inline-block;
    border: 1px solid #20607E;
    cursor: pointer;
    margin-top: 21px;
    margin-bottom: 21px;
    margin-right: 20px;
}

[id$="groupFleetPortalEditForm"] input[type=file]::file-selector-button {
    margin-top: 2px;
    margin-bottom: 2px;
}


input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
	box-sizing: border-box;
    width: 24px;
    height: 24px;

    background: #FFFFFF;
    border: 1px solid #A8ADB3;
    border-radius: 2px;
    
    cursor:pointer;
    margin-right: 8px;
    
}

input[type="checkbox"]:checked {
	background-image:url("/fo/javax.faces.resource/img/check-24.svg.jsf?ln=groupui");
    background-color: #20607E;
    border: 1px solid #20607E;
}

input[type="checkbox"] + label {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
	top: -9px;
    position: relative;
}

input[type="text"], input[type="password"]  {
	/* Inputfield */
	box-sizing: border-box;
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 8px 12px;
	gap: 8px;
	width: 392px;
	height: 40px;
	
	border: 1px solid #A8ADB3;
	border-radius: 2px;
	
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}

input[type="text"]:focus, input[type="password"]:focus {
	border: 1px solid #A8ADB3;
	outline-width: 0;
}

input[type="radio"] {
  /* Hide the default radio button */
  appearance: none;
  -webkit-appearance: none;
  /* Create a custom radio button using a pseudo-element */
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

/* Style the pseudo-element to create the radio button circle */
input[type="radio"]::before {
	content: "";
	display: block;
	position: absolute;
	height: 16.6px;
	border-radius: 50%;
	background-color: #ccc;
	transition: all 0.3s ease-in-out;
	margin-top: 12.5%;
    margin-left: 12.5%;
    width: 75%;
}


input[type="radio"]:checked{
    border-color:  #20607E;
}
/* Change the radio button appearance when it's checked */
input[type="radio"]:checked::before {
	background-color: #20607E;
}

/* Increase the size of the radio button circle */
input[type="radio"] {
	width: 24px;
	height: 24px;
	cursor:pointer;
}



input[type="radio"]+label {
	height: 24px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
	vertical-align: bottom;
	position: relative;
	cursor:pointer;
}

[id$="carpolicyValueLimitCarpolicyForm"] input[type="radio"]+label, [id$="personEditRightsForm"] input[type="radio"]+label, [id$="carpolicyEditForm"] input[type="radio"]+label {
	margin-right: 16px;
}

label {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;	
	letter-spacing: 0.2px;	
	color: #1B1E1F;	
}

hr {
height: 0px;
border: 1px solid #DFE2E5;	
}

#fongBody {
    padding-top: 143px;

    text-align: center;
    /*
    Verlaengerung der Seite um 10px,
    dadurch rutsch der footer nach unten und es gibt kein ueberlappen mehr
    */
    padding-bottom: 5px;
    margin-bottom: 5px;
    flex: 1;
    background-color: #F0F1F2;
}

.fakeModalBackground {
	background-color: #789BAC !important;
}

#bodyHolder {
    width: 1080px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
}

#centerBody {
    text-align: center;
    padding-bottom: 30px;
}

#header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #00354D;
    position: fixed;
    z-index: 11;
}

#headerForm {
    width: 100%;
    background-color: #00354D;
    position:fixed;
    top:0px;
    z-index: 11;
}

#navigationMenue {
    top: 0px;
    left: 0px;
    text-align: left;
    width: 100%;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    box-shadow: 0px 1px 10px grey;
    position: fixed;
	z-index: 10;
	margin-top: 64px;
	background-color: white;
}

#status {
    margin-bottom: 0px;
}

/*** Accx Layout for Iframe-Page ****/
#contentAccxFullSizeWithHeader {
    width: 994px;
    text-align: left;
    height: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

#contentAccxFullSizeWithoutHeader {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

#contentAccxConditionPanel {
    width: 500px;
    text-align: left;
    height: 89%;
    margin-bottom: 10px;
}

#accxCondition_content_scroller{
	overflow: hidden!important;
}

#accxCarConfigurator {
    border: 0 none;
    height: 100%;
    width: 100%;
    border: none;
    min-height: 500px;
}

/***************************************************/
/***************************************************/
/*** Global Tag definition ***/
/***************************************************/
/***************************************************/

/***  Dialog Style Configuration ****/
INPUT {
    font-size: 11px;
    font-family: VWAGTheSans-Regular;
    color: #45555f;
}

SELECT {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #A8ADB3;
    border-radius: 0.25rem;
    appearance: none;
    -webkit-appearance: none;
    
    background-image:url("/fo/javax.faces.resource/img/chevron-down-16.svg.jsf?ln=groupui");
    
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1.5rem 1.5rem;
 
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    height: 40px;
    gap: 8px;
    width: 392px;
    height: 40px;
    border: 1px solid #A8ADB3;
    border-radius: 2px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    line-height: 40px;
    padding: 0 12px;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
    background-color: #FFFFFF;
}

select:focus {
	outline-width: 0;
}

select:disabled{
	color: #A8ADB3;
	border: 1px solid #6e6a6a36;
	background-image:url("/fo/javax.faces.resource/img/chevron-down-16-disabled.svg.jsf?ln=groupui");
	background-color: rgba(239, 239, 239, 0.3)
}

input:disabled {
	color: #A8ADB3;
	border: 1px solid #6e6a6a36;
}

input[type="submit"]:disabled {
	color: #FFFFFF;
}

/* Style the options inside the select element */
select option {
  font-weight: normal;
  color:#20607E;
 
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

FORM {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100%;
}

table {
    font-family: 'VWAG TheSans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */

letter-spacing: 0.2px;
    border-collapse: collapse;
}

table td { 
	padding: 0px;
	}
	
/*** Table vehicle overview passed for ACCX image 410*169***/
.tableVehicleOverview {
    width: 864px;
    margin-left: 108px;
    margin-bottom: 30px;
    vertical-align: top;
    text-align: left;
    font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

.tableVehicleOverviewImage {
    width: 100%;
    text-align: center;
}

/*** ACCX Image ***/
.accxImage {
    margin-top: 20px;
    margin-bottom: 20px;
}
[id$="generateMarketingCode"] {
	align-text: right;
}

.additionalInformationInfoTextConfigurationSaveForm {
    width: 864px;
    margin-left: 108px;
    margin-bottom: 20px;
    vertical-align: top;
    text-align: right;
    font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

/*** bold text ***/
.b {
    font-weight: 600
}

/***  DataTable Style ****/
.tableRowSelected {
    background-color: #c4dce8;
    vertical-align: top;
}

.tableRowResultTableDelete {
    background-color: #FF9999;
    vertical-align: top;
}

.tableColumnPaddingStyle {
    /*height: 100%;*/
    vertical-align: top;
    text-align: left;
    padding-right: 5px;
}

.tableColumnStyle {
    vertical-align: middle;
    text-align: left;
}

.tableColumnStyleTop {
    vertical-align: top;
    text-align: left;
}

.tableColumnWide {
    white-space:nowrap;
}

.tableColoredColumn {
    background-color: #4a758c;
    text-align: center;
    height: 25px;
    width: 110px;
}

.tableWhiteColumn {
    background-color: white;
    text-align: center;
    height: 25px;
    width: 110px;
}

.brandSelectionBlock {
    margin:20px 108px 20px 108px;
}

.brandSelectionvariableText {
    margin:20px 118px 20px 118px;
    font-family: VWAGTheSans-Regular;
    font-size: 14px;    
}

.brandSelectionSimpleBrandLink:link {
	color:black;
	text-decoration:none;
	width: 100%;
    display: block;
}

.brandSelectionImageButton {
	width:104px; 
	margin-top:5px; 
	margin-bottom:5px;
	padding: 5px 30px 5px 30px
}

.brandSelectionTableWhite {
	box-shadow:0px 4px 8px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	border: 0px; 
	width:168px; 
	margin-right:20px;
	text-align:center;
}

.brandSelectionForm {
	background-color:white;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	padding:24px 0px 24px 0px;
}



input[id$="searchFleetPortalApps"] {
    position: relative;
    top: -36px;
    width: 20px;
    float: right;
    margin-left: calc(100% - 34px);
    margin-top: 7px;
    height: 20px;
}

[id$="searchFleetPortalApps"] {
    height: 20px;
}

.emptyElement {
    padding: 5px 25px 5px 25px;
    height: 25px;;
    display: inline-block;
    margin-bottom: 10px;
}

.tableSearch {
    background-color: white;
    width: 100%;
    margin-top: 25px;
}

.tableAppcation {
    margin-top: 15px;
}

.welcometitle {
    margin-bottom: 32px;
    margin-top: 32px;
    font-family: VWAGTheSans-Regular;
    font-size: 24px;
    color: #20607E;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    margin-left: 240px;
    padding: 24px 0px 24px 0px;
}

.elementApp {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    border: 0px;
    width: 255px;
    height: 300px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 20px;
    table-layout: fixed;
}

.cellElementAppColor {
    background-color: #00354D;
    width: 100%;
    height: 150px;
    text-align: center;
    table-layout: fixed;
}

.cellElementAppColorWhite {
    background-color: white;
    width: 100%;
    height: 150px;
    table-layout: fixed;
    vertical-align: top;
    display: table;
    line-height: 130%;
}

.aLinkButton {
    justify-content: center;
    align-items: center;
    padding: 5px 25px 5px 25px;
    gap: 8px;
    background: #20607E;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    min-width: 30px;
    display: inline-block;
    border: 1px solid #20607E;
    cursor: pointer;
    color: white;
    text-decoration: none;
    margin-bottom: 10px;
    margin-right: 10px;
}

.cellRight {
    text-align: right;
}

.cellLeft {
    text-align: left;
}

.cellLogo {
    font-family: VWAGTheSans-Regular;
    font-style: normal;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.cellTitle {
    font-family: VWAGTheSans-Regular;
    font-style: normal;
    font-size: 16px;
    color: #20607E;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    display: block;
}

.cellDescription {
    font-family: VWAGTheSans-Regular;
    font-style: normal;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    display: block;
    height: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dataGridColum {
    padding: 2px;
}

.tableColoredColumn a:link {
    color: white;
}

.tableColoredColumn a:hover {
    color: #700026;
}

.tableBorderRed {
    vertical-align: top;
    text-align: left;
    border: 3px solid red;
}

.tableLayoutGridGUI {
	width: 1080px;
	/*margin: 0px 108px 0px 108px;*/
}

.tableLayoutGrid {
    width: 100%;
}

[id$="driverEditForm"] .tableLayoutGrid, [id$="personEditForm"] .tableLayoutGrid, [id$="scfManagementForm"] .tableLayoutGrid{
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

.innerTableLayoutGrid {
    width: 100%;
}

.innerTableLayoutGrid > tbody > tr{
    display: flex;
    flex-direction: column;
}

.innerTableColumnLayoutGrid {
	height: 100%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 24.5px;
    background-color: #FFFFFF;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
	padding-top: 24px;
}

[id$='customerEditForm'] .innerTableColumnLayoutGrid, [id$='createFleetcomContract'] .innerTableColumnLayoutGrid, [id$='resetOrderForm'] .innerTableColumnLayoutGrid, [id$='groupedLeasingConditionCreateForm'] .innerTableColumnLayoutGrid, [id$='groupedConditionCreateForm'] .innerTableColumnLayoutGrid,[id$="addressEditForm"] .innerTableColumnLayoutGrid,[id$="contractEditForm"] .innerTableColumnLayoutGrid,[id$="systemCleanupPlanForm0"] .innerTableColumnLayoutGrid,[id$="systemCleanupPlanForm1"] .innerTableColumnLayoutGrid, [id$="systemCleanupPlanForm2"] .innerTableColumnLayoutGrid, [id$="systemCleanupPlanForm3"] .innerTableColumnLayoutGrid, [id$="driverEditForm"] .innerTableColumnLayoutGrid, [id$="personEditForm"] .innerTableColumnLayoutGrid, [id$="groupFleetPortalEditForm"] .innerTableColumnLayoutGrid, [id$="groupFleetPortalPageConfiguration"] .innerTableColumnLayoutGrid,[id$="scfManagementForm"] .innerTableColumnLayoutGrid{
    padding-bottom: 24.5px;
    padding-top: 24.5px;
    padding-left: 105px;
    width: 431px;
    box-shadow: none;
}

[id$="conditionGroupCreateForm"] .innerTableColumnLayoutGrid{
    padding-bottom: 24.5px;
    padding-top: 24.5px;
    padding-left: 105px;
    width: 431px;
    box-shadow: none;
    max-width:980px;
}

.innerTableColumnLayoutGridRight{
	padding-left: 0px !important;
	max-width: 431px;
	padding-right: 105px;
}

.rightsGrid{
	background-color: white;
	width: 1080px;
}

.rightsGridColumn{
	width: 425px;
	vertical-align: top !important;
}

td.innerTableColumnLayoutGrid fieldset {
    height:100%;
}

.rightsGrid FIELDSET {
    height: auto;
}

.tableColumnLayoutGrid {
    vertical-align: top;
    text-align: left;
    padding-right: 2px;
    padding-bottom: 5px;
}

.tableColumnBig {
    vertical-align: top;
    display: flex;
    flex-direction: row;
}

.tableColumnBigOrderGUI {
	font-size: 14px;
	vertical-align: top;
	padding-bottom: 5px;
    display: flex;
    flex-direction: row;
}


[id$="resetOrderForm"] .tableColumnBig, [id$="addressEditForm"] .tableColumnBig, [id$="carpolicyValueLimitCarpolicyForm"] .tableColumnBig, [id$="driverEditForm"] .tableColumnBig, [id$="personEditForm"] .tableColumnBig{
    font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	margin-bottom: 2px;
}

#privateAddressLegend{
	padding-bottom: 82px;
}

.tableColumnLeft {
    vertical-align: top;
    width: 50%;
}

.tableColumnRight {
    vertical-align: top;
    width: 50%;
}

.tableColumnDSLeft {
    vertical-align: top;
    width: 213px;
}

.tableColumnDSRight {
    vertical-align: top;
    width: 245px;
}

.tableRowEditDS {
    height: 24px;
}

.tableColumnEditDS {
    width: 200px;
}

.tableColumnVeryBig {
    vertical-align: top;
    display: flex;
    flex-direction: row;
}

.genericFieldLabelColumn {
    vertical-align: top;
    width: 100px;
}

.tableColumnPlain {
	vertical-align: top;
    display: flex;
    flex-direction: column;
}

[id$="personEditForm"] .tableColumnPlain, [id$="driverEditForm"] .tableColumnPlain, [id$="addressEditForm"] .tableColumnPlain, [id$="scfManagementForm"] .tableColumnPlain{
    width: 392px;
}

.tableColumnPlainGUI {
	margin-left: 108px;
	vertical-align: top;
    display: flex;
}

.tableColumnPlainOrderGUI {
	font-size: 16px;
	padding-bottom: 15px;
	vertical-align: top;
    display: flex;
}

.personalDesignationBlock {
	margin-top: 30px;
}

.personalDesignationBlock > label {
	display:block;
	padding-top: 5px;
}

[id$="personalDesignation"] {
	margin-left: 0px!important;
}

[id$="personalDesignationPanel"] {
	color: red;
	font-size: 14px;
}

.tableColumnPlainMarketingCodeGUI {
	width: 864px;
	margin-left: 108px;
    display: flex;
    justify-content: flex-end;
}

.tableColumnShowSeriesAndTyreLabel{
	width: 864px;
	margin-left: 98px;
    display: flex;
    justify-content: flex-start;
}

.labelTextMarketingCode {
	margin: 20px 0px 20px 0px;
    font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #20607E;
}

.carpolicySelectionLabelColumn {
    padding-right: 10px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

.standardTable {
    border-top: 1px solid #4a758c;
    border-left: 1px solid #4a758c;
    border-right: 1px solid #4a758c;
    border-bottom: 1px solid #4a758c;
}

.standardTableHeaders th {
    font-weight: bold;
}

.standardResultTableMedium {
    width: 400px;
    border-top: 1px solid #4a758c;
    border-left: 1px solid #4a758c;
    border-right: 1px solid #4a758c;
    border-bottom: 1px solid #4a758c;
}

.dataGridBody {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

.dataGridCenter {
    margin-right: auto;
    margin-left: auto;
}

.resultHeaderTable {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.logInData {
    position: relative;
    top: 0px;
    right: 0px;
    vertical-align: top;
    text-align: right;
}

.tableResultHeader {
    text-align: left;
    font-weight: bold;
    color: #ffffff;
}

.tableResultHeaderCentered {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

.tableResultHeaderBgColor {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    color: #ffffff;
    background-color: #004666;
}

.tableResultHeaderBgColor th {
    padding: 2px;
}

.vehicleInfoTable {
    width: 100%;
    color: #45555f;
    vertical-align: top;
    text-align: left;
}

.vehicleInfoTableColumnLabel {
    width: 160px;
    font-weight: bold;
    vertical-align: top;
}

.vehicleInfoTableColumnLabelWide {
    width: 280px;
    font-weight: bold;
    vertical-align: top;
}

.linkTableColumn {
    padding: 4px;
    padding-left: 2px;
}

/*** Text positioning in the TD ***/
.tdText2Left {
    text-align: left;
}

.tdText2Right {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.tdNowrap {
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}

.tdText2RightBold {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
}

.tdText2RightBold100 {
    width: 100px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
}

.tdText2Right100 {
    width: 100px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

/***  PrintView Style ****/
.printViewTableHeader {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #20607E;
	padding: 30px 0px 30px 0px;
	border-top:1px solid #DFE2E5;
}

.printViewTableHeader th {
	padding: 30px 0px 30px 0px;
	border-top:1px solid #DFE2E5;
}

.printViewTable {
    width: 100%;
    font-size: 10pt;
    color: #45555f;
    vertical-align: top;
    text-align: left;
}

.printViewTableGUI {
	width: 100%;
    font-size: 16px;
    color: #45555f;
    vertical-align: top;
    text-align: left;
}

#additional_informations_block, #configurationPrintForm\:configuratorPrint, #configurationPrintForm\:invoiceCystomerPrint  {
	margin-bottom: 30px;
}

#configurationPrintForm\:generalInformationsPrint {
	margin: 0px 0px 20px 0px!important;
}

#configurationPrintForm\:generalInformationsPrint .printViewTableHeaderGUI {
	border-top: 0px;
}

#configurationPrintForm\:groupPrintAndCloseButtons {
	border-top: 1px solid #DFE2E5;
	width: 900px;
}

#configurationPrintForm\:groupViewPrint input {
	margin-right: 10px;
}
#configurationPrintForm\:groupPrintAndCloseButtons input {
	width: 290px;
	padding: 8px;
	float: right;
}

#configurationPrintForm\:groupPrintAndCloseButtons > tbody > tr > td:first-child {
	width: 600px;
}

#configurationPrintForm\:groupPrintAndCloseButtons > tbody > tr > td:last-child {
	width: 300px;
}

#resetOrderForm\:inputFieldsGrid > tbody > tr:last-child > td:last-child {
    float: right;
}


.printViewTableCenter {
    width: 100%;
    font-size: 10pt;
    color: #45555f;
    vertical-align: top;
    text-align: center;
}

.printViewGrid {
    width: 900px;

}

.printViewGrid >tbody >tr>td{
	padding-bottom:24px;
}

.printViewLabel {
    width: 200px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

.printViewLabelWide {
    width: 290px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

.printViewRight {
    width: 200px;
    text-align: right;
    vertical-align: top;
}

.printViewPlain {
    text-align: left;
    vertical-align: top;
}

/*** Text Formatting ***/
.contentFloatText {
    display: inline;
}


/*** Buttons ***/

.offerLinkButton {
     padding: 8px 20px 8px 20px !important;
    min-width: unset !important;
    text-decoration:none !important;
    color:white;
    font-weight: 700;
}
.offerLinkButton a:visited {
   color:white;
}
.offerLinkButton a:hover {
   color:white;
}
.offerLinkButton a:active {
	color:white;
}
.offerLinkButton a:link {
    color:white;
}



.feedbackLinkButton {
    font-family: VWAGTheSans-Regular;
    min-width: 10px !important;
}
.feedbackLinkButton a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.feedbackLinkButton a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.feedbackLinkButton a:active {
    text-decoration: none;
    color: #FFFFFF;
}
.feedbackLinkButton a:link {
    text-decoration: none;
    color: #FFFFFF;
}

.standardButtonModalAdjust {
    padding: 8px 16px 8px 16px !important;
    min-width: unset !important;
    text-decoration:none !important;
    margin-right:5px;
}

.standardLinkModalAdjust {
    padding: 8px 16px 8px 16px !important;
    min-width: unset !important;
    text-decoration:none !important;
    margin-right:5px;
    color:white;
}

.standardLinkModalAdjust:visited{
    color:white;
}
.standardLinkModalAdjust:link{
    color:white;
}
.standardLinkModalAdjust:active{
    color:white;
}
.standardLinkModalAdjust:hover{
    color:white;
}

.standardButton {
    justify-content: center;
    align-items: center;
    padding: 8px 54px 8px 54px;
    gap: 8px;
    background: #20607E;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    min-width: 160px;
    display: inline-block;
    border:1px solid #20607E;
    cursor: pointer;
    margin-top: 21px;
    margin-bottom: 21px;	
}

[id$="personEditForm"] .standardButton{
	width: 100% !important;
}

.standardButton:hover {
	background-color: #004666;
}

.standardButton:active {
	background-color: #00354D;	
}

.standardButton:disabled {
	background-color: #A8ADB3;
}
.secondaryButton {
    justify-content: center;
    align-items: center;
    padding: 8px 54px 8px 54px;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #20607E;
    min-width: 160px;
    display: inline-block;
    border:1px solid #20607E;
    cursor: pointer;
    margin-top: 21px;
    margin-bottom: 21px;	
}

.secondaryButton:hover {
	background-color: rgba(32, 96, 126, 0.10);
}

.secondaryButton:active {
	background-color: rgba(32, 96, 126, 0.20);;	
}

.secondaryButton:disabled {
 	border: 1px solid #A8ADB3;
 	background-color: #FFFFFF;
 	color: #A8ADB3;
	
}

.standardButtonWhite {

    justify-content: center;
    align-items: center;
    padding: 8px 0px 8px 0px;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #20607E;
    width: 240px;
    display: inline-block;
    border: 1px solid #20607E;
    cursor: pointer;
    margin-top: 21px;
    margin-bottom: 21px;
}

.standardButtonDisabled {
	justify-content: center;
    align-items: center;
    padding: 8px 54px 8px 54px;
    gap: 8px;
    background: #b2b3b6;
    border-radius: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    min-width: 160px;
    display: inline-block;
    border:none;
    cursor: pointer;
    margin-top: 21px;
    margin-bottom: 21px;
}

.printButton {
    background-color: #20607E;
    font-size: 16px;
    font-family: VWAGTheSans-Regular;
    color: #ffffff;
}

@MEDIA print {
	
	.standardForm {
		box-shadow: none!important;
	}
	
    .printViewTable {
        color: #000000;
    }
    .printViewGrid {
        margin-right: auto;
    }
    .printButton, .standardButton, .secondaryButton, 
    #configurationPrintForm\:groupPrintAndCloseButtons, 
    #configurationPrintForm\:headerSpecificationPrint {
        display: none;
    }
    .printViewTableHeader {
        border: 2px solid black;
    }

    #bodyHolder {
        margin-left: 0px;
    }
    
    #footer, #header, #navigationMenue, .rich-panel-header, .logoSpaceMiddle, .rf-p-hdr {
        display: none!important;
    }
    
    #sapOrderGFZForm {
    	box-shadow: none;
    }
    
    #sapOrderGFZForm .standardResultTable > tbody > tr:last-child > td:first-child > table:first-child {
     	border-top: 1px solid black!important;
     	border-right: 1px solid black!important;
     	border-left: 1px solid black!important;
	}
	
	#sapOrderGFZForm .standardResultTable > tbody > tr:last-child > td:first-child > table:last-child {
     	border-bottom: 1px solid black!important;
     	border-right: 1px solid black!important;
     	border-left: 1px solid black!important;
	}
    
    #fongBody {
    	padding: 0px!important;
    }
    
    .rf-p {
    	position: absolute;
    	left: 10px;
    }
    
    .rich-panel {
        border: none;
    }
    
    .tableResultHeaderBgColor {
        border: none;
    }
    .printFieldset {
        border: none;
    }
    .printFieldset legend {
        border-bottom: 1px solid black;
        color: #000000;
    }
    .printTablePageBreak {
        break-before: page;
    }
    
    /* fixed last page in blank when print */
    html, body {
		height: 99%;
		break-after: page;
	}
}

a {
    font-weight: bold;
}

a.standardLink {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

a:link {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	/* identical to box height, or 24px */
	
	letter-spacing: 0.2px;
	text-decoration-line: underline;
	
	color: #20607E;
}

/* no underline in sorting link of table header and in paging element,
   i.e. when class 'undecoratedLink' or 'rf-ds..' are set.**/
a.undecoratedLink:link {
    text-decoration: none;
}

a.rf-ds-nmb-btn:link {
   	font-family: 'VWAG TheSans'!important;
	font-style: normal!important;
	font-weight: 400!important;
	font-size: 14px!important;
	line-height: 16px!important;
	text-align: center!important;
	letter-spacing: 0.2px!important;
	color: #20607E!important;
	text-decoration: none!important;
}

a.rf-ds-btn:link {
    text-decoration: none!important;
}

a:visited {
    color: #45555f;
    text-decoration: underline;
}

a:hover {
    color: #700026;
    text-decoration: none;
}

a:active {
    color: #700026;
}

.redText {
    color: #FF0000!important;
    font-weight: bold!important;
    text-decoration: none;
}

.redLinkText {
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
}

/***  Base Style ****/
#startForm, #startForm\:j_id_1_5b_body{
	border: 0px solid;
	border-color: #00354D;
}

#startForm\:j_id_1_5b{
	padding-top: 0px;
    padding-bottom: 0px;
}
	

LEGEND {
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    color: #20607E;
    flex: none;
    order: 0;
    flex-grow: 0;
  	margin-bottom: 16px;
}

[id$="personEditForm"] LEGEND, [id$="driverEditForm"] LEGEND, [id$="addressEditForm"] LEGEND, [id$="personEditRightsForm"] LEGEND, [id$="carpolicyEditForm"] LEGEND{
	margin-bottom: 24px !important;
    padding-inline-start: 0px;
}

FIELDSET {
	border: none;
}

.loginTextField {
    width: 150px;
}

.baseElement {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border: none!important;
}

.baseElementFeedback {
	background-color: #FFFFFF;
	padding: 30px 30px 20px 40px!important;
}

.advertisingElement {
    width: 1080px;
    margin: auto;
    text-align: left;
    margin-bottom: 30px;
    background: white;
    box-shadow:0px 4px 8px rgba(0, 0, 0, 0.25);
    border: none!important;
}

.advertisingElement .rf-p-b {
	padding: 40px 108px 40px 108px;
}

.errorField {
    border: 3px solid red;
}

.required {
    font-weight: bold;
    color: red;
}

.requiredOR {
    font-weight: bold;
    color: blue;
}

[id$="addressEditForm"] .required, [id$="personEditForm"] .required, [id$="driverEditForm"] .required, [id$="carpolicyEditForm"] .required, [id$="personEditRightsForm"] .required, [id$="scfManagementForm"] .required{
	margin-top: 16px;
}

[id$="addressEditForm"] .requiredOR, [id$="personEditForm"] .requiredOR, [id$="driverEditForm"] .requiredOR, [id$="carpolicyEditForm"] .requiredOR, [id$="personEditRightsForm"] .requiredOR, [id$="scfManagementForm"] .requiredOR{
	margin-top: 16px;
}

[id$="selectGlobalGrid"] > tbody > tr:first-child > td:first-child {
	float: none !important;
}

.globalLabel {
    font-weight: bold;
}

.imageButtons {
    border: 0;
    padding-top: 5px;
   	
}

.imageButtonsTable{
	height: 24px !important;
    width: 24px !important;
}

.globalStatusCentered1000px {
    width: 1000px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.statusMessage {
    margin: 0px;
	padding: 0px 0px 0px 0px;
    white-space: pre-line;
    font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
}

ul.statusMessage {
    list-style: none;
}

.statusERRORMessages {
    border: 1px solid #DA0C1F;
    margin: 0px 115px 0 120px;
    padding: 10px;
    background: #F7EBEF;
}

.statusWARNMessages {
    border: 1px solid #FF9B00;
    margin: 0px 115px 0 120px;
    padding: 10px;
    background: #FFF7DB;
}

.statusINFOMessages {
    border: 1px solid #20607E;
    margin: 0px 117px 0 120px;
	padding: 10px;
	background: #EAF4F7;
}

[id$="errorOnPage"]{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
}

[id$="globalStatusmessageGroup"], [id$="globalStatusseverityError"], [id$="globalStatusmessageNotifier"]  {
	padding: 20px 0px 20px 0px;
	background: #FFFFFF;
	display: block;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	width: 1080px;
}

.padding30px {
	padding:30px 30px 20px 30px;
}
.feedbackTitleText {
    font-family: VWAGTheSans-Regular;
    
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.2px;
color: #20607E;
}

.feedbackTableColumnStyle {
font-family: VWAGTheSans-Regular !important; 
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 150% !important;
letter-spacing: 0.2px !important;
color: #4C5356 !important;     
vertical-align: top !important;
padding:8px;
}

.statusSUCCESSFeedback {
	width: 393px;
	height:fit-content;
	background: #F5F7EB;
	border: 1px solid #64A844;
	margin:0px 30px 0px 30px !important; 
	height:fit-content !important;
	text-align: justify;
}

.statusINFOFeedback {
	width: 393px;
	height:fit-content;
	background: #EAF4F7;
	border: 1px solid #20607E;
	margin:0px 30px 0px 30px !important; 
	height:fit-content !important;
	text-align: justify;
}

.statusERRORFeedback {
	width: 393px;
	height:fit-content;
	background: #F7EBEF;
	border: 1px solid #DA0C1F;
	margin:0px 30px 0px 30px !important; 
	height:fit-content !important;
	text-align: justify;
}
	
.statusWARNFeedback {
	width: 393px;
	height:fit-content;
	background: #FFF7DB;
	border: 1px solid #FF9B00;
	margin:0px 30px 0px 30px !important; 
	height:fit-content !important;
	text-align: justify;
}

.statusNEUTRALFeedback {
	width: 393px;
	height:fit-content;
	background: #FFFFFF;
	border: 0px;
	margin:0px 30px 0px 30px !important; 
	height:fit-content !important;
	text-align: justify;
}

.statusERRORFeedback > tbody > tr:first-child > td:first-child {
    background: url("../img/icons/fongstyle/Red_notif.svg.jsf?ln=groupui");
    background-position: 10px 15px;
    opacity: 1;
    background-repeat:no-repeat
}

.statusWARNFeedback > tbody > tr:first-child > td:first-child {
    background: url("../img/icons/fongstyle/Yellow_notif.svg.jsf?ln=groupui");
    background-position: 10px 15px;
    opacity: 1;
    background-repeat:no-repeat
}

.statusINFOFeedback > tbody > tr:first-child > td:first-child {
    background: url("../img/icons/fongstyle/Blue_notif.svg.jsf?ln=groupui");
    background-position: 10px 15px;
    opacity: 1;
    background-repeat:no-repeat
}

.statusSUCCESSFeedback > tbody > tr:first-child > td:first-child {
    background: url("../img/icons/fongstyle/Green_notif.svg.jsf?ln=groupui");
    background-position: 10px 15px;
    opacity: 1;
    background-repeat:no-repeat
}

.hidelink {
    width: 18px;
    padding: 19px;
}

.margin0 {
	margin:0px !important;
}

.WARNMessages {
    font-weight: bold;
    background-color: #f2d655;
}

.WARNMessagesGui {
	width: 370px;
	display: block;
	padding: 10;
	border: 1px solid #FF9B00;
	background: #FFF7DB;
}

.ERRORMessages {
    color: red;
}

.invalidInputForgottenPassword {
    border: 1px solid #ffff00!important;
	border-radius: 2px !important;
}

.invalidInput {
    border: 1px solid #DA0C1F !important;
	border-radius: 2px !important;
}
/***  CarpolicyTest ****/
.carpolicyTestPanel {
    border-color: #f2d655;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    background-color: #FFFFFF;
}

.carpolicyTestHeader {
    background-color: #f2d655;
    background-image: none;
    border-color: #f2d655;
    color: #FFFFFF;
    font-family: VWAGTheSans-Regular;
    font-size: 12px;
    font-weight: bold;
}

.carpolicyTestMainPanel {
    width: 400px;
    margin: auto;
}

.carpolicyTestButton {
    margin-top: 20px;
    background-color: #4a758c;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #ffffff;
}

/***  Header Style ****/
.logo {
    margin-top: 38px;
    margin-bottom: 19px;
}

/***  Header Style for Login Page ****/
.logoLoginPage {
    margin-top: 14px;
    height: 50px;
}

.logoSpaceMiddle {
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
}

#loginTextId2gDiv {
	text-align:left;
	padding:40px 30px 40px 30px;
}

#loginLinkButtonGrid {
	width: 100%;
	background-color:white;
}

.middleSpaceFeedback {
	width: 472px; 
	margin: auto; 
	background-color:#FFFFFF;
}

.headerLine {
    width: 994px;
    color: #bbbcbe;
}

.variable {
    font-weight: normal;
    font-size: 12px;
}

/*** Login Page ***/
.centerPanel,
.loginPanel {
    width: 288px;
    margin: auto;
}

.loginInput {
    width: 150px;
}

.forceChangePassword {
    width: 430px;
    margin: auto;
    text-align: left;
}

/*** Kontakt Page ***/
.contactPanel {
    text-align: left;
    width: 600px;
    margin: auto;
    margin-bottom: 30px;
}

.contactSelectPanel {
    width: 290px;
    margin: auto;
    text-align: left;
}

/*** Button Hiding***/
.conditionalHiddenButton {
    display: none;
    background-color: #4a758c;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #ffffff;
}

.conditionalVisibleButton {
    width: auto;
    background-color: #4a758c;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #ffffff;
}

.conditionalHiddenButtonDisabled {
    display: none;
    background-color: #b2b3b6;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #45555f;
}

.conditionalVisibleButtonDisabled {
    background-color: #b2b3b6;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #45555f;
}

.scopeselectionSelectMenu {
    width: 200px;
}

.inplaceInputView {
    background-color: transparent;
    border: none;
}

.inplaceInputHover {
    background-color: #4a758c;
    color: #ffffff;
}

.bannerPreview {
    border: 1px solid #4a758c;
}

.watermark {
    color: gray;
}

/*** SAP order positions ***/
.sapPositionsKey {
    min-width: 13%;
    max-width: 13%;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
}

.sapPositionsDescription {
    min-width: 43%;
    max-width: 43%;
    padding-right: 10px;
    text-align: left;
    vertical-align: top;
}

.sapPositionsPrice {
    min-width: 10%;
    max-width: 10%;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.sapPositionsIcon {
    min-width: 2%;
    max-width: 2%;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.sapPositionsDetailKey {
    min-width: 200px;
    max-width: 280px;
    height: 16px;
    padding-right: 10px;
    text-align: left;
    vertical-align: top;
}

.sapPositionsDetailIcon {
    min-width: 20px;
    max-width: 20px;
    height: 16px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.sapPositionsDetailValue {
    min-width: 645px;
    max-width: 725px;
    height: 16px;
    padding-right: 10px;
    text-align: left;
    vertical-align: top;
}

[id$="sapOrderDetailGrid"], [id$="reportingInfoForm"] > table:first-child  > tbody > tr:last-child,
[id$="reportingInfoForm"] .buttonsFormFooter  {
	border: 0px!important;
}

[id$="reportingInfoForm"] > table:first-child  > tbody > tr {
	border-bottom: 1px solid #6e6a6a36;
	padding-bottom: 30px;
	display: block;
}

[id$="sapOrderDetailGrid"] > tbody > tr:first-child tbody,
[id$="reportingInfoForm"] > table > tbody > tr:first-child tbody,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(2) tbody,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(3) tbody,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(4) tbody,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(5) tbody,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(6) tbody {
	display: table-row-group;
}

[id$="sapOrderDetailGrid"] > tbody > tr:first-child tbody tr,
[id$="reportingInfoForm"] > table  > tbody > tr:first-child tbody tr,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(2) tbody tr,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(3) tbody tr,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(5) tbody tr,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(6) tbody tr {
	display: table-row;
}

[id$="sapOrderDetailGrid"] > tbody > tr:first-child tbody tr td,
[id$="reportingInfoForm"] > table  > tbody > tr:first-child tbody tr td,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(2) tbody tr td,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(3) tbody tr td,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(5) tbody tr td,
[id$="reportingInfoForm"] > table > tbody > tr:nth-child(6) tbody tr td {
	display: table-cell;
	width: auto;
}

[id$="reportingInfoForm"] td.tableColumnVeryBig {
	width: 160px!important;
}

[id$="reportingInfoForm"] .tableVehicleOverview {
	margin: 0px;
}

[id$="reportingInfoForm"] .vehicleInfoTable .tdText2Right, 
[id$="tableReportingInfoConditions"] .tdText2Right {
	padding-left: 3px;
	font-size: 15px;
}

[id$="reportingInfoViewSpecificationInformations"] tr {
	padding: 0px!important;
}


[id$="specInfoTable"] .tdText2Right100 {
	width: auto;
}

[id$="sapOrderDetailGrid"] > tbody > tr:first-child tr,
[id$="sapOrderDetailGrid"] > tbody > tr:nth-child(2) tr {
	margin-right: 30px;
}

[id$="sapOrderDetailGrid"] > tbody > tr:first-child tr td:first-child {
	width: 200px;
}

[id$="sapOrderDetailGrid"] > tbody > tr:nth-child(2) tr td.tableColumnPlain {
	margin-bottom: 20px;
}

[id$="sapOrderDetailGridGroup"] fieldset input {
	margin-right: 20px;
	padding: 8px 25px 8px 25px;
	min-width: 90px;
}

[id$="sapOrderDetailGridGroup"] input[type="text"] {
	width: 100%;
    margin: 0px;
    padding: 0px 10px 0px 0px;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable .tableRowResultTable > td > table > tbody td {
	padding: 0px;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable tbody {
	display: table-row-group;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable tbody tr {
	display: table-row;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable tbody tr th,
[id$="sapOrderDetailGridGroup"] .standardResultTable > tbody > tr > td {
	padding-left: 10px;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable > tbody > tr > td > table {
    display: table!important;
}

[id$="sapOrderDetailGridGroup"] .standardResultTable > tbody >tr >td:last-child {
	padding-right: 24px;
}

[id$="sapOrderDetailGridGroup"] .tableHeader {
	width: 864px;
}

[id$="buttonsSapOrderDetailForm"], 
[id$="sapOrderDetailGridGroup"] .standardResultTable tr.tableResultHeaderBgColor:first-child{
	border-bottom: 1px solid #6e6a6a36!important;
}

[id$="buttonsSapOrderDetailForm"] input {
	margin: 0px 10px 10px 0px;
}

.tableResultHeaderBgColor td{
	color: white!important;
	font-weight: 700!important;
	font-size: 18px!important;
	padding-left:24px!important;
}

#sapOrderGFZForm .standardResultTable {
	box-shadow: none;
}

#sapOrderGFZForm .standardResultTable.standardTableHeaders > tbody > tr:last-child > td:first-child {
	padding: 0px 24px 24px 24px;
}

#sapOrderGFZForm .buttonsGridForm {
	text-align: right;
	width: 972px;
}

#sapOrderGFZForm .standardResultTable {
	width: 100%;
}

#sapOrderGFZForm .standardResultTable td, 
#sapOrderGFZForm .standardResultTable tr,
#sapOrderGFZForm .standardResultTable th {
	font-size: 15px;
}

#sapOrderGFZForm .standardResultTable th.sapPositionsPrice {
	padding-right: 10px;
}

#sapOrderGFZForm .sapPositionsKey {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
	padding-right: 4px;
}

#sapOrderGFZForm .sapPositionsDescription {
	width: 294px;
	min-width: 294px;
	max-width: 294px;
	padding-right: 4px;
}

#sapOrderGFZForm .sapPositionsIcon {
	width: 18px;
	min-width: 18px;
	max-width: 18px;
	padding-right: 4px;
}

#sapOrderGFZForm .sapPositionsPrice {
	width: 78px;
	min-width: 78px;
	max-width: 78px;
}

#sapOrderTextForm {
	padding: 40px 0px 0px 0px;
}

#sapOrderTextForm tr{
	padding: 0 108px 0 108px;
	display: block;
}

#sapOrderXmlOverviewForm .standardResultTable > tbody {
	display: table-row-group;
}

#sapOrderXmlOverviewForm .standardResultTable > tbody > tr{
	display: table-row;
}

#sapOrderXmlOverviewForm table {
	margin-bottom: 20px;
	border: none;
}

#sapOrderXmlOverviewForm .tableHeader {
	width: 864px;
}

/*** displayModificationDialog ***/
.modificationText {
    width: 240px;
    text-align: left;
    vertical-align: top;
}

.modificationValue {
    width: 80px;
    padding-right: 5px;
    text-align: right;
    vertical-align: top;
}

/*** offer additional costs dialog ***/
.additionalCostsGridRow {
    height: 15px;
}

.additionalCostsGridColumnSmall {
    width: 40px;
}

.additionalCostsGridColumnDescription {
    width: 360px;
    vertical-align: top;
}

.additionalCostsGridColumnCombobox {
    width: 570px;
    vertical-align: top;
}

.textArea {
    font-size: 11px;
    font-family: VWAGTheSans-Regular;
}

.tableColumnHalfWidthLeft {
    width: 70%;
    vertical-align: top;
    margin-left: 0;
    margin-right: auto;
}

.tableColumnHalfWidthRight {
    width: 30%;
    vertical-align: top;
    margin-left: auto;
    margin-right: 0;
}

.tableColumnHalfWidth {
    width: 50%;
    vertical-align: top;
}

.inputTextDisabled {
    height: 17px;
    width: 156px;
    background-color: #BDD8E6;
    border: 1px solid #A4A4A4;
}

.textDisabled {
    color: #a2aaaf;
}

.selectOneMenuDisabled {
    height: 40px;
    width: 156px;
    background-color: #BDD8E6;
    border: 1px solid #6e6a6a36;
}

.tooltipText {
    max-width: 350px;
    width: auto;
    height: auto;
    cursor: arrow;
    border: 1px solid #A4A4A4;
    display: table-cell;
    vertical-align: middle;
    background-color: #BDD8E6;
    padding: 10px;
    text-align: justify;
}

/*** sap external mapping ***/
.newMapping {
    background-color: #E7A611;
}

.changedValue {
    background-color: #E7A611;
}

.invalid {
    background-color: #eac5bf;
}

.sapMappingColumnClass {
    width: 33.33%;
}

[id$="mappingTableResult"] > tbody > tr > td:last-child {
	padding-right: 24px;
}

.weightedLabelText {
    font-size: 11px;
    font-family: VWAGTheSans-Regular;
    color: #45555f;
    font-weight: bold;
}

.mandatoryField {
	width: 800px;
}
.buttonDisabledFormInvalid {
    background-color: #b2b3b6;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #45555f;
}
.buttonEnabledFormValid {
    background-color: #4a758c;
    font-size: 12px;
    font-family: VWAGTheSans-Regular;
    color: #ffffff;
}

.focusClass {}

.clickClass {}

.modalDialogButtonGrid {
    margin: 0 auto;
    margin: 20px 40px 10px 40px;
    width: 388px;
}

.tableColumnStyleModalButtonAdjust {
	text-align:right !important;
}

.tableColumnStyleModalTextAdjust {
    padding:10px;
}

.paddingLeft45 {
	padding-left:45px;
}

.notScrollable {
    overflow: hidden;
}

.tableRowTyreInformationTable {
    background-color: #deeaf6;
    vertical-align: top;
}

.tableRowTyreInformationTableAlternate {
    background-color: #ffffff;
    vertical-align: top;
}

.tableCellTyreInformationTable {
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid;
    border-color: #9cc2e5;
    margin: 1em;
    font-size: 12px;
    padding: 0px 3px 0px 3px;
}

.printViewTyreInformationTable {
    width: 100%;
    font-size: 6pt;
    color: #45555f;
    vertical-align: top;
    text-align: left;
}

/* Styles the thumbnail */
a.lightbox img {
    border: 2px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: 8px 8px 8px 8px;
    width: 160px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
    position: fixed;
    left: 0px;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index:1000;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
    margin: auto;
    position: absolute;
    top: 20;
    left: 0;
    right: 0;
    bottom: 20;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.lightbox-close {
    display: block;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
}

/* the magnified label */
.lightbox-tyrelabel {
    height: 90%;
    background-color: #ffffff;
}

.lightbox-target:target img {
    max-height: 100%;
    max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
    top: 0px;
}



/* Audi login 2FA */

#qrPanelGrid > tbody > tr:nth-child(3) > td:nth-child(1) {
    vertical-align: top;
}

.qrCancelButton {
    width: 100%;
    background-color: white !important;
    color: black !important;
    padding: 13px !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px !important;
    font-weight: bold;
    border: none !important;
    cursor: pointer;
}

.qrVerifyButton {
    width: 100%;
    background-color: #ce0f0f !important;
    color: white !important;
    padding: 13px !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px !important;
    font-weight: bold;
    border: none !important;
    margin-top: 13px;
    cursor: pointer;
}

.qrInput {
    width: 100% !important;
    padding: 13px !important;
    border: none !important;
    max-width: 280px;
    margin-top: 12px;
}

.qrIncorrectOutput {
    width: 100% !important;
    padding: 6px !important;
    border: none !important;
    word-break: break-word;
    color: red;
    background-color: white;
    display: inline-block;
}

.errorStatusRow {
    display: none;
}

.suModusUserInfo, .hideFooter{
    display:none;
}

/**************************************/
/*          LOGIN GUI STYLES          */
/**************************************/

.loginHeader{
    width: 100% !important;
    height: 64px !important;
    background-color: #00354D;
    font: VWAGTheSans-Regular;
}

#loginMainHeader{
    width: 1080px;
    height: 64px;
    text-align: center;
    margin: auto;
    background-color: #00354D;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loginWhiteRectangle{
    width: 100%;
    height: 48px;
    background-color: white;
}

.loginMainContainer{
    width: 840px;
    height: 528px;
    margin: auto;
    display: flex
}

.loginLogoContainer{
    background-color: #00354D;
    width: 340px;
    height: 100%;
    margin-left: 0px;
}

.loginFormContainer{
    background: #FFFFFF;
    box-shadow: 0 8px 16px 1px rgba(0,0,0,0.12);
    width: 500px;
    height: 100%;
}

.loginTextLogo{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    font-family: VWAGTheSans-Bold;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1.14px;
    text-align: center;
    font-weight: 700;
}

.loginTitle{
    margin-bottom: 32px; 
    margin-top: 32px; 
    font-family: VWAGTheSans-Bold;
    font-size: 24px;
    color: #20607E;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
}

.loginInputTitle{
    font-family: VWAGTheSans-Bold;
    font-size: 14px;
    color: #4C5356;
    letter-spacing: 0.2px;
    text-align: left;
    line-height: 21px;
    font-weight: 700;
}

.loginInputText{
    width: 248px !important;
    height: 40px;
    border: 1px solid #A8ADB3;
    border-radius: 2px;
    font-family: VWAGTheSans-Regular;
    font-size: 16px;
    color: #4C5356;
    letter-spacing: 0.2px;
    text-align: left;
    line-height: 24px;
    font-weight: 400;
    padding-left: 13px;
}

.loginInputSeparation{
    margin-top: 25px;
}

.loginErrorDetailsPanel{
    width: 248px;
    height: 63px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}

.loginErrorDetails{
    font-family: VWAGTheSans-Regular;
    font-size: 14px;
    color: #DA0C1F;
    letter-spacing: 0.2px;
    line-height: 21px;
    font-weight: 400;
    text-align: left;
    list-style-type: none;
    padding-left: 0px;
}

.loginMainButtonPanel{
    margin-left: auto;
    margin-right: auto;
    margin-top: 53px;
}

.loginRegistrationButtonPanel{
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.loginMainButton{
    width: 160px;
    height: 40px;
    background: #20607E;
    border: 0px;
    border-radius: 2px;
    font-family: VWAGTheSans-Bold;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
}

.loginMainButton:hover{
	cursor: pointer;
}

.loginForgottenPasswordPanel{
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

.loginForgottenPassword{
    font-family: VWAGTheSans-Regular;
    font-size: 16px;
    color: #20607E;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: 400;
    text-decoration:none !important;
}

@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    
    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

#processingLogin_content_scroller {
	overflow:unset;
}

#processingModal_content_scroller {
	overflow:unset;
}

.loading {
    overflow: visible;
}

.loading::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 10px #D8D8D8;
    border-bottom-color: #20607E;
    border-radius: 50%;
    content: "";
    height: 150px !important;
    width: 150px !important;
    top:50%;
    left:50%;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

#loginOverlay{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background: rgba(0,70,102,0.50);
}

#loginFongBody{
    font: VWAGTheSans-Regular;
    position: relative;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 198px;
    flex: 1;
}

#groupFleetPortalBody{
    font: VWAGTheSans-Regular;
    position: relative;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 20px;
    flex: 1;
}

.loginGuiLogo{
    margin: auto;
    margin-top: 127px;
}

.loginForgottenPasswordPanel a{
    color: #20607E;
}

.loginForgottenPasswordPanel a:visited{
    color: #20607E;
}

.labelColor{
   color: #20607E; 
}

.standardResultTable {
	width: 100%;
	max-height: 720px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.12);
}

.tableRowResultTable{
	background-color: white;
	border-bottom: 1px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #4C5356;
}

.tableRowResultTable:hover{
	background-color: #F0F1F2;
}

.tableRowResultTableAlternate:hover{
	background-color: #F0F1F2;
}

.tableHeader{
	width: 1080px;
	height: 56px;
	left: 0px;
	top: 0px;
	background-color: #004666;
	color: white;
	display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.12);
}

.textTableHeader{
	
	height: 27px;
	left: 24px;
	top: 14px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 24px;
	
}

.tableColumnStyle{
	vertical-align: top;
    text-align: left;
}

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

.standardResultTable > tbody.rf-dt-b {
    height: 0px;
}

.standardResultTable td,
.standardResultTable tr{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #4C5356;
	padding-left: 24px;
	vertical-align: top;
}

.standardResultTable td{
	max-width: 370px;
}

.standardResultTable th,
.standardResultTable th > table > tbody > tr > td{
	
	background: #FFFFFF;
	font-family: 'VWAG TheSans';
	line-height: 150%;
    font-style: normal;
    font-size: 16px;
	letter-spacing: 0.2px;
	color: #004666;
	vertical-align: middle;
	padding-left:24px;
	padding-top:4px;
	padding-right:4px;
	padding-bottom:4px;
	font-weight: bold;
}


.standardResultTable a:link{
	font-family: 'VWAG TheSans';
	line-height: 150%;
    font-style: normal;
    font-size: 16px;
	letter-spacing: 0.2px;
	color: #004666;
	vertical-align: middle;
}


.standardResultTable th:last-child{
	padding-right: 24px;
}

/* Table footer */ 
.standardResultTable tfoot {
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
}

.standardResultTable tfoot .paginationButtons {
	background-color: yellow;
} 

/* Table pagination buttons */
.standardResultTable tfoot .totalResultsFound {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #7A8084;
	padding-right: 10px;
} 

.paginationLine{
	height: 32px;
	width: 0px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #DFE2E5;	
}

/* Table itemPerPageDropdown */
.standardResultTable tfoot .itemsPerPageDropdown {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #7A8084;
	margin-right: 30px;
}

.divPaginationButtons{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	height: 54px;
	margin-left: 0px;
	border: 1px solid #A8ADB3;
}

.paginationButtons{
	color: blue;
}

.comboPagination {
	width: 57px;
	font-size: 13;
	border-radius: 3px;
	border-color: #CCD1D1;
	padding-left: 6px;
	cursor: pointer;
}

.textPages{
	padding-left: 10px;
	padding-right: 10px;
}

.bodyHolderFeedback {
    width: 300px;
	
}

.pageNEUTRALFeedback {
	background: #FFFF;
    border: 0px;
    margin-top: 24px;
    margin-bottom: 20px;
    height: fit-content !important;
}

.feedbackButtonstable {
	width: 43%;
	margin-left: 550px;
}

*.feedbackButtonstable  > tbody > tr:first-child > td {
	text-align:right;
}

.legendFeedback {
    font-family: 'VWAGTheSans-Regular';
    color: #4C5356;
    padding: 0px;
}

.additionalTextFeedback {
    font-family: 'VWAGTheSans-Regular';
    color: #4C5356;
    font-size: 16px;
    
	
}

.fieldsetFeedback {
	padding:0px;
    font-family: 'VWAGTheSans-Regular';
    font-size: 16px;
    margin:30px 30px 10px 30px;
    color: #4C5356;
}


.collapseFeedback{
	padding-left: 0px !important;
    width: 940px;
    height: 56px;
    left: 420px;
    top: 152px;
    background: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
font-family: 'VWAGTheSans-Regular';
font-style: normal;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.2px;
color: #20607E;    
}

.collapseButton{
	width: 1080px;
	height: 56px;
	left: 420px;
	top: 152px;
	background: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}

.collapseButton:hover{
	cursor: pointer;
}

.collapseText{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
}

.collapsableContainer{
	display: block;
}

.collapseIcon{
    width: 30px;
    height: 30px;
    margin-right: 21px;
}

.collapseIconNoMargin{
    width: 30px;
    height: 30px;
}

table{
	position: relative;
}
	
.tableContainer{
	max-height: 720px;
	overflow-y: scroll;
	border: 1px solid #DFE2E5;
	width: 1078px;
	overflow-x: auto;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.12);
}
.tableContainerInsideForm {
	width: 1056px;
}
.tableContainer thead{
	position: static;
	top: 0;
	z-index: 2;
	border-top: none !important;
    border-bottom: none !important;
    box-shadow: inset 0 1px 0 #A8ADB3, inset 0 -1px 0 #A8ADB3;
}

.tableContainer tfoot{
	bottom: 0px;
	z-index: 2;
}

/* Scroll bar styling */

::-webkit-scrollbar {
	width: 8px;
	background: #7A8084;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: #7A8084;
}

::-webkit-scrollbar-track {
	background: #D9D9D9;
}

/**********************************/
/*          TABLE STYLES          */
/**********************************/
.hideActionMenu{
    width: 224px;
    height: 286px;
    background-color: white;
    display: none;
    position: absolute;
    z-index: 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

/********************/
/*   ACTION MENU    */
/********************/

.hiddenActionMenuRow{
    display: block;
    min-width: 225px;
    height: auto;
}

.actionButtonGuiShowPanel{
    height: 18px; 
    width: 18px;
    cursor: pointer;
    padding-top: 9px;
    margin-left: 15px;
}

.actionButtonGui{
    height: 16px; 
    width: 16px;
    left: 12px;
    top: 14px;
    position: relative;
}

.actionButtonInlineGui{
    height: 16px;
    width: 16px;
    margin-right: 12px;
    margin-top: 5px;
    position: relative;
}

.actionOutputTextGui{
    color: #20607E;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    left: 36px;
    position: absolute;
    vertical-align: middle;
    padding-top: 10px;

overflow: hidden !important; 
text-overflow: ellipsis; 
max-width: 98%;
max-height: 50px;
min-height: 40px;    
}

[id$="actionColumn"] {
	padding: 0px 24px !important;
	min-width: 50px;
	width: auto;
}

[id$="actionColumn"] > table > tbody > tr > td {
	padding-left: 0px
}

.hiddenPanelAction{
    display: none; 
    background: #FFFFFF; 
    flex-direction: column; 
    align-items: flex-start; 
    padding: 0px;
    position: absolute; 
    top: 0; 
    left: 0; 
    min-width: 225px; 
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); 
    z-index: 12;
}

.hiddenPanelAction * {
    padding-left: 0px !important;
}

.hiddenPanelActionA{
    text-decoration: none;
    height: 40px;
}

.hiddenPanelActionAmultipleLines{
    text-decoration: none;
    height: 64px;
}

.hiddenPanelAction a:hover{
    background: #E6EEF1;
}

.hiddenPanelAction tr {
    border-bottom: 1px solid #DFE2E5;
}

.hiddenPanelAction tr:hover{
    background: #E6EEF1;
}

.dividerLineActionPanel{
    position: relative;
    width: 99%;
    border-top: 1px solid #DFE2E5;
    top: 41%;
    display: block;
}

#fongBody.anonymUserHeaderFixSpecialCase {
	padding-top: 20px; 
}

#fongBody.anonymUserHeaderFix {
	padding-top: 60px;
}

#navigationMenue.anonymUserHeaderFix {
	margin-top: 0px;
}

.rf-cal span input ~ img.rf-cal-btn {
	float: right;
    position: relative;
    top: -31px;
    padding-right: 14px;
	height: 20px;

	
}


.rf-cal span {
	display: inline-block;
    height: 40px;
}

.searchSection {
	background-color: #FFFFFF;
	width: 1080px;
	
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.25);
	   
	z-index: 1;
}

.searchSection > tbody{
	display:flex;
}

.searchSection .innerTableColumnLayoutGrid>fieldset>table:last-child>tbody>tr:last-child>td {
	float: right;
}

.resultSection {
	background-color: #FFFFFF;
    display: flex;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    width: 100%;
    flex-direction: row;
    margin-top: 40px;
    flex-wrap: wrap;
}  

.searchSection .innerTableColumnLayoutGrid{
	   padding-left: 108px;
    padding-right: 108px;
}

.searchSection .innerTableColumnLayoutGrid  > fieldset >table {
	width:100%;
}


.searchSection >tbody > tr{
	display:flex;
    flex-direction: column;
    width:100%;
}
	
#configuratorSpecificationForm > table{
		width:100%;
	
}
	
/* Reporting page special styles */

[id$="dateGrid"], [id$="dealerGridOrdering"] {
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #1B1E1F;	
}

a[id$="searchDealer"] {
    position: relative;
    top: -36px;
    width: 20px;
    float: right;
    margin-left: calc(100% - 34px);
}

#reportingOrderSelectForm\:reportingSearchResultGroup > tbody > tr:first-child > td.innerTableColumnLayoutGrid {
	
    box-shadow:none;
}

#reportingOrderSelectForm\:reportingSearchResultGroup > tbody > tr:first-child > td.innerTableColumnLayoutGrid > fieldset {
	padding-left: 108px;
    padding-right: 108px;
}

#reportingOrderSelectForm\:reportingSearchResultGroup > tbody > tr:nth-child(2) > td.innerTableColumnLayoutGrid, 
#reportingOrderSelectForm\:reportingSearchResultGroup > tbody > tr:nth-child(2) > td.innerTableColumnLayoutGrid > fieldset {
	margin: 0px;
	padding: 0px;
}

#reportingOrderSelectForm\:reportingSearchResultGroup > tbody > tr:nth-child(2) > td.innerTableColumnLayoutGrid > fieldset > legend{
	display:none;
}
[id$="searchDealer"] img {
	height:20px;
}


table#reportingOrderSelectForm\:checkBoxesGrid {
	width: 100%;
	margin-top: 16px;
}
table#reportingOrderSelectForm\:checkBoxesGrid label{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
}

table#reportingOrderSelectForm\:checkBoxesGrid td:nth-child(odd) {
	width:32px;	
}

table#reportingOrderSelectForm\:checkBoxesGrid td:nth-child(even) {
	width: auto;
    padding-right: 41px;
 }
 
table#reportingOrderSelectForm\:checkBoxesGrid >tbody >tr:only-child{
	display:flex;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:first-child td:last-child {
    height: 0px;
    margin: 0;
    padding: 0;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child {
    display: flex;
    top: -32px;
    position: relative;
    left: 60px;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child td.tableColumnBig {
	display:none;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child td:last-child{
	padding-top: 3px;
    padding-left: 0;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child span#reportingOrderSelectForm\:showDealer {
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 249px;
}

#reportingOrderSelectForm\:dealerGridOrdering > tbody > tr:last-child > .tableColumnVeryBig {
	display:none;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child .tableColumbBig:empty,
#reportingOrderSelectForm\:dealerGridOrdering tr:last-child .tableColumnPlain:empty {

  display: none;
}

#reportingOrderSelectForm\:dealerGridOrdering tr:last-child .tableColumbBig,
#reportingOrderSelectForm\:dealerGridOrdering tr:last-child .tableColumnPlain {
	padding-left: 4px;
	padding-right: 4px;
}


#reportingOrderSelectForm > table{
	width:100%;
}

#reportingOrderSelectForm > table .innerTableLayoutGrid > tbody > tr:first-child{
    width: 100%;
    display: inline-flex;
    flex-direction: column;
} 

[id$="selectGrid"]{
 width:100%;
}

[id$="selectGrid2"] tbody, [id$="selectGrid"] tbody{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

 
[id$="selectGrid"] > tbody >tr > td.tableColumnStyle:empty {
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}   
    
[id$="selectGrid"] > tbody >tr >td {
	display:block;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}
[id$="selectGrid"] > tbody >tr >td.tableColumnS{
    position: relative;
    top: 20px;
    left: 4px;
}

[id$="selectGrid"] > tbody >tr > td.tableColumnStyle {
	display:flex;
	flex-direction:column;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}

[id$="selectGrid2"] > tbody > tr, [id$="selectGrid"] > tbody > tr{
	padding-top:16px;
}

/* Fix to remove empty rows with no fields*/
[id$="selectGrid"] > tbody >tr:has(> td > [id$="updatedFromGroup"] >tbody > tr:first-child >td:only-child:empty),
[id$="selectGrid"] > tbody >tr:has(> td > [id$="updatedToGroup"] >tbody > tr:first-child >td:only-child:empty){
	display:none;
}

[id$="selectGrid"] > tbody >tr> td > label{
	width:392px;
	display:inline-block;
	
}

.searchSection .innerTableColumnLayoutGrid>fieldset>table>tbody>tr:has(>td> input[type="checkbox"]) {
	width: 392px;
}
[id$="selectGrid"] > tbody >tr:has(> td.tableColumnStyle:empty) {
	display:none;
}

#reportingOrderSelectForm\:dealerGridOrdering { 
	top: -61px;
    position: relative;
    left: 444px;
    height: 0px;
    display: flex;
    width: 0px;
}

#reportingOrderSelectForm\:dateGrid > tbody {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#reportingOrderSelectForm\:dateGrid > tbody > tr{
	padding-top:16px;
}

#reportingOrderSelectForm\:reportingGrid tbody tr:last-child td table{
	float:right;
}

[id$="sp_overall_price_label"], [id$="sp_overall_price_value"] {
	font-weight: bold;
}

#configurationSaveForm{
	background: #FFFFFF;
	width: 1080px;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	z-index: 1;
}

#configurationSaveForm fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
	width: 1080px;
}

#configurationSaveForm input {
	margin-left: 10px;;
}
 
#configurationSaveForm\:saveNewStandardSpecificationButton,
#configurationSaveForm\:updateSpecificationButton, 
#configurationSaveForm\:additionalFieldsUpdate,
#configurationSaveForm\:additionalFieldsSave
  {
	padding: 8px;
}

#configurationSaveForm\:backButton {
	width: 100px;
	min-width: 100px!important;
	padding: 8px;
}

#configurationSaveForm table {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

[id$="titleSection"], [id$="titleLegendOrderForm"] {
	margin-top: 20px;
	margin-left: 108px;
	padding-top: 20px;
}

[id$="tyrelabel_information"], [id$="tyrelabel_regulation"], [id$="tyrelabel_tyregroup_generic"]
, [id$="tyrelabel_tyregroup_winter"], [id$="tyrelabelTitleGrid"] {
	color: #20607E;
}

[id$="tyrelabelDisclaimer"], [id$="leasingConditionNote"] {
	margin-top: 30px;
}

[id$="tyrelabelsGrid"] table{
	margin-top: 10px;
}

#orderConfigurationForm {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	z-index: 1;
}

#orderConfigurationForm fieldset{
	padding: 0px;
	margin: 0px;
}

#orderConfigurationForm legend{
	padding: 0px;
}
	
#orderConfigurationForm table {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

[id$="tableAddressAdditionalFields"], [id$="dealerGroupOrdering"] td{
	width: 392px;
}

[id$="dealerGroupOrdering"] td {
	width: 392px;
	display: block;
}

[id$="tableAddressAdditionalFields"] > tbody > tr > td:nth-child(2) {
	text-align: right;
}

[id$="tableAddressAdditionalFields"] > tbody > tr:nth-child(2) > td:nth-child(2) {
	text-align: left;
	width: 100%;
	padding-left: 28px;
}

[id$="tableAddressAdditionalFields"] > tbody > tr {
	display: flex;
}

[id$="tableAddressAdditionalFields"] table {
	
}

[id$="addressSelectButton"], [id$="addressDeleteButton"] {
	margin-top: 0px;
	width: 290px;
}

#orderConfigurationForm input[type="radio"]+label {
	vertical-align: top;
	top: 2px;
}

#orderFormChangeEquipmentTyreLabel {
	margin-left: 98px;
}

#orderFormChangeEquipmentTyreLabel > input {
	margin-left: 10px;
}

/*BUTTONS IN SETTING GRID*/

#orderConfigurationForm\:invoiceCustomerButton, #orderConfigurationForm\:myProfileButton, 
#orderConfigurationForm\:orderForSelectedButton, #orderConfigurationForm\:deleteSelectButton,
#orderConfigurationForm\:deleteDeliveringDealerButton,
#orderConfigurationForm\:selectDeliveringDealerButton {
	margin: 0px 0px 15px 132px;
	padding: 8px;
	width: 260px;
}

.tableColumnGlobalDetailsButton {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#orderConfigurationForm\:tableDealerDetail tr {
	width: 392px;
}

#orderConfigurationForm\:tableDealerDetail td {
	width: 196px;
}
#orderConfigurationForm\:globalDetailsButton {
	padding: 8px;
	width: 196px;
	margin: 0px 0px 30px 0px;
}

#orderConfigurationForm\:selectOrderingDealerButton, [id$="dealerGroupOrdering"] input,
#orderConfigurationForm\:additionalFieldsGroup input[type="submit"] {
	margin: 3px 0px 5px 132px;
	padding: 8px;
	width: 260px;
}

#orderConfigurationForm\:additionalFieldsGroup select {
	margin-bottom: 10px;
}

[id$="tableInputFieldsAddress"] {
	margin: 10px 0px 10px 0px;
}

#orderConfigurationForm\:targetLocationTypeTranslationSelectMenu {
	margin-bottom: 20px;
}

#orderConfigurationForm select, #orderConfigurationForm\:additionalFieldsGroup td {
	width: 392px;
}

#orderConfigurationForm\:additionalFieldsGroup input {
	margin-bottom: 10px;
}

#orderConfigurationForm\:deliveryWeekCalender {
	margin: 0px!important;
}

#orderConfigurationForm\:deliveryWeekCalenderPopupButton {
	margin-top: 40px;
	left: -30px;
}

#orderConfigurationForm\:checkBoxDeliveringWeek {
	margin-left: 133px;
	margin-top: -1px;
	vertical-align: middle;
}

#orderConfigurationForm\:deliveryWeekCalenderContent {
	left: 1px !important;
	top: 35px !important;
	padding: 12px;
}

#orderConfigurationForm .printViewTableHeader {
	font-weight: bold;
	font-size: 16px;
	background: none;
	color: #20607E;
}

[id$="labelNameOrderForGroup"] {
	margin: 0px;
}

#orderConfigurationForm\:checkBoxDeliveringWeek {
	margin-left: 130px;
	margin-top: -1px;
	vertical-align: middle;
}

[id$="deliveryWeekGroup"] > tbody > tr:first-child {
	display: block;
	min-height: 45px;
}

[id$="deliveryWeekGroup"] > tbody > tr > td:first-child {
	vertical-align: top;
}

[id$="deliveryWeekGroup"] > tbody > tr:nth-child(2) {
	display: block;
	min-height: 25px;
}

#orderConfigurationForm\:dealerGroupDelivering label {
	margin-bottom: 5px; 
}

#orderConfigurationForm\:groupButtonsBottom {
	width: 650px;
	margin: 0px 108px 0px 320px;
}

#orderConfigurationForm\:groupButtonsBottom td {
	width: 205px;
}

#orderConfigurationForm\:groupButtonsBottom input {
	padding: 8px;
	width: 200px;
	float: right;
}

#orderConfigurationForm\:tableAdditionalFields input[type="checkbox"] + label {
	top: -15px;
}

#configurationAdditionalFieldsForm {
	background-color: #FFFFFF;
	width: 1080px;
	padding: 0px;
	
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.25);
	   
	z-index: 1;
}

#configurationAdditionalFieldsForm fieldset {
	width: 1080px;
	padding: 0px;
}

#configurationAdditionalFieldsForm legend {
	margin: 20px 0px 20px 108px;
	padding-top: 20px;
}

#configurationAdditionalFieldsForm\:tableAdditionalFields {
	width: 864px;
	margin: 0px 0px 0px 108px;
}

#configurationAdditionalFieldsForm input[type="text"], 
#configurationAdditionalFieldsForm input[type="radio"] {
	margin-bottom: 10px;
}

#configurationAdditionalFieldsForm input[type="radio"]+label {
	vertical-align: top;
	top: 2px;
}

#configurationAdditionalFieldsForm select {
	background-color: #FFFFFF;
}

#configurationAdditionalFieldsForm textarea {
	width: 860px!important;
}

#configurationAdditionalFieldsForm\:containerAdditionalFieldsButtons {
	width: 630px;
	margin-left: 340px;
}

#configurationAdditionalFieldsForm\:saveNewStandardSpecificationButton {
	width: 360px !important;
}

.headerPrintSpecification {
    height: 56px;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.2px;
    color: #FFF;
    background: #004666;
    width: 900px;
    z-index: 1;
}
#configurationPrintForm\:specificationInfoGrid {
	margin: 0px;
	width: auto;
}

#configurationSaveForm\:specificationInfoGrid table, #orderConfigurationForm\:specificationInfoGrid table {
	width: 100%;
}

#configurationPrintForm .tableVehicleOverview {
	width: 100%;
  	margin: 20px 0px 20px 0px;
}

#configurationPrintForm\:tyrelabelTitleGrid > thead > tr > th {
	padding: 30px 0px 0px 0px;
}

#configurationAdditionalFieldsForm\:containerAdditionalFieldsButtons input {
	padding: 8px;
	width: 250px;
	float: right;
}

/* Price search display */
.pricesDisplaySelection{
	min-width: 619px;	
}

.pricesDisplaySelection fieldset > table {
	display:flex;
	flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.pricesDisplaySelection fieldset {
    justify-content: space-between;
    width: 100%;
}

[id$="priceDisplayGrid"] {
	margin-left: 150px;
}
	
div.pricesDisplaySelection>fieldset:nth-child(1)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2)>label:nth-child(1) {
	height: 24px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
	position: relative;
	cursor: pointer;
}

[id$="searchCustomr"] {
	width: 391px;
	display: block;
	position: relative;
	top: 6px;
}

[id$="searchCustomr"] > img {
	width:24px;
	height:24px;
}

#demandForgottenPass{
	padding: 0px 46px 24px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	color: #000000;
    text-align: left;
}

#forgottenPassTitle{
    margin-bottom: 24px; 
}

.forgottenPasswordInputSeparation{
    margin-top: 8px;
}

.forgottenPasswordMainButtonPanel{
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
}

#forgottenPasswordDivInputs{
	margin-left: 126px;
}

#forgottenPasswordBack{
	padding-top: 8px;
}

#forgottenPasswordErrorDetails {
	font-family: VWAGTheSans-Regular;
	font-size: 14px;
	color: #DA0C1F;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.2px;
	padding: 14px 46px 8px;
	display: none;
    text-align: left;
}


.standardSearchForm > table{
	width:1080px;
}

.standardSearchForm .searchSection fieldset, .startSimpleForm {
	padding-left: 108px;
    padding-right: 108px;
    padding-top: 24px;
}

.standardSearchForm .searchSection  fieldset > table:last-child {
	float: right;
}

.standardSearchForm .searchSection > fieldset > table > tbody {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.standardSearchForm .searchSection > fieldset> legend{
    margin: 0px;
    padding-top: 24px;
}

.standardSearchForm .searchSection fieldset > table > tbody > tr {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

.resultSection fieldset {
	margin: 0;
	padding: 0;
}

.legendHiddenGui {
	display:none;
	height:0px;
}

.searchButtonGrid {
	width: 100%;
	background-color: #FFF;
	padding-right: 20px;
}

.searchButtonGrid > tbody {
	display: flex;
	justify-content: flex-end!important	;
}
.searchButtonGrid > tbody > tr {
	flex-direction: row!important;
}
.searchButtonGrid input {
	float: right;
}

.searchButtonGrid td:first-child{
	width: auto;
}

.searchButtonGrid td{
	padding-left: 24px;
}


.searchButtonGrid.standardPaddingRight > tbody > tr:last-child td:last-child{
	padding-right:108px;
}

.searchSection > fieldset > table > tbody >tr >td > [id$="checkboxGrid"] td,
#sapOrderSearchForm\:checkboxGrid td{
	padding-right:24px;
}

#clientSearchForm\:checkboxGrid> tbody > tr {
    display: inline;
}

/****************************/
/*   ADAPTION FORM PAGES    */
/****************************/

.structureFormPages{
	width: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.whiteBackgroundColor{
	background-color: white;
	width: auto;
}

.legendRights{
	display: flex;
	padding-top: 24.5px;
    padding-left: 100px;
}

.sectionPages{
    display: flex;
    flex-direction: row;
}

.sectionFormPages{
	display: flex;
	flex-direction: row;
	border-top: solid 1px #DFE2E5;
}

.leftSectionPages{
    height: 100%;
    text-align: left;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-left: 108px;
    flex-direction: column;
    display: flex;
}

.leftSectionFormPages{
	height: 100%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 24.5px;
    background-color: #FFFFFF;
    padding-top: 24.5px;
    padding-left: 108px;
    flex-direction: column;
    display: flex;
}

.rightSectionFormPages{
	height: 100%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 24.5px;
    background-color: #FFFFFF;
    padding-left: 80px;
    margin-right: 108px;
    width: 392px;
}

.sectionContractRights{
	height: 100%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 16px;
    background-color: #FFFFFF;
    margin-left: 108px;
    display: flex;
}

.sectionContractRightsChkBox{
	height: 100%;
    vertical-align: top;
    text-align: left;
    padding-bottom: 16px;
    background-color: #FFFFFF;
    margin-left: 108px;
    display: flex;
}

.labelFormPages {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	margin-bottom: 2px;
	color: #1B1E1F;
	margin-top: 16px;
}

.labelValuesFormPages {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #20607E;
}

.innerColumnCarpolValueLimit{
	max-width: 540px;
	padding-left: 108px;
}

.innerColumnCarpolValueLimitRight{
	width: 540px;
    vertical-align: top;
}

.labelCarpolValueLimit {
	margin-bottom: 20px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
}

#carpolicyValueLimitCarpolicyForm:maxExtraEquipmentPercentage{
	width: 392px !important;
	height: 40px !important;
}

#carpolicyExportForm input, #carpolicyGroupSearchForm input,
#carpolicyGroupCreateForm\:groupSaveCarpolicyButtonContainer input {
	padding: 8px;
	width: 240px;
}

#carpolicyExportForm\:exportCarpolicyButtonContainer {
	background: white;
	width: 1080px;
	float: right;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
}

#carpolicyExportForm\:exportCarpolicyButtonContainer td, 
#carpolicyGroupSearchForm\:groupCarpolicyButtonContainer td,
#carpolicyGroupCreateForm\:groupSaveCarpolicyButtonContainer td,
#carpolicyEmailNotificationForm\:emailNotificationContainer td {
	width: 360px;
}

#carpolicyExportForm\:cancel, #carpolicyGroupSearchForm\:cancelCarpolicyGroupSearch, 
#carpolicyGroupCreateForm\:cancelCarpolicyGroup, #carpolicyEmailNotificationForm\:cancelEmailNotification {
	float: right;
	margin-right: 10px;
}

#carpolicyGroupSearchForm .resultsection, #carpolicyGroupSearchForm .resultsection fieldset {
	margin: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#carpolicyGroupCreateForm input[type='text'] {
	width: 392px;
}

#carpolicyGroupCreateForm\:errorMessageEmptyCarpolicy,
#carpolicyEmailNotificationForm\:errorMessageEmailBody,
#carpolicyEmailNotificationForm\:errorMessageEmailSubject {
	color: red;
}

#carpolicyGroupCreateForm select {
	width: 392px!important;
}

#carpolicyConstraintListKeyForm\:carpolicyConstraintCopyGrid select,
#carpolicyConstraintFeatureForm\:carpolicyConstraintCopyGrid select{
	width: 392px;
	background: white;
}

#carpolicyConstraintListKeyForm\:carpolicyConstraintCopyGrid,
#carpolicyConstraintFeatureForm\:carpolicyConstraintCopyGrid {
	width: 100%;
}

#carpolicyGroupCreateForm fieldset > table > tbody > tr:nth-child(2) {
/* 	margin-left: 55px; */
	justify-content: flex-start;
}

#carpolicyEmailNotificationForm > table table {
	width: 820px;
}

#carpolicyEmailNotificationForm table table > tbody > tr {
	justify-content: normal;
}

#carpolicyEmailNotificationForm table table > tbody {
	justify-content: normal;
}

#carpolicyEmailNotificationForm table table > tbody > tr:nth-child(2) {
	margin-left: 55px;
	justify-content: flex-start;
}

#carpolicyEmailNotificationForm table table > tbody > tr:nth-child(2) > td:nth-child(2) > #text {
	color: red;
}

#carpolicyEmailNotificationForm textarea {
	display: flex;
}

#carpolicyConstraintCarlineGroupForm\:carpolicyCarlineGroupButtons input,
#carpolicyConstraintCarlineForm\:carpolicyCarlineButtons input,
#carpolicyConstraintModelForm\:carpolicyModelButtons input,
#carpolicyConstraintListKeyForm\:carpolicyListKeyButtons input{
	padding: 8px 25px 8px 25px;
}

#carpolicyConstraintModelForm td {
	overflow-wrap: break-word;
}

.prUserLabel {
	padding: 12px 0px 0px 5px;
}

.paddingCarpolValues{
	margin-bottom: 24px;	
}

.paddingPersonRightsUser{
	margin-bottom: 24px;
	margin-left: 108px;	
}

.additionalPaymentType, .maxExceedanceType{
	width: 70px;
    background-color: #20607E;
    border-radius: 2px;
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
	background-image:url("/fo/javax.faces.resource/img/chevron-down-16-white.svg.jsf?ln=groupui");
}

.legendCarpolicyValueLimit{
	margin-top: 24px;
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    color: #20607E;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 24px;
    padding-inline-start: 0px;
}

.labelPersonRights {
	margin-bottom: 16px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
}

.valuesLabelFormPages {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #1B1E1F;
	margin-top: 1px;
}

.divLabelContractRights{
	width: 392px;
	padding-top: 2px;
}
.divLabelContractRightsEmptyTitle{
	margin-left: -392px;
}

.legendForms {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #A8ADB3;
}

.labelContractRights{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
}

.valuesFormPages {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #20607E;
}

.gfp_title_grid {
    margin-left: 108px;margin-right: 108px;margin-top: 44px;margin-bottom: 44px;width:850px;
}
.gfp_title_text {
    font-size:45px;
}

.gfp_section_title_grid {
    margin-left: 108px;margin-right: 108px;margin-top: 34px;margin-bottom: 34px;width:850px;
}
.gfp_section_title_text {
    font-size:40px;
}
.gfp_hr {
	width:1080px;
}
.gfp_fieldset {
	padding-left: 108px;padding-right: 108px;padding-top: 34px;padding-bottom: 34px;
}
.gfp_legend {
	font-size:20px;font-weight:bold; margin: 0px;padding-top: 24px;
}
.gfp_section_grid {
	display: block;background-color:white;
}
.gfp_section_separador {
    height: 40px;
    display: block;
}
.gfp_field_caption {
	color:#999999;
}
.gfp_field_value {
	font-size:20px;
}
.gfp_fulfilled {
	color:green;
}
.gfp_not_fulfilled {
    color:red;
}
.gfp_info_grid_column {
	height:30px;
	width:50%;
	vertical-align: top;
}

.inputFieldFormPages{
	width: 392px !important;
	height: 40px !important;
}

.inputTextareaFieldFormPages{
	width: 392px !important;
	height: 130px !important;
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
}

.leftHrFormPages{
	margin-left: -108px;
	margin-top: -24.5px;
	margin-bottom: 20px;
	height: 1px;
    background-color: #DFE2E5;
    border: none;
}

.hrFull{
	height: 1px;
    background-color: #DFE2E5;
    border: none;
}

.rightHrFormPages{
	margin-top: -24.5px;
	margin-bottom: 20px;
	margin-right: -105px;
	height: 1px;
    background-color: #DFE2E5;
    border: none;
}

.rightHrFormPagesVL{
    height: 1px;
    background-color: #DFE2E5;
    border: none;
    width: 540px;
}

.leftHrFormPagesVL{
    margin-left: -123px;
    height: 1px;
    background-color: #DFE2E5;
    border: none;
    width: 540px;
}

.checkBoxFormPages{
	display: flex;
	flex-direction: row;
	margin-bottom: 16px !important;
	margin-left: -4px !important;
    align-items: center;
}

.textCkeckBoxFormPages{
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
	top: 0px !important;
}

.marginButtonPR{
    margin: 0px 20px 30px !important;
    margin-left: 640px !important;
}

.buttonPRSave{
	margin: 0px 0px 30px !important;
}

#generatePasswordInfo{
	width: 420px;
	height: 116px;
	background-color: #FFF7DB;
	border: 1px solid #FF9B00;
	display: flex;
	flex-direction: row;
}

#textGeneratePasswordInfo{
	width: 332px;
	height: 96px;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	color: #4C5356;
	align-self: center;
}

.imgGeneratePassowrdInfo{
	width: 20px;
	height: 20px;
	margin: 12px;
}

#contractSectionFormPages{
	height: 100%;
    text-align: left;
    padding-bottom: 24.5px;
    background-color: #FFFFFF;
    padding-top: 24.5px;
    padding-left: 108px;
	display: flex;
	flex-direction: row;
}

.divFlexDirCol{
	display: flex;
	flex-direction: column;
}

.divFlexDirRow{
	display:flex;
	flex-direction: row !important;
}

.spaceFilter{
	height: 25px !important;
	display: block;
}

.formButton{
	margin: 0px;
}

.sectionButtons{
	display: flex;
	justify-content: flex-end;
	padding-left: 80px;
    margin-right: 108px;
    margin-top: 32px;
}

.sectionButtonsGfp{
	display: flex;
	justify-content: flex-end;
	padding-left: 80px;
    margin-top: 32px;
}

.directionRowReverse{
	display:flex;
	flex-direction: row-reverse;
}

.headerContractList{
	width: 392px !important;
}

.headerMailList{
	width: 100%;
	height: 36px;
	margin-top: 24.5px;
}

.tableForms{
	height: auto !important;
	width: 392px;
}

.backButtonFormPages{
	margin-right: 10px;
    background-color: white;
    color: #20607E;
    border: 1px solid #20607E;
    border-radius: 2px;
}

.backButtonFormPages:hover {
	background-color: rgba(32, 96, 126, 0.10);
}

.backButtonFormPages:active {
	background-color: rgba(32, 96, 126, 0.20);;	
}

.backButtonFormPages:disabled {
 	border: 1px solid #A8ADB3;
 	background-color: #FFFFFF;
 	color: #A8ADB3;
	
}

.valueLabelWithMargin{
	margin-top: 8px;
	margin-bottom: 24px;
}

.buttonMail{
	padding: 0px;
	width: 175px;
}

/****************************/

.displayYes {
    display:true;
}

.displayNo {
    display:none;
}

.startBrandGroupUI {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.startBrandGroupUI td{
	padding-left: 25px;
	padding-right: 25px;
}

.commercialVehiclesStart {
	padding-left: 15px!important;
	padding-right: 15px!important;
	text-align: center;
	font-family: VWAGTheSans-Regular;
	font-size: 8px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	font-weight: 400;
	max-width: 20px!important;
}

.startFleetOrderingGroupUI {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
}

.startTextAboveFleetOrdering {
	font-family: VWAGTheSans-Regular;
	font-style: normal;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	font-weight: 400;
	line-height: 150%;
}

.startButtonGroupUI {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.labelLanguage {
	position: relative;
	left: 210px;
	font-family: VWAGTheSans-Regular;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	font-weight: 400;
	width: min-content;
}

.startSelectorLanguagesGroupUI {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}

.comboLanguagesStart {
	font-size: 16px;
	width: 240px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	font-weight: 400;
	background-color: #00354D;
	background-image: url("/fo/javax.faces.resource/img/chevron-down-16-white.svg.jsf?ln=groupui");
}

.variableTextContainer {
	width: 1080px;
	padding: 0 10px 0 10px;
}

#startForm fieldset {
	width: 1018px;
	padding: 0px 30px 0px 30px!important;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#startForm legend {
	margin-bottom: 30px;
	padding: 0px;
}

#intranetLoginContainer {
	background: #FFFFFF;
	padding: 35px 0px 10px 0px;
	margin-bottom: 20px;
}

#intranetLoginContainer .standardButton {
	margin-left: 30px;
	float: right;
}

#intranetLoginContainer .loginTextFieldGui {
/* 	margin-right: 110px; */
	margin-bottom: 20px;
}

#intranetLoginContainer >table {
	width:100%;
}

#intranetLoginContainer fieldset {
	width: auto!important;
    padding-left: 80px!important;
    padding-right: 80px!important;
}

#intranetLoginContainer fieldset > table > tbody >tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#intranetLoginContainer fieldset > table:last-child > tbody >tr > td:first:child{
	width: 200px;
}

#intranetLoginContainer fieldset > table{
	width: 100%;
}
[id$="switchUserForm"] {
	display: none;
}

.backGroundStartPage {
	background: radial-gradient(58.11% 127.1% at 50% 50%, #004666 0%, #00354D 100%);
}

#bannerLink > img {
	height:82px;
	margin:5px;
}

#telekomTestPanelGrid2columns {
    font-family:VWAGTheSans-Regular;
    font-size:14px;	
}


.selectedContextTelekom {
	width: 400px;
	margin-top:10px;
}

.marginLeft40 {
	margin-left:40px;
}

.marginTop10 {
    margin-top:10px;
}

.adjustGlobalLabel {
font-family:VWAGTheSans-Regular;
font-size:14px;	
}

.buttonsSeparatedSection{
	width:100%;
}

.buttonsSeparatedSectionRow{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;	
}

[id$="reportingDocumentStore"]{
	padding-right: 40px;
}

.imageTableCell {
    padding-left: 0px!important;
    padding-right: 8px;
}

.paginationButtonsResultContainer {
    width: 55%;
    text-align: right;
}

.paginationButtonsContainer {
	width: 45%;
}

.paginationButtonsContainer .tableResultHeaderCentered {
	float: left;
}

.labelFontSize15 label{
	font-size: 15px!important;
}

.clientSearchFieldsRow {
    width: 392px;
}

.clientSearchFieldsRow:last-child{
	width:100%;
}
.panelGridAddress {
	width: 100%;
}


.panelGridAddress .columnPostalCodeField {
	    padding-right: 8px;
}

.panelGridAddress .columnPostalCodeField input{
	width: 100%;
    margin-right: 5px;
}

.panelGridAddress .columnCityField {
	width: 296px;
}
.panelGridAddress .columnCityField input {
	width:100%;
}


.flexFormRowPanelGrid {
	display: flex;
    flex-direction: column;
} 

.modalSearchForm {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
    padding-bottom: 24px;
}

.modalSearchForm fieldset{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #DFE2E5;
}

.modalSearchForm > fieldset:first-of-type {
	padding-bottom:35px;
}

.modalSearchForm input[type="submit"] {
	float:right;
}

#addressSelectForm\:modalSearchInputFields tr, #addressSelectForm\:modalSearchInputFields input,
#addressSelectForm\:modalSearchInputFields select {
	width: 340px;
	background-color: #FFFFFF;
}

#leasingConditionsSelectForm\:modalSearchInputFields tr:last-child{
	margin-left: 50px;
}

#leasingConditionsSelectForm fieldset {
	border: none;
}

#addressSelectForm input[type="submit"] {
	margin: 30px 0px 40px 10px;
}

[id$="modalSearchTextInfo"], .modalInputTextInfo {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.2px;
	margin-top: 24px;
    margin-bottom: 25px;
}

[id$="modalSearchInputFields"] > tbody{	
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	
}

[id$="modalSearchInputFields"] tr {
	display: flex;
    flex-direction: column;
}

[id$="modalSearchInputFields"] tr label {
    padding-top: 16px;
    display: block;
}

[id$="actionColumn"] >table >tbody >tr:last-child {
	position:absolute;
	padding-left: 0px;
}

#dealerSelectForm .tableHeader, #personSelectForm .tableHeader {
	width: 845px;
}

.modalSearchForm .tableContainer > table, .modalSearchForm .tableContainer > table > tbody {
	width: 100%;
}

#deliveryAddressSelectForm .tableHeader,
#customerSelectForm .tableHeader{
	width: 859px;
}
	

#dealerSelectForm .tableContainer, #personSelectForm .tableContainer {	
    width: 842px;
}

#deliveryAddressSelectForm .tableContainer,
#customerSelectForm .tableContainer {	
	width: 856px;
}

#personSelectForm\:modalSearchInputFields tr {
	width: 392px;
}

#personSelectForm input[type="radio"] {
	margin-right: 4px;
}

#personSelectForm input[type="submit"] {
	margin: 20px 0px 40px 20px;
}

.radioButtonSearchField {
	margin-top: 42px;
}

.radioButtonSearchField > tbody > tr {
	flex-direction: row;
}

.radioButtonSearchField > tbody > tr > td {
	display: flex;
}

.radioButtonSearchField > tbody > tr > td > label {
	padding-top: 2px;
}

.tableLayoutSettingGridGUI{
	width: 946px;
	margin-left: 108px;
}

[id$="settingGrid"] > tbody > tr {
	width: 946px;
}

[id$="settingGrid"] > tbody > tr > td {
	width: 473px;
}

[id$="settingGrid"] .innerTableColumnLayoutGrid {
	width: 473px!important;
	box-shadow: none;
}

[id$="settingGrid"] .innerTableColumnLayoutGrid fieldset {
	width: 473px;
}

[id$="vehicleInformationGrid"] .innerTableColumnLayoutGrid {
	box-shadow: none;
}


.standardForm, 
.standardFormWithoutPadding {
	background-color: white;
	width: 1080px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
}

.standardForm > table,
.standardFormWithoutPadding > table{
	width:100%;
	border-bottom: 1px solid #DFE2E5;
} 

.standardForm > table:last-child,
.standardFormWithoutPadding > table:last-child {
	border-bottom: none;
} 

.standardForm fieldset {
	margin-right: 108px;
	margin-left: 108px;
	margin-top: 24px;
	padding:0;
}

.standardForm fieldset fieldset{
	margin-right: 0px;
	margin-left: 0px;
}

.standardFormWithoutPadding fieldset {
	margin-top: 24px;
	padding-left: 12px;
    padding-right: 12px;
}

.standardFormWithoutPadding fieldset > fieldset{
	margin-top: 0px;
}

.standardForm  fieldset > table > tbody,
.standardForm  fieldset > table > tbody > tr,
.standardFormWithoutPadding  fieldset > table > tbody,
.standardFormWithoutPadding  fieldset > table > tbody > tr{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

.standardForm  fieldset > table > tbody > tr,
.standardFormWithoutPadding fieldset > table > tbody > tr{
	display: flex;
	flex-direction: column;
	padding-bottom:24px;	
}

.standardFormWithoutPadding .resultSection  fieldset > table > tbody > tr{
	padding-bottom: 0px;
}


.standardForm .genericFieldLabelColumn,
.standardFormWithoutPadding .genericFieldLabelColumn {
    width: 392px;
}

.standardForm .standardTable tbody {
    display: table-row-group;
}

.standardForm .standardTable tr {
	display: table-row;
}

.standardTable > tbody > tr > td:nth-child(2) {
	width: 100px;
	padding: 5px;
}

.standardTable > tbody > tr > td {
	padding: 5px;
	vertical-align: middle;
}

.standardTable select, .standardTable > tbody > tr > td:nth-child(3) {
	width: 200px;
}

.checkboxPanelGrid tr{
	flex-direction: row!important;
}

.checkboxPanelGrid td:last-child {
	padding-top: 5px;
}

.checkboxPanelGrid label{
	cursor: pointer;
}

.colFirst {
	width: 240px;
    padding-top: 20px;
    padding-left: 40px;
    vertical-align: top;
}

.colSecond {
	width: auto;
    padding-top: 20px;
    vertical-align: top;
}

.formTextInfoGui {
    font-family: 'VWAG TheSans';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2px;
    margin-top: 24px;
    margin-bottom: 24px;
    display: inline-block;
}
    
.buttonPanelGrid{
    float: right;
    width: 100%;
}

.buttonPanelGrid tbody{
	float:right;
}


[id$="mappingTableResult"] select{
	max-width: 226px;
}

[id$="mappingTableResult"] input[type="text"]{
	width: auto;
}

.buttons-container {
    display: flex;
    justify-content: flex-end;
    gap: 20px; 
    padding-right: 40px; 
}

.buttonsFormFooter input[type="submit"] {
	padding-left: 10px;
    padding-right: 10px;
}

.buttonsFormFooter td{
	text-align: right;	
}

.buttonsFormFooter td:first-child {
	width:100%!important;
}

.buttonsFormFooter td:last-child {
	padding-right: 108px;
	padding-left: 10px;
}

.buttonsFormFooter {
-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.25);
    background-color: white;
    border-top: 1px solid #DFE2E5;
}

.alignRightWithPadding {
	padding-right: 108px;
	text-align: right;
}

.radioButtonsSearchBlock{
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #1B1E1F;
    display:block;
    width:850px;
	 
}

.standardForm2Columns {
	padding: 0px 108px 0px 108px;
	background: white;
    width: 864px;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
}

.standardForm2Columns fieldset table > tbody > tr {
	display: flex;
	flex-direction: column;
}

.standardForm2Columns fieldset{
	width: 392px;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	padding-bottom: 0px;
}

.standardForm2Columns legend {
	padding-top: 24.5px!important;
}

.standardForm2Columns .innerTableColumnLayoutGrid { 
	padding-top:0px;
    box-shadow: none;
}

.standardForm2Columns .tableColumnHalfWidth, .standardForm2Columns fieldset table > tbody > tr,
.standardForm2Columns fieldset table > tbody > tr > td {
	width: 392px;
/* 	width: auto; */
}

.standardForm2Columns .formatInputWithUnits > tbody > tr{
	display:table-row!important;
}

.standardForm2Columns .formatInputWithUnits > tbody > tr > td:first-child,
.standardForm2Columns .formatInputWithUnits > tbody > tr > td:first-child tr,
.standardForm2Columns .formatInputWithUnits > tbody > tr > td:first-child input {
	width: 360px!important;
}

.standardForm2Columns .formatInputWithUnits > tbody > tr > td:last-child {
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}

.tableColumnHalfWidth:last-child > table{
	float: right;
	width: 392px;
} 

.standardForm2Columns label {
    margin: 15px 0px 2px 0px;
	display: inline-block;
}

.standardForm2Columns input[type="radio"]+label { 
	margin: 0;
}
	
.standardForm2Columns input[type="text"], .standardForm2Columns select,
.standardForm2Columns textarea{
	width: 392px!important;
}

.standardForm2Columns [id$="selectDeliveryDealer"] .tableColumnBig {
	padding-bottom: 5px;
}

.standardForm2Columns [id$="selectDeliveryDealer"] .tableColumnPlain {
	padding-bottom: 15px;
}

.standardForm2Columns .tablePrices input {
	width: 90px!important;
	display: inline-block;
	padding: 3px;
}
 
#orderConfigurationForm\:desiredDeliveryDate.rf-cal {
	float:left;
}

.standardForm2Columns .tableDirectEntry input,
.tableDirectEntry input  {
	width: 80px!important;
	display: inline-block;
	padding: 3px;
}

.standardForm2Columns .tableDirectEntryHeader input,
.tableDirectEntryHeader input {
	width: 120px!important;
	display: inline-block;
	padding: 3px;
}

#orderConfigurationForm\:mbvHeaderTitleGrid fieldset{
	padding-left: 105px;
}

.standardForm2Columns .tableColumnBig{
	display: block;
}

.standardForm2Columns .unitsAfterInput table table {
	width: 360px;
	display: inline-block;
	vertical-align: middle;
}

.standardForm2Columns .unitsAfterInput .b {
	display: block;
	padding-top: 20px;
}

.standardForm2Columns .inputWithUnit, .standardForm2Columns input[type="text"].inputWithUnit {
	width: 360px!important;
	display: inline-block;
	vertical-align: middle;
}

.standardForm2Columns .tableColumnVeryBig {
	display:block;
}

[id$="orderConfigurationGridRight"] {
    float: right;
}

.tablePrices {
	width: 392px!important;
	margin: 0;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
}

.tablePrices tr {
	display: table-row!important;
}

.tablePrices td {
	display: table-cell;
	padding: 5px;
}

.tablePrices tr:first-child {
	border-bottom: 2px solid white;
}


.tableDirectEntry, .tableDirectEntryHeader {
	width: 392px!important;
	margin: 0;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0);
	background-color: white;
}

.tableDirectEntry tr, .tableDirectEntryHeader tr {
	display: table-row!important;
}

.tableDirectEntry td, .tableDirectEntryHeader td {
	display: table-cell;
	padding: 5px;
}

.tableDirectEntry tr:first-child, .tableDirectEntryHeader tr:first-child {
	border-bottom: 2px solid white;
}

#offerConfigurationForm\:requestedDeliveryWeekCalendarPopupButton {
	padding-left: 360px;
}

#offerConfigurationForm\:footerOfferButtonsContainer {
	float: right;
}

#offerConfigurationForm\:footerOfferButtonsContainer input {
	margin-left: 10px;
}

#offerConfigurationForm\:backButton, #offerConfigurationForm\:createOfferButton {
	float: right;
	margin-left: 10px;
}

#offerConfigurationForm\:selectInvoiceRecipientSelect,
#offerConfigurationForm\:selectClientRecipientSelect {
	padding: 8px 30px 8px 30px;
	margin-right: 10px;
}

#offerConfigurationForm\:dealerInformationGroup label + span, 
#offerConfigurationForm\:dealerInformationGroup tr:nth-child(5) label{
	margin-top: 15px;
	display: inline-block;
}

#offerConfigurationForm\:dealerInformationGroup input {
	margin-bottom: 1px;
}

.radioButtonsSearchBlock > table> tbody > tr >td {
	padding-bottom:14px;
}


.standardPaddingLeft {
	padding-left:108px!important;
}

.standardPaddingRight {
	padding-right: 108px!important;
}

.standardMarginRight {
	margin-right: 108px!important;
}

.marginRight24{
	margin-right:24px;
}

.marginRight40{
	margin-right:40px;
}

.marginLeft24{
	margin-left:24px;
}

.buttonMediumPadding {
	padding-left:48px;
	padding-right:48px;	
}


.inlineActionColumn {
	padding: 4px 0px 0px 0px!important;
}

[id$="valuetableentryButtonsGroup"] {	
    float: right;
    margin-right: 24px;
}

[id$="valuetableentryButtonsGroup"]:last-child {
	padding-right: 108px;
	margin-right: 0px;
}

.paginationText{
	padding-left: 20px;
}

[id$="uploadMappingData"]{
	width: 540px;
}


.fullWidthInsideForm {
	display: block;
    width: 864px;
}

.buttonsGridForm {
    width: 100%;
}

.buttonsGridForm > tbody {
	float: right;
}


[id$="carpolicyValueLimitCarpolicyForm"] .buttonsGridForm > tbody {
	float: left;
}

.buttonsGridForm tr{
	flex-direction: row!important;
}

.buttonsGridForm input[type="submit"] {
	margin-left: 24px;
	padding: 8px 25px 8px 25px;
}

#mappingTableSearchForm .buttonsGridForm .standardMarginRight{
    margin-right: 67px!important;
}

.buttonsGridForm.standardPaddingRight > tbody {
	padding-right:108px;
}


.removeMargins {
	margin: 0!important;
}

.textBlock {
	display: block;
	padding-top: 24px;
	padding-bottom: 24px;
}

.floatRight {
	float: right;
}

.fullWidth {
	width: 100%;
}

.panelGridTable {
	display: table!important;
}
.panelGridTable > tbody {
	display: table-row-group!important;
}

.panelGridTable > tbody > tr {
	display: table-row!important;
}

.panelGridTable > tbody > tr > td{
	display:table-cell!important;
}

.buttonsTable > tbody > tr{
	width: auto!important;
    flex-direction: row!important;
    flex-wrap: wrap;
}

.buttonsTable >tbody > tr >td {
	padding-right: 5px;
	width: auto!important;
}

.requiredMessage {
	color: red;
}


.requiredFooterLegend {
	padding-bottom: 24px;
}


#clientSearchForm .buttonsFormFooter td{ 
	padding-right: 108px;
}

#clientSearchForm .buttonsFormFooter table td{ 
	padding-right: 0px;
}

#contactClientSearchFormAdo .searchSection >fieldset>table{
	width: 100%;
}

tr.buttonsFormRow >td >input, [id$="contractTextId"] {
    margin-left: 24px;
}

.conditionForm > table{
	padding-top: 24px;
	padding-left: 108px;
    display: block;
    padding-right: 108px;
} 

.conditionForm > table > tbody > tr > td {
	padding-top: 10px;	
}

.conditionForm .buttonsFormFooter {
	box-shadow: none;
	webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.conditionForm .buttonsFormFooter td:last-child{
	padding-right: 0px;
}

span.buttonsSpanFooter {
	float: right;
}

span.buttonsSpanFooter >input{
	margin-left: 10px;
}

.modalInputForm{
	padding-left: 45px;
    padding-right: 45px;
    width: auto;
}

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

.modalInputFields tbody > tr{

    flex-direction: column;
    display: flex;
}

.modalInputFields > tbody > tr > td:first-child{
	padding-top: 24px;
}	

[id$="passwdInputGridInner"] tbody {
	display: flex;
    flex-wrap: wrap;
}


[id$="passwdInputGridInner"] tbody >tr{ 
    flex-direction: column;
    display: flex;
}

.modalInputForm .required {
	padding-top:13px;
}  

.passwordForgottenTable > tbody > tr >td:first-child {
	width: 200px;
}

#offerFeedbackForm > table > tbody > tr:first-child{
	margin: 0px 108px 0px 108px;
	display: flex;
}

#offerCreatedForm > table:first-child > tbody > tr:first-child,
#feedbackMailOfferForm > table:first-child > tbody > tr:first-child {
    margin: 24px 108px 0px 108px;
    display: flex;
}

#offerFeedbackForm legend {
	padding-top: 24px;
}

[id$="offerDocumentsTable"] table td:not(:first-child) {	
	padding-left: 5px;
}

#offerFeedbackForm .fullWidthInsideForm {
	width: 400px;
	margin-top: 10px;
} 

#contractSelectionForm .contactSelectPanel {
	width: 1080px;
}

#contractSelectionForm .rf-p-b {
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	margin: 24px 108px 24px 108px;
}

#contractSelectionForm .rf-p {
	border-style: none;
}

#contractSelectionForm, #registrationConfirmationForm {
	margin: 0 auto;
}

#form > table, #registrationConfirmationForm .rf-p {
	width: 100%!important;
}

#form > table > tbody > tr{
	display: flex;
	justify-content: space-between;
}

#form .tableColumnLeft,
#form .tableColumnRight {
	width: auto;
}

#form input[type="file"] {
	width: 392px;
}

#form input[type="submit"] {
	padding: 8px 45px 8px 45px;
	margin-right: 10px;
}

#form.standardForm2Columns {
	padding: 0px 108px 40px 108px;
}

.paddingLeft24 {
	padding-left: 24px;
}

/* Password reminder form */
#passwordReminderFormId.standardForm .rf-p-b {
    padding-left: 108px;
    padding-right: 108px;
    width: 864px;
    padding-top: 24px;
}

#passwordReminderFormId.standardForm .rf-p-b .modalInputFields,
#passwordReminderFormId.standardForm .loginPanel {
    width: 100%;
    border: none;
    padding: 0;
}

#passwordReminderFormId.standardForm {
    margin-left: auto;
    margin-right: auto;
}

#passwordReminderFormId.standardForm .modalInputFields > tbody{
    justify-content: space-between;
}

#passwordReminderFormId.standardForm .modalInputFields table > tbody {
    flex-direction: column;
}

#passwordReminderFormId.standardForm .rf-p-hdr > span {
    margin-left:24px;
}

/* notification group ui error password forgotten*/

#passwordReminderFormId .rf-msgs-err {
	background-image: url(/fo/javax.faces.resource/img/icons/fongstyle/Red_notif.svg.jsf?ln=groupui);
	background-position: 10px 10px;
	background-color: #F7D9E3;
	padding-left: 40px;
	text-align: left;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: left;
	box-shadow: inset 0 0 1px 1px red;
}

[id$="confirmCancelSapCarStored_content"] .modalInputForm > tbody, 
[id$="confirmCancelSapCarStored_content"] .modalInputForm > tbody > tr,
[id$="confirmCancelSapCarStored_content"] .modalInputForm > tbody > tr:last-child > td
{
	width: 100%;
	display: block;
}

.textCentered {
    text-align: center;
}
.textRight {
    text-align: right;
}
.textLeft {
    text-align: left;
}
.width100perCent {
    width:100%;
}

.maxTableLeftOffset {
	left:-100px;
	width:1080px;
}

.marginLeft0Important {
	margin-left: 0px !important;
}

#sapOrderInvoiceForm .standardResultTable .tableRowResultTable > td:first-child,
#sapOrderInvoiceForm .standardResultTable .tableRowResultAlternate > td:first-child {
    padding-left: 24px;
}

#sapOrderInvoiceForm .standardResultTable td {
	vertical-align: middle;
}

#sapOrderInvoiceForm .tableRowResultTable > td:last-child, 
#sapOrderInvoiceForm .tableRowResultAlternate > td:last-child
{
	padding-right:24px;
}

#sapOrderInvoiceForm .standardResultTable tr >td:first-child {
	padding-left:0px
}

.groupStyleClass_PANEL_WITH_TITLE_IDENT_1{
	padding-left:40px
}

.scfManagementTable{
	background-color: white;
	padding-top: 24px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
	width: 1080px;
	padding-left: 105px;
}

[id$="scfManagementForm"] LEGEND{
	margin-bottom: 0px;
  	padding-top: 10px;
}

[id$="scfManagementForm"] FIELDSET{
	padding-left: 105px;
}

.checksScp{
	margin-top: 24px !important;
}

.selectScfTypes{
	width:100px; 
	margin-bottom: 24px;
}

.fullWidthTableInsideForm {
    width: 864px;
}

.verticalAlignTop35 {
	vertical-align:top;
	width:35%;
}
.verticalAlignTop65 {
    vertical-align:top;
    width:65%;
}
.imageButtonsTableSfc{
	height: 24px !important;
    width: 24px !important;
    margin-left: -24px;
}

#valuetableentryEditFieldset {
    width:860px;
}

.elementListTable {
    box-shadow: none!important;    
}

.elementListTable > tbody > tr > td{
	border-top:none!important;
}


.elementListTable > thead > tr > th{
	border-bottom:none!important;
	font-family: 'VWAG TheSans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	color: #1B1E1F;
}
.elementListTable > tbody > tr > td:first-child,
.elementListTable > thead > tr > th:first-child{
	padding-left: 0px!important;
}

#offerConfigurationForm\:additionalEquipmentFreetextGrid > tbody > tr > td:first-child{
	padding-left: 0px;
}

#offerConfigurationForm\:additionalEquipmentFreetextGrid > tbody > tr > td{
	padding-left: 16px;
}

#offerConfigurationForm\:additionalEquipmentFreetextGrid > tbody > tr > td:last-child{
	padding-left: 10px;
}

#confirmNotLoadedDealer_container{
	position: absolute;
	z-index: 100;
	visibility: visible;
	transform: translate(-50%, -50%);
	top: 30%;
	left: 50%;
	border: 1px solid;
}

.inputAsDisabled{
	background-color: rgba(239, 239, 239, 0.3);
	color: #A8ADB3!important;
	pointer-events: none;
	user-select: none;
}

[id$="sendingEmailToDealerStatusForm"] > table:first-child {
	width: 670px !important;
}

[id$="sendingEmailToDealerStatusForm"] .modalDialogButtonGrid {
	margin: 20px 40px 10px 275px;
}

[id$="sendingEmailToDealerStatus_container"] {
	top: 10px!important;
}

.inputNumberColumn tr{
	display:table-row!important;
}

.inputNumberColumn tr > td{
	padding-left:0px!important;
}

.iconColumnCheckPrices {
	width:40px; 
	vertical-align: top;
}

.range_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 20% auto;
}

.sliders_control {
  position: relative;
  min-height: 35px;
}

.form_control {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  color: #635a5a;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;
  position: relative;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: auto;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #C6C6C6;
  cursor: pointer;
  position: relative;
}

input[type=range]::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}

input[type=range]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 100%;
  position: absolute;
  background-color:#2B547E;
  pointer-events: none;
}

.slider_min_input {
	height: 0 !important;
	z-index: 1 !important;
	top: 5px !important;
}

.slider-background {
	background-color: #2B547E;
}

.checkboxTaggingAlignment {
	width: 100%;
	display: flex;
	margin-bottom: 10px;
}

.cehckBoxTaggingTax {
	margin-left: 10px; 
	color: black;
}

.statusTooltip {
	visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    color:black;
    opacity: 0; 
    transition: opacity 0.3s;
    display: block;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

 .statusTooltipIconWrapper{
 	position: relative;
 }   


.statusTooltipIconWrapper:hover .statusTooltip {
    visibility: visible;
    opacity: 1;
}

.statusTooltipIcon {
    background: url("../img/icons/fongstyle/Blue_notif.svg.jsf?ln=groupui");
	background-size: cover;
    background-position: center;
    height: 22px;
    width:22px;
    position: relative;
    margin-right: 4px;
    display: inline-block;
}

.statusLegendTitle {
	font-family: 'VWAG TheSans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #20607E;
    position: relative;
    top: -5px;
}

.tableStatusInfo {
	    min-width: 610px;
}

.tableStatusInfo  table, .tableStatusInfo th, .tableStatusInfo td {
    border: 1px solid black;
    border-collapse: collapse;
}

.tableStatusInfo td {
	padding:7px;
}

.tableStatusInfo > table > tbody{
	vertical-align: top;
}

.searchPageSeparator {
	border-top:1px solid #dfe2e5;
}

.excelTableLayoutGrid td {
	vertical-align: top;
}

#configuratorLoadCarCommissionForm\:infoViewSpecificationInformations .tableVehicleOverview {
	margin-left:0px;
}