/* Material icons outlined */
@font-face {
  font-display: swap;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/material-symbols-outlined-v222-latin-300.woff2') format('woff2');
}


/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

:root {
  --body-color: rgb(44,44,44,1);
  --color-primary: #f9f9f9;
  --df-Grayscale7: #f9f9f9;
  --color-secondary: #F5F0E1;
  --color-tertiary: rgb(227,4,47,1);
  --df-MainRegular: rgb(44,44,44,0.7);
}

:root .interserv {
  --df-Highlight: rgb(227,4,47,1);
}

body, .WebApp.interserv  {
  font: normal normal 400 14.5px Lato, Arial, Helvetica, sans-serif;
  max-width: 100%;
  width: 100%;
}

/* Logo styles */
.interserv div[data-dfobj*="oKundenViewWelcome"] div[data-dfobj*="oLogo"] .WebImg_Wrp {
    max-width: 240px;
    height: auto!important;
}

.df-ModeDesktop .interserv  .WebInlineView > div.WebContainer {
  padding: 0px;
}

.interserv .WebGroup.WebGrp_HasBorder > .WebCon_Inner > div > .WebContainer {
  border: 1px solid transparent;
}

.WebApp.WebContainer.interserv , .interserv .WebInlineView > div > div > div > .WebCon_ContentWrp, .interserv .WebInlineView > .WebContainer,
.interserv div[data-dfobj*="oHomeButtonPanel"] {
  background-color: #ffffff!important;
}

.interserv div[data-dfobj*="oHomeButtonPanel"], .interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp {
  height: auto!important;
}

.interserv div[data-dfobj*="oHomeButtonPanel"] div[data-dfobj*="oWebSpacer1"] {
  display: none;
}

/* Footer styles */
.interserv div[data-dfobj*=".oWebPanelFooter"], .interserv div[data-dfobj*=".oWebPanelFooter"] .WebCon_Sizer  {
  background: var(--body-color)!important;
  max-width: 100%;
  width: 100%;
}

 .interserv div[data-dfobj*=".oWebPanelFooter"] .WebCon_Sizer  {
  display: flex;
}

.interserv div[data-dfobj*=".oWebPanelFooter"] .WebCon_Content {
  display: flex;
  width: 100%;
  max-width: calc(100% - 2rem);
  padding: .5rem 1rem;
}

.interserv div[data-dfobj*=".oWebPanelFooter"] .WebLabel .WebLabel_content {
  font-size: 0.9em;
  line-height: 18px;
}

.interserv .df-ModeTablet div[data-dfobj*=".oWebPanelFooter"] .WebCon_Content {
  max-width: calc(100% - 2rem);
}

.interserv .LoginFooterLabel, .interserv .LoginFooterLabelLeft, .interserv .LoginFooterLabelRight {
  color: #ffffff;
  width: 100%!important;
  margin: 0 auto;
  font-weight: 400;
}

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

.interserv .LoginFooterLabelLeft{
    text-align: left;
}

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

.interserv .WebControl .WebFrm_Wrapper, .interserv .WebCombo select {
  line-height: 1.6rem;
  padding: .3rem .6rem;
  border-radius: .3rem;
}

.interserv .WebCombo select {
  background-color: #ffffff;
}

.interserv .WebCombo select:disabled {
  background-color: #f9f9f9!important;
}


.interserv .LoginView .WebForm input, .interserv .LoginView .WebForm .WebDynFrm {
  height: auto;
}

.interserv .WebForm input {
  padding: 0px;
  font-size: 100%;
}

/* Buttons */
.interserv .Tile .WebCon_Sizer {
    height:126px;
    background: var(--color-tertiary) ;
    color:#FFFFFF;
    margin: 5px;
    cursor: pointer;
}

/* Welcome text */
.interserv div[data-dfobj*="oWelcomeLabel"], .interserv div[data-dfobj*="oWebLabel1"], .interserv .WebInlineView label.WebWin_title,
.interserv div[data-dfobj*="oWebLabel1"] .WebLabel_content, .interserv div[data-dfobj*="oWebGroup0"] .WebGrp_Caption  {
  float:none!important;
  text-align: left;
  font-size: 1.4rem!important;
  padding: .5rem!important;
  width: 95%!important;
  background: transparent!important;
  color: var(--body-color)!important;
  font-weight: bold!important;
  display: block;
}

/* Center Home: Welcome text */
.interserv div[data-dfobj*="oWelcomeLabel"]  {
  text-align: center;
  padding: 2rem .5rem;
  margin: 0 auto!important;
  max-width: 700px!important;
}

/* Home: Buttons */
.interserv div[data-dfobj*="oCusTiles_grp"], /* customer login */
.interserv div[data-dfobj*="oTiles_grp"] /* supplier login */ {
  margin: 0 auto!important;
  width: 100%!important;
}

.interserv div[data-dfobj*="oCusTiles_grp"] .WebCon_Content,
.interserv div[data-dfobj*="oTiles_grp"] .WebCon_Content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: calc(1rem + 1.8vw);;
  justify-content: center;
  align-items: center;
  margin: 0 auto!important;
  max-width: 700px!important;
  width: 100%!important;
  float: none!important;
  padding: 2rem 0;
}

.interserv div[data-dfobj*="oCusTiles_grp"] .WebCon_Content .WebControl,
.interserv div[data-dfobj*="oTiles_grp"] .WebCon_Content .WebControl {
  width: auto!important;
  text-align: center;
}

.interserv .Tile .WebCon_SizerOn .Tile_Icon, .interserv .WebCon_SizerHome .Tile_Icon {
  font-family: 'Material Icons' !important;
  font-size: 3rem!important;
  top: auto;
}

.interserv .df-ModeMobile .TilesGroup.WebGroup > .WebCon_Inner{
    padding: 0px;
}

.interserv .Tile .WebCon_SizerOn, .interserv .Tile .WebCon_SizerHome {
  display: flex;
  gap: .1rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--color-tertiary);
  color: #ffffff;
  border-radius: .7rem;
  margin: 0 auto;
  box-shadow: none;
  overflow: hidden;
}

.interserv div[data-dfobj*="oCusTiles_grp"] .Tile .WebCon_SizerOn,
.interserv div[data-dfobj*="oTiles_grp"] .Tile .WebCon_SizerOn,
.interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp {
  display: flex;
  gap: .3rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 130px!important;
  height: 130px!important;
  background-color: var(--color-tertiary)!important;
  color: #ffffff!important;
  border-radius: .7rem!important;
  margin: 0 auto!important;
  box-shadow: none!important;
}

.interserv div[data-dfobj*=".oCusTiles_grp"] .Tile .WebCon_SizerOn:hover,
.interserv div[data-dfobj*=".oTiles_grp"] .Tile .WebCon_SizerOn:hover,
.interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp:hover {
  background-color: var(--body-color);
  color: #ffffff;
  cursor: pointer;
}

.interserv div[data-dfobj*=".oCusTiles_grp"] .Tile_TextUnderIconOn, .interserv .Tile_TextUnderIconLogout,
.interserv div[data-dfobj*=".oTiles_grp"] .Tile_TextUnderIconOn, .interserv .Tile_TextUnderIconLogout  {
  font-size: 1rem;
  text-align: center;
  color: #ffffff;
  top: 0px;
}

/* Buttons side panel */
.interserv div[data-dfobj*="oHomeButtonPanel"] .WebCon_Content {
  display: flex;
  gap: .6rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp {
    width: 70px!important;
    height: 70px!important;
}

.interserv div[data-dfobj*="oHomeButtonPanel"] .Tile .WebCon_SizerOn .Tile_Icon, .interserv div[data-dfobj*="oHomeButtonPanel"]  .WebCon_SizerHome .Tile_Icon {
  font-size: 2.2rem!important;
}

.interserv div[data-dfobj*="oHomeButtonPanel"] .Tile .WebCon_SizerOn .Tile_TextUnderIconOn,
.interserv div[data-dfobj*="oHomeButtonPanel"] .Tile_TextUnderIconHome {
  font-size: 0.8em;
  text-align: center;
  color: #ffffff;
  top: 0px;
}

/* Buttons small screens / top */
.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .WebCon_Content,
.df-ModeMobile .interserv div[data-dfobj*="oHomeButtonPanel"] .WebCon_Content {
  gap: .4rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}

.df-ModeTablet .interserv .WebControl > .WebCon_Inner,
.df-ModeMobile .interserv .WebControl > .WebCon_Inner {
  margin: 0px;
  min-height: auto;
}

.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp {
    width: 45px!important;
    height: 45px!important;
}

.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .Tile .WebCon_SizerOn .Tile_Icon,
.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"]  .WebCon_SizerHome .Tile_Icon {
  font-size: 1.8rem!important;
}

.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .WebControl {
  width: auto !important;
}

.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .Tile .WebCon_SizerOn .Tile_TextUnderIconOn,
.df-ModeTablet .interserv div[data-dfobj*="oHomeButtonPanel"] .Tile_TextUnderIconHome {
  display: none;
}

.df-ModeMobile .interserv div[data-dfobj*="oHomeButtonPanel"] .WebHtml_Wrp {
    width: 35px!important;
    height: 35px!important;
}

.df-ModeMobile .interserv div[data-dfobj*="oHomeButtonPanel"] .Tile .WebCon_SizerOn .Tile_Icon,
.df-ModeMobile .interserv div[data-dfobj*="oHomeButtonPanel"]  .WebCon_SizerHome .Tile_Icon {
  font-size: 1.5rem!important;
}


/* New icons */
.interserv .BBGUploadButton button, .interserv .BBGDeleteFileButton .WebImg_Box, .interserv .BBGDRenameButton .WebImg_Box, .interserv .BBGDownloadButton .WebImg_Box,
.interserv .BBGButton.BBGSelectAllButton .WebImg_Box, .interserv .BBGButton.BBGAddFolderButton .WebImg_Box, .interserv .BBGButton.BBGDeleteFolderButton .WebImg_Box,
.interserv .WebDateForm .WebFrm_Prompt::before, .interserv  .WebIcon_Logout01, .interserv div[data-dfobj*="oSpeichernButton"] .WebImg_Box,
.interserv div[data-dfobj*="oChangePasswort"] .WebImg_Box, .interserv div[data-dfobj*="oWebImage_AGB"] .WebImg_Box  {
  font-family: 'Material Icons' !important;
  font-size: 1.7rem !important;
  text-align: center;
  display: block;
  -webkit-font-feature-settings: 'liga' 1;
  -moz-font-feature-settings: 'liga' 1;
  font-feature-settings: 'liga' 1;
  font-weight: 200;
  opacity: 1;
  position: relative;
}

.interserv .BBGUploadButton button, .interserv .BBGDeleteFileButton .WebImg_Box, .interserv .BBGDRenameButton .WebImg_Box, .interserv .BBGDownloadButton .WebImg_Box,
.interserv .BBGButton.BBGSelectAllButton .WebImg_Box, .interserv .BBGButton.BBGAddFolderButton .WebImg_Box, .interserv .BBGButton.BBGDeleteFolderButton .WebImg_Box,
.interserv .WebGrid .WebList_Body .WebList_Row button,
.interserv .WebList .WebList_Body .WebList_Row button, .interserv div[data-dfobj*="oSpeichernButton"] .WebImg_Box,
.interserv div[data-dfobj*="oChangePasswort"] .WebImg_Box, .interserv div[data-dfobj*="oWebImage_AGB"] .WebImg_Box,
.interserv .WebButton.Web_Enabled button,
.interserv .WebButton.Web_Enabled button,
.interserv .WebGrid .WebList_Body .WebList_Row button,
.interserv .WebList .WebList_Body .WebList_Row button {
  background-color: var(--body-color);
  border: none;
  color: #ffffff;
  border-radius: .7rem;
  line-height: 1.6rem;
  padding: .4rem 0;
  font-size: 105%;
  width: 55px;
  height: auto!important;
  text-align: center!important;
  margin-right: .5rem;
}

.interserv div[data-dfobj*="oWebGroup_AuftragOfferteNeu.oDeleteBt"] button,
.interserv div[data-dfobj*="oWebGroup_AuftragOfferteNeu.oWebButtonAcceptOrder"] button {
  width: 140px!important;
}

.interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDRenameButton,
.interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGMoveFolderButton,
.interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGAddFolderButton,
.interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDeleteFolderButton,
.interserv div[data-dfobj*="oMakeFolderButton"],
.interserv div[data-dfobj*="oDeleteFolderButton"],
.interserv div[data-dfobj*="oFileUploadButton"],
.interserv div[data-dfobj*="oDeleteFileButton"],
.interserv div[data-dfobj*="oRenameFileButton"],
.interserv div[data-dfobj*="oSelectAllButto"],
.interserv div[data-dfobj*="oOpenFileButton"] {
  margin-left: 0px !important;
  width: 55px!important;
  padding: 0.4rem;
}

.interserv .WebButton.Web_Enabled button:hover,
.interserv .WebButton.Web_Enabled button:focus,
.interserv .WebGrid .WebList_Body .WebList_Row button:hover,
.interserv .WebList .WebList_Body .WebList_Row button:hover {
  background-color: #000000!important;
  padding: .4rem .6rem;
  line-height: 1.6rem;
  color: #ffffff!important;
}

.interserv .WebIcon_Account::before,
.interserv .WebIcon_Account button::before,
.interserv button.WebIcon_Account::before,
.interserv .WebIcon_Account>div>span.WebItm_Icon::before,
.interserv .WebIcon_Setting::before,
.interserv .WebIcon_Setting button::before,
.interserv button.WebIcon_Setting::before,
.interserv .WebIcon_Setting>div>span.WebItm_Icon::before,
.interserv .WebIcon_OrderOffer::before,
.interserv .WebIcon_OrderOffer button::before,
.interserv button.WebIcon_OrderOffer::before,
.interserv .WebIcon_OrderOffer>div>span.WebItm_Icon::before,
.interserv .WebIcon_Files::before,
.interserv .WebIcon_Files button::before,
.interserv button.WebIcon_Files::before,
.interserv .WebIcon_Files>div>span.WebItm_Icon::before,
.interserv .df-ModeTablet .WebIcon_Logout01::before,
.interserv .WebIcon_Logout01::before,
.interserv .WebIcon_Logout01 button::before,
.interserv button.WebIcon_Logout01::before,
.interserv .WebIcon_Logout01>div>span.WebItm_Icon::before,
.interserv .WebIcon_Home::before,
.interserv .WebIcon_Home button::before,
.interserv button.WebIcon_Home::before,
.interserv .WebIcon_Home>div>span.WebItm_Icon::before,
.interserv .df-ModeTablet .WebIcon_Home::before,
.interserv .WebIcon_Tool::before,
.interserv .WebIcon_Tool button::before,
.interserv button.WebIcon_Tool::before,
.interserv .WebIcon_Tool>div>span.WebItm_Icon::before,
.interserv .WebIcon_Termbase::before,
.interserv .WebIcon_Termbase button::before,
.interserv button.WebIcon_Termbase::before,
.interserv .WebIcon_Termbase>div>span.WebItm_Icon::before,
.interserv .BBGDeleteFolderButton .WebImg_Box::before,
.interserv div[data-dfobj*="oSpeichernButton"] img,
.interserv div[data-dfobj*="oChangePasswort"] img,
.interserv div[data-dfobj*="oWebImage_AGB"] img,
.interserv .BBGButton.BBGDeleteFileButton img, .interserv .BBGDownloadButton img, .interserv .BBGDRenameButton img,
.interserv .BBGButton.BBGSelectAllButton img, .interserv .BBGButton.BBGAddFolderButton img, .interserv .BBGButton.BBGDeleteFolderButton img  {
  width:60px;
  height: 35px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  margin: 0px auto!important;
  z-index: 5;
  position: absolute;
}

.interserv .WebIcon_Logout01, .interserv .WebIcon_Logout01 button, .interserv button.WebIcon_Logout01, .interserv .WebIcon_Logout01 > div > span.WebItm_Icon,
.interserv .WebIcon_Termbase, .interserv .WebIcon_Termbase button, .interserv button.WebIcon_Termbase, .interserv .WebIcon_Termbase > div > span.WebItm_Icon,
.interserv .UploadButtonIcon button {
  background-image: none;
  height: auto;
}

/* display alt text for hover over new icon */
.interserv .BBGButton.BBGDeleteFileButton img::after, .interserv .BBGDownloadButton img::after {
    content: attr(alt);
    position: absolute;
    display: block;
}

.interserv .BBGDownloadButton .WebImg_Box::after {
  content: 'download' ;
}

.interserv .BBGUploadButton button::after {
  content: 'upload' !important;
}

.interserv .BBGButton.BBGDeleteFileButton .WebImg_Box::after {
  content: 'delete_forever' !important;
}

.interserv .BBGDRenameButton .WebImg_Box::after {
  content:'drive_file_rename_outline';
}

.interserv .WebDateForm .WebFrm_Prompt::before {
  content: 'calendar_month'!important;
  color: var(--body-color)!important;
}

.interserv .BBGSelectAllButton  .WebImg_Box::after {
  content: 'select_all';
}

.interserv .BBGAddFolderButton .WebImg_Box::after,
.interserv span.BBGButton.BBGAddFolderButton::after {
  content: 'create_new_folder';
}

.interserv .BBGDeleteFolderButton .WebImg_Box::after,
.interserv span.BBGButton.BBGDeleteFolderButton {
    content: 'folder_delete';
}

.interserv .WebIcon_Tool::after,
.interserv .WebIcon_Tool button::after,
.interserv button.WebIcon_Tool::after,
.interserv .WebIcon_Tool>div>span.WebItm_Icon::after,
.interserv .WebIcon_Termbase::after,
.interserv .WebIcon_Termbase button::after,
.interserv button.WebIcon_Termbase::after,
.interserv .WebIcon_Termbase>div>span.WebItm_Icon::after {
  content: "database";
}

.interserv .WebIcon_Home::after,
.interserv .WebIcon_Home button::after,
.interserv button.WebIcon_Home::after,
.interserv .WebIcon_Home>div>span.WebItm_Icon::after,
.interserv .df-ModeTablet .WebIcon_Home::after {
  content:'home';
}

.interserv .WebIcon_Logout01::after,
.interserv .WebIcon_Logout01 button::after,
.interserv button.WebIcon_Logout01::after,
.interserv .WebIcon_Logout01>div>span.WebItm_Icon::after,
.interserv .df-ModeTablet .WebIcon_Logout01::after {
  content:'logout';
}

.interserv .WebIcon_Files::after,
.interserv .WebIcon_Files button::after,
.interserv button.WebIcon_Files::after,
.interserv .WebIcon_Files>div>span.WebItm_Icon::after {
  content: "folder_special";
}

.interserv .WebIcon_OrderOffer::after,
.interserv .WebIcon_OrderOffer button::after,
.interserv button.WebIcon_OrderOffer::after,
.interserv .WebIcon_OrderOffer>div>span.WebItm_Icon::after {
    content: "app_registration";
}

.interserv .WebIcon_Setting::after,
.interserv .WebIcon_Setting button::after,
.interserv button.WebIcon_Setting::after,
.interserv .WebIcon_Setting>div>span.WebItm_Icon::after {
    content: "account_circle";
}

.interserv .WebIcon_Account::after,
.interserv .WebIcon_Account button::after,
.interserv button.WebIcon_Account::after,
.interserv .WebIcon_Account>div>span.WebItm_Icon::after {
    content: "list_alt_check ";
}

.interserv div[data-dfobj*="oSpeichernButton"] .WebImg_Box::after {
    content: "save";
    margin-bottom: .2rem;
}

.interserv div[data-dfobj*="oChangePasswort"] .WebImg_Box::after {
    content: "passkey";
    margin-bottom: .2rem;
}

.interserv div[data-dfobj*="oWebImage_AGB"] .WebImg_Box::after {
    content: "contract";
}

/* Tabs styles  */
.interserv .WebTabContainer .WebTab_Btn {
  background: var(--df-Grayscale6);
  border-bottom: 3px solid transparent;
  padding: 7px 10px 3px 10px;
  border-top-right-radius: .3rem;
  border-top-left-radius: .3rem;
  border-bottom: 1px solid transparent;
}

.interserv .WebTabContainer .WebTab_Btn.WebTab_Current, .interserv .WebTabContainer .WebTab_Btn.WebTab_Current:hover, .interserv .WebTabContainer .WebTab_Btn:hover {
  background: #ffffff!important;
  border: 1px solid var(--df-Grayscale4);
  border-bottom: 1px solid #ffffff;
}

.interserv .WebTabContainer .WebTbc_Head {
  background: transparent;
  border-bottom: 1px solid var(--df-Grayscale4);
}

.interserv .WebTabContainer .WebTab_Btn span label {
  text-transform: none;
}

.interserv .WebTabContainer .WebTab_Btn.WebTab_Current span label {
  font-weight: bold;
}


/* Your files */
.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFilePanel"],
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFilePanel"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"],
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] {
  position: relative!important;
  width: 98%!important;
  height: auto!important;
  inset: 0px 0px 0px 10px!important;
}

.df-ModeTabletPortrait .interserv div[data-dfobj*="oFileGrid"],
.df-ModeMobile .interserv div[data-dfobj*="oFileGrid"] {
  min-height: 140px!important;
}


.df-ModeTabletPortrait  .interserv div[data-dfobj*="oFolderTreeView"] .WebTree_Body,
.df-ModeMobile .interserv div[data-dfobj*="oFolderTreeView"] .WebTree_Body {
  height: auto!important;
}

.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .WebPanel_DividerVertical,
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .WebPanel_DividerVertical {
  display: none!important;
}

.df-ModeTabletPortrait .interserv .WebContainer,
.df-ModeMobile .interserv .WebContainer {
  width: 100%!important;
  max-width: 100%!important;
}

.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDRenameButton,
.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGMoveFolderButton,
.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGAddFolderButton,
.df-ModeTabletPortrait .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDeleteFolderButton,
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDRenameButton,
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGMoveFolderButton,
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGAddFolderButton,
.df-ModeMobile .interserv div[data-dfobj*="oCCPFiles.oBBGFolderPanel"] .BBGDeleteFolderButton {
  max-width: 55px;
  padding: 0.5rem;
}

.df-ModeTabletPortrait .interserv div[data-dfobj*="oMakeFolderButton"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oDeleteFolderButton"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oFileUploadButton"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oDeleteFileButton"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oRenameFileButton"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oSelectAllButto"],
.df-ModeTabletPortrait .interserv div[data-dfobj*="oOpenFileButton"],
.df-ModeMobile .interserv div[data-dfobj*="oMakeFolderButton"],
.df-ModeMobile .interserv div[data-dfobj*="oDeleteFolderButton"],
.df-ModeMobile .interserv div[data-dfobj*="oFileUploadButton"],
.df-ModeMobile .interserv div[data-dfobj*="oDeleteFileButton"],
.df-ModeMobile .interserv div[data-dfobj*="oRenameFileButton"],
.df-ModeMobile .interserv div[data-dfobj*="oSelectAllButto"],
.df-ModeMobile .interserv div[data-dfobj*="oOpenFileButton"] {
  margin-left: 0px !important;
  max-width: 55px;
  padding: 0.5rem;
}

.interserv .WebTreeView .WebTree_Body {
  padding: 1rem 0rem;
  border: none;
}

.interserv .WebList .WebList_TableWrp, .WebGrid .WebList_TableWrp {
  height: 95%;
}

/* new order / File management */
.interserv div[data-dfobj*="oFileGrid"] .WebContainer,
.interserv div[data-dfobj*="oWebGroupFiles"] .WebContainer  {
  margin: 0px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0rem!important;
}

.interserv div[data-dfobj*="oFileGrid"] .WebList_BodyWrp {
  margin: 0px !important;
  background: #f9f9f9 !important;
  border: 1px solid #cccccc !important;
  border-radius: .4rem !important;
}

.interserv .WebList table.WebList_Row, .WebGrid table.WebList_Row,
.interserv .WebGrid .WebList_Body .WebList_Row, .WebList .WebList_Body .WebList_Row {
  border-bottom: 1px solid var(--df-Grayscale7);
  border-left: 2px solid transparent;
}

.WebGrid .WebList_Body .WebList_RowOdd, .WebList .WebList_Body .WebList_RowOdd {
  background-color: var(--df-Grayscale7);
}

.interserv div[data-dfobj*="oWebGroupFiles"] .WebContainer .WebCon_Content .WebSpacer {
  display: none;
}

.interserv div[data-dfobj*="oWebGroupFiles"] .WebList_RowOdd, .interserv div[data-dfobj*="oWebGroupFiles"] .WebList_Row {
  background-color: #f9f9f9 !important;
  border: none!important;
}

.interserv .MobileList .WebList_Body .WebList_Row td.Web_Disabled {
  color: var(--body-color);
}

/* Term styles */
.interserv div[data-dfobj*="oLanguageColumnGroup"] .WebContainer, .interserv div[data-dfobj*="oLanguageColumnGroup"]  .WebFrm_Wrapper {
  background: transparent!important;
}

.interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup1"] .WebContainer, .interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup2"] .WebContainer,
.interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup4"] .WebContainer, .interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebForm1"] .WebFrm_Wrapper {
  background: var(--color-primary)!important;
}

.interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup1"] .WebContainer  {
  margin-bottom: 0px!important;
  margin-right: 0px!important;
}

.interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup2"] .WebContainer  {
  margin-bottom: 0px!important;
  margin-left: 0px!important;
}

.interserv div[data-dfobj*="oVwTermCusSup"] div[data-dfobj*="oWebGroup4"] .WebContainer  {
  margin-top: 0px!important;
}

/* Your data style */

.interserv div[data-dfobj*="oIhreDatenGroup"] .WebCon_Content .WebForm,
.interserv div[data-dfobj*="oIhreDatenGroup"] .WebCon_Content .WebCombo,
.interserv div[data-dfobj*="oCustomerContactPersonGroup"] .WebCon_Content .WebForm,
.interserv div[data-dfobj*="oCustomerContactPersonGroup"] .WebCon_Content .WebCombo,
.interserv div[data-dfobj*="oFirmenzugangGrid"] {
  width: 100%!important;
  max-width: 550px;
  margin: 1.5px 0px;
}

.interserv div[data-dfobj="oKundenEinstellungen.oWebMainPanel.oIhreDatenGroup.oCustomer_ZIPCode"] {
  width: 42%!important;
  max-width: 231px!important;
}

.interserv div[data-dfobj="oKundenEinstellungen.oWebMainPanel.oIhreDatenGroup.oCustomer_City"] {
  width: 53.4%!important;
  max-width: 290px!important;
  margin-left: 5px!important;
}

.interserv div[data-dfobj*="oIhreDatenGroup"] .WebControl.WebForm .WebCon_Inner,
.interserv div[data-dfobj*="oCustomerContactPersonGroup"]  .WebControl.WebForm .WebCon_Inner {
  grid-template-columns: 120px minmax(0px, 1fr)!important;
}

.interserv div[data-dfobj="oKundenEinstellungen.oWebMainPanel.oIhreDatenGroup.oCustomer_City"] .WebCon_Inner {
  display: flex!important; /* one column after label */
  margin: 2px 0px;
}

.interserv div[data-dfobj="oKundenEinstellungen.oWebMainPanel.oIhreDatenGroup.oCustomer_City"] div * {
  width: 100%!important;
}

.interserv div[data-dfobj*="oIhreDatenGroup"] .WebFrm_Wrapper input {
  width: 100%!important;
}