/* Variables */
/* 
    This file is used to ensure consistency across the whole web application
    It define the used colors for texts, backgrounds and borders 
    They will be used to customize the given kendo and bootstrap styles as well as custom UI Elements 
*/
/*
    The following contains the var declarations of all used colors, the names of the variables are equal to the
    bootstrap variables to easily set the coloring
*/
/* Defaults */
/* Mixins */
/* Main Styles*/
/* Style Defenitions of the generic dropdown buttons and its drop down options */
/* Opens the drop down menu via hover over a corresponding trigger */
li.dropdown-trigger:hover ul.dropdown-menu {
  display: block;
  margin: 0px 0px 0px 0px;
}
ul.dropdown-menu {
  /* Border of drop down menus */
}
@media screen and (min-width: 768px) {
  ul.dropdown-menu {
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
  }
}
/* Style Defenitions of the language button and its drop down options */
/* Sizing and styling of the Dropdown Flag images for language Dropdown */
img.dropdown-option-flag {
  height: 18px;
  width: 30px;
}
.language-dropdown-btn {
  color: #333333;
  padding: 10px;
}
.usr-dropdown-btn {
  color: #333333;
  padding: 10px;
}
ul.language-dropdown-selection li a.languageDropdownOption {
  color: #333333;
  padding: 10px;
}
ul.usr-dropdown-selection li a.usrDropdownOption {
  color: #333333;
  padding: 10px;
}
li.dropdown-trigger:hover a.language-dropdown-btn {
  /* Hide any decorations */
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger:hover a.usr-dropdown-btn {
  /* Hide any decorations */
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger:hover a.languageDropdownOption:hover {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger:hover a.usrDropdownOption:hover {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger.open a.language-dropdown-btn.dropdown-toggle {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger.open a.usr-dropdown-btn.dropdown-toggle {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger.open a.languageDropdownOption:hover {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
li.dropdown-trigger.open a.usrDropdownOption:hover {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
@media screen and (min-width: 1200px) {
  #tuLogo {
    width: 241px !important;
    padding: 7px;
    margin-top: 5px;
    display: block;
  }
  #tuLogoSmall {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #tuLogo {
    width: 100px !important;
    padding: 7px;
    display: none;
  }
  #tuLogoSmall {
    display: block;
    padding: 7px;
    margin-top: 6px;
  }
  .dropdown-trigger.login {
    top: 10px;
  }
}
@media screen and (min-width: 1000px) {
  .innerMenu li.dropdown-trigger {
    float: right !important;
    position: relative;
    margin-right: 20px;
  }
  .innerMenu {
    margin: 20px 0px 0px 0px;
  }
  .languageSelectionLi {
    top: 32px !important;
  }
  .innerMenu .userAccountLi a {
    margin-bottom: 20px;
    margin-top: -8px;
  }
  .dropdown-trigger.login {
    top: 28px;
  }
}
@media screen and (max-width: 1000px) {
  .innerMenu li {
    float: inherit !important;
    position: relative;
  }
}
.header {
  position: fixed;
  width: 100%;
  top: 0px;
  background-color: white;
  border-bottom: 1px solid black;
  z-index: 100;
}
@media screen and (max-height: 600px) {
  .header {
    position: absolute;
  }
}
@media print {
  .header {
    display: none;
  }
}

#MainMenuUL{
    top: 70px;
    right: 5px;
    left: inherit;
    width: 200px;
}

#ImportMenuUL,
#ExportMenuUL {
  top: 70px;
  right: 5px;
  left: inherit;
  width: 1000px;
}

.ImportMenuUL,
.ExportMenuULS {
  width: 800px !important;
}
#BasketUL {
  top: 70px;
  right: 5px;
  left: inherit;
  /*width: 500px;*/
}
#MessageCenterUL {
  top: 70px;
  right: 5px;
  left: inherit;
  /*width: 500px;*/
}
.navbarUL {
  list-style: none;
  padding: 0;
  margin: 0;
}
.navbarUL ul {
  padding: 0;
}
.MainNavbarUL li {
  float: left;
  height: 80px;
}
.RightNavbarUL {
  float: right;
  padding-right: 8px;
}
.RightNavbarUL li {
  float: left;
}
.innerMenu {
  list-style: none;
}
.drop {
  color: #5fb662;
}
.whileDragging {
  /*border: 1px solid red !important;
        transform: scale(1.1,1.1);*/
}
.whileDragging .droptargetSign {
  opacity: 1 !important;
}
.droptarget {
  /*border: 1px solid rgba(255, 0, 0, 0);
        transition: all 0.5s;*/
  position: relative;
}
.droptargetSign {
  position: absolute;
  font-size: 3em;
  opacity: 0;
  top: 65px;
  right: 0px;
  width: 100%;
  text-align: center;
  transition: all 0.3s;
}
.activeLi {
  border-bottom: 3px solid #0072C6;
}
.buttonAmountDiv {
  position: absolute;
  margin: -70px 70px;
  padding: 2px 7px 2px 7px;
  border-radius: 18px;
  background-color: rgba(0, 158, 224, 0.5);
  color: white;
  display: table-cell;
}
#LoginMenuInHeader {
  width: 191px;
}
.RightNavbarUL .alert.alert-danger li {
  float: inherit;
}
.basketHeaderLink div {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
}
.basketHeaderLink div:hover {
  background-color: #f7f7f7;
}
#headerIfSmallMenu {
  position: absolute;
  background-color: white;
  padding: 20px 20px 10px 0px;
  border: 1px solid black;
}
@media print {
  .footer {
    display: none;
  }
}
.footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 35px;
  z-index: 100;
}
.footerTransition {
  height: 10px;
  background-image: linear-gradient(to top, #ffffff 0%, rgba(248, 248, 248, 0) 100%);
}
.footerMainRow {
  border-top: 1px solid black;
  background-color: white;
  height: 25px;
  padding: 1px 15px;
}
.footer .list-group.list-group-horizontal li {
    border-right: 1px solid #cccccc;
    padding-right: 8px;
}
.footer .list-group.list-group-horizontal li:hover {
    background-color: #e4e4e4;
}
.footer .list-group.list-group-horizontal a {
    color: black;
}
.highlightedLi {
  border-bottom: 2px solid #0072c6 !important;
  color: #0072c6;
}
#HistoryPageDropUpDiv div:hover {
  background-color: #e4e4e4;
}
#HistoryPageDropUpDiv div {
  padding: 2px 30px;
}
.fullscreenModal {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -5;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.centeredText {
  transition: all 0.5s;
  background-color: white;
  padding: 20px;
  width: 300px;
  margin-left: -150px;
  text-align: center;
  top: 50%;
  left: 50%;
  position: absolute;
  border-radius: 140px;
  color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.fullscreenModal:hover .centeredText {
  color: #7f7f7f;
  border-color: #7f7f7f;
}
#footerMenu {
  position: fixed;
  background-color: white;
  padding: 20px 20px 10px 0px;
  border: 1px solid black;
}
.geometricDataForm th {
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}
#exportMenuLoadingDiv {
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  border: 2px solid black;
  width: 100%;
  z-index: 9099999;
  padding: 10px 10px 0px;
}
#exportMenuLoadingDiv .k-icon.k-i-close {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 25px;
}
#ThreeDViewerShowHideMenuBtn {
  position: absolute;
  top: 20px;
  right: 5px;
  color: white;
  transition: all 0.3s;
  cursor: pointer;
}
#ThreeDViewerShowHideHelpTextBtn {
  position: absolute;
  top: 40px;
  right: 5px;
  color: white;
  transition: all 0.3s;
  cursor: pointer;
}
div#ThreeDViewerShowHideHelpTextBtn:hover {
  transform: scale(1.5, 1.5);
}
.movedToTheRight {
  margin-right: -400px;
}
div#ThreeDViewerShowHideMenuBtn:hover {
  transform: scale(1.5, 1.5);
}
#ThreeDViewerDiv_wnd_title {
  margin-left: 90px;
}
table.export3DModelTable tr td {
  padding: 5px;
}
.export3DModelTable tr:hover {
  background-color: #e6f1fa;
}
#prizeList {
  min-height: 700px;
  min-width: 500px;
}
#exportMenu {
  min-height: 140px;
  min-width: 300px;
}
#imnportMenu {
  min-height: 140px;
  min-width: 300px;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DetailsViewNavBarBtnFront {
  left: -126px;
  text-align: center;
  transform: rotate(270deg);
  background-color: white;
  padding: 6px 35px 6px 15px;
  width: 150px;
  height: 40px;
  border: 1px solid #E0E0E0;
  border-bottom: 0;
  position: absolute;
  box-shadow: 1px -17px 22px -5px rgba(0, 0, 0, 0.28);
  transition: all 0.6s;
  cursor: pointer;
}
.exportDialogForm {
  border: 1px solid #ababab;
  padding: 5px;
  margin-bottom: 20px;
}
.exportDialogForm h3 {
  color: #0072C6;
}
.exportDialogForm fieldset {
  margin: 0;
  padding: 0;
}
.exportDialogForm input {
  margin-left: 20px;
  margin-right: 0px;
}
#resultFilters .k-grid-header {
  display: none;
}
.tableWithSwitch {
  /*border: 1px solid #C1C1C1;*/
  border-radius: 2px;
  background-color: #0072c6;
  color: white;
  cursor: pointer;
}
.tableWithSwitch h5 {
  text-align: center;
}
.tableWithSwitch:hover {
  background-color: #005b9d;
}
.detailsBoxTable {
  display: table;
  border-collapse: separate;
  width: 100%;
  font-size: 0.9em;
}
.detailsBoxTable tr:hover {
  background-color: #f1f1f1;
}
.detailsBoxTable th {
  background-color: #cde6f7;
}
.detailsBoxTable tr td {
  border: 0;
  padding: 1px;
}
.bigArticleDetailsHead {
  /*border: 1px solid #c1c1c1;*/
  border-radius: 10px;
  width: 96%;
  background-color: rgba(238, 238, 238, 0.3);
  margin-bottom: 15px;
  margin-top: 30px;
  margin-left: 2%;
}
.ArticleDetailsHeadImageonlyusertools:hover {
  background-blend-mode: difference;
}
.ArticleDetailsHeadImagetoolsunited {
  background-image: url(../gfx/TU/Icons/signet_TU_sw_128.png);
  background-position: 50% 8%;
  background-size: 5em;
  background-repeat: no-repeat;
  background-blend-mode: hard-light;
}
@-moz-document url-prefix() {
  .ArticleDetailsHeadImagetoolsunited {
    background-blend-mode: inherit;
  }
}
.ArticleDetailsHeadImageonlyusertools {
  background-image: url(../gfx/TU/Icons/googleIconPerson.png);
  background-repeat: no-repeat;
  background-position: 50% 8%;
  background-size: 7em;
  background-blend-mode: hard-light;
}
.ThreeDSign1 {
  color: blue;
}
.ThreeDSign0 {
  visibility: hidden;
}
.ThreeDSign2 {
  color: grey;
}
.ThreeDSign3 {
  color: lightgrey;
}
.ThreeDSign4 {
  color: grey;
  text-decoration: underline;
}
.DINGTCSwitches {
  display: inline;
  float: right;
  min-height: 30px;
}
.DINGTCSwitches div {
  display: inline-block;
  padding: 5px;
  border: 1px solid #C9C9C9;
  text-align: center;
  position: relative;
  z-index: 10;
  background: white;
  cursor: pointer;
}
.DINGTCSwitches div:hover {
  background-color: #efefef;
}

.DINGTCSwitches div.activeClassification {
  border-bottom: 3px solid #0072C6;
}

.activeClassification {
  border-bottom: 3px solid #0072C6;
}
.duringEditVisible {
  display: none;
}
.switchTableMainDiv {
  margin: 7px;
  margin-bottom: 20px;
}
.articleDetailsImageDiv {
  position: absolute;
  right: -290px;
  width: 270px;
  height: 100%;
  overflow: auto;
  /*margin-top: 30px;*/
  z-index: 0;
  top: -37px;
}

.articleDetailsImageDiv div {
  margin-left: 10px;
  /*margin-top: 30px;*/
  /*pointer-events:all;*/
}
.articleDetailsImageDiv img {
  max-width: 200px;
  max-height: 150px;
  margin-bottom: 10px;
  background-color: white;
  padding: 1px;
  transition: all 0.6s;
  display: block;
}
.articleDetailsImageDiv img:hover {
  transform: scale(1.1, 1.1);
}
.is-hover {
  transform: rotate(-2deg);
}
.is-hover .DetailsViewNavBarBtnFront {
  box-shadow: 1px -22px 22px -2px rgba(0, 0, 0, 0.48);
}
.is-hover .detailsPage {
  box-shadow: -17px -1px 22px -5px rgba(0, 0, 0, 0.28);
}
.whilePressed {
  transform: rotate(-8deg) !important;
  z-index: 20;
}
.activePage.is-hover {
  transform: rotate(0deg) !important;
}
.rotateMainView {
  transform: rotate(90deg);
  width: 585px;
  position: relative;
  height: 820px;
  top: -117px;
  left: -542px;
}
.detailViewTopDiv {
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
  overflow: visible !important;
}
.detailsViewPage {
  position: absolute;
  width: calc(100% - 7px);
  height: calc(100% + 37px);
  top: -37px;
  left: 7px;
  z-index: 10;
  transform-origin: bottom left;
  transition: all 0.6s;
}
.activePage {
  z-index: 15;
  left: 0px;
  width: 100%;
}
.k-window > .k-resize-handle {
  z-index: 30;
}
#bigArticleDetails {
  overflow: hidden;
}
.detailsPage {
  background-color: white;
  width: 100%;
  border: 1px solid #E0E0E0;
  box-shadow: -22px -1px 22px -2px rgba(0, 0, 0, 0.28);
}
.DetailsViewBtnArea {
  vertical-align: bottom;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
}
.bigArticleDetailsBottom {
  overflow-y: hidden;
  /*border: 1px solid #c1c1c1;*/
  border-radius: 10px;
  height: 62%;
  width: 98%;
  margin-left: 1%;
}
.scrollDiv {
  overflow-y: auto;
  height: 100%;
}
#bigArticleDetailsBottomMainTable {
  height: 100%;
}
.tableDetails {
  overflow-x: auto;
}
.k-window-titlebar.k-header {
  border: 0px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 20;
}
#bigArticleDetailsNavBar {
  transform: rotate(270deg);
  position: relative;
  top: 166px;
  left: -85px;
  margin: 6px 26px;
  text-align: right;
  z-index: -1;
}
.DetailsViewNavBarBtns {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  position: absolute;
  z-index: -30;
  transition: all 0.6s;
  top: 0px;
  width: 202px;
  height: 100px;
}
.disabledBtn {
  color: #E0DFDF;
}
.DetailsViewNavBarBtnBackside {
  z-index: 10;
  background-color: white;
  height: 100px;
  top: 60px;
  position: absolute;
  -webkit-box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  border: 1px solid #E0E0E0;
}
.DetailsViewNavBarBtns:nth-child(1) {
  left: -363px;
}
.DetailsViewNavBarBtns:nth-child(2) {
  left: -182px;
}
.DetailsViewNavBarBtns:nth-child(3) {
  left: 10px;
}
.DetailsViewNavBarBtns:hover {
  top: -40px;
  transform: rotate(-2deg);
}
.DetailsViewNavBarBtns:hover .DetailsViewNavBarBtnFront {
  box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
}
.DetailsViewNavBarBtns:hover .DetailsViewNavBarBtnBackside {
  box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
}
.DetailsViewNavBarBtns:disabled:hover {
  top: 7px;
  transform: rotate(0deg);
}
.DetailsViewNavBarBtns:disabled {
  top: 7px;
}
.DetailsViewNavBarBtns:active {
  top: -50px;
  transform: rotate(-7deg);
  transition: all 0.3s;
}
#bigArticleDetailsArticleImages {
  position: absolute;
  top: 10px;
  left: 600px;
  width: 100px;
}
#bigArticleDetailsArticleImages img {
  max-width: 200px;
  max-height: 150px;
  padding: 1px;
  margin-bottom: 10px;
  background-color: white;
  transition: all 0.6s;
}
#bigArticleDetailsArticleImages img:hover {
  max-width: 350px;
  max-height: 250px;
}
.active {
  top: -10px;
  z-index: 10;
}
.active:hover {
  top: -10px;
  z-index: 10;
  transform: rotate(0deg);
  transition: all 0.3s;
}
.DetailsViewBtns {
  width: 120px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid #fff;
  border-radius: 10px;
  vertical-align: top;
  transition: all 1.5s;
  margin-bottom: 5px;
}
.DetailsViewBtns:hover {
  border: 2px solid #c1c1c1;
  background-color: rgba(237, 247, 255, 0.95);
  transition: all 0.5s;
  box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
  -webkit-box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
  -moz-box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
}
.DetailsViewBtns img {
  height: 25px;
  max-width: 120px;
  transition: all 0.3s;
}
.DetailsViewBtns:hover img {
  height: 32px;
  max-width: 120px;
  transition: all 0.2s;
}
#mainContent {
  /*position: absolute;
  left: 285px;
  padding-right: 5px;*/
}
.editSignOnHover:hover img {
  opacity: 1 !important;
}
.imageInfoIcon {
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
  z-index: 10;
  pointer-events: none;
}
.imgTrash {
  pointer-events:all;
  position: absolute;
  top: inherit;
  margin-top: -30px;
  margin-left: 5px;
}
.imgTrash:hover {
  color: #e52e35;
}
.detailViewWindow .k-window-titlebar.k-header {
  text-align: center;
  border-top: 0px solid #dbdbdb;
}
.detailViewWindow .k-window-titlebar.k-header .k-window-title span {
  color: #0072c6;
}
.bigArticleDetailsBottom form div {
  border: 0px;
}
.bigArticleDetailsBottom form div .k-grid-header th.k-header,
.k-filter-row th {
  border: 0px;
  padding: 0 5px;
  background-color: #cde6f7;
}
#resultFileSettingsInputFormComponents {
  margin-top: 20px;
  max-height: 300px;
  overflow-y: auto;
}
#resultFileSettingsInputFormComponents tbody tr:hover {
  background-color: #e4e4e4;
}
#resultFileSettingsInputFormComponents tr td {
  text-align: center;
}
#resultFileSettingsInputFormComponents .glyphicon.glyphicon-eye-open:hover {
  color: #0072c6;
}
#resultFileSettingsInputFormComponents th {
  text-align: center;
  padding: 0px 5px;
}
.unsupportedBrowserDiv {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 30%;
  background-color: white;
  padding: 50px 50px 10px;
  border: 1px solid black;
  text-align: center;
  z-index: 99999999;
}
.unsupportedBrowserDiv div {
  margin-bottom: 20px;
}
.greyText {
  color: grey;
}
.invisibleTable {
  border: 0;
}
.invisibleTable tr {
  border: 0;
}
.invisibleTable tr td {
  border: 0;
}
.invisibleTable tr th {
  border: 0;
}
.tableWithPadding tr td {
  padding: 10px;
}
body {
  font-family: Arial;
}

/*.k-widget.k-window,
.k-widget.k-window * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/


#importGrid.k-grid .progressBarOuterSpan,
#exportGrid.k-grid .progressBarOuterSpan,
#exportGridFull.k-grid .progressBarOuterSpan,
#importPreviewGrid.k-grid .progressBarOuterSpan,
#gridBasketOverview.k-grid .progressBarOuterSpan,
#basketDetailsGrid.k-grid .progressBarOuterSpan,
.k-grid .progressBarOuterSpan 
{
    /*background-color: #FFFFFF !important;*/
    width:100% !important;
    text-align:center !important;
    position:relative !important;
}


#importGrid.k-grid .progressBarMiddleSpan,
#exportGrid.k-grid .progressBarMiddleSpan,
#exportGridFull.k-grid .progressBarMiddleSpan,
#importPreviewGrid.k-grid .progressBarMiddleSpan,
#gridBasketOverview.k-grid .progressBarMiddleSpan,
#basketDetailsGrid.k-grid .progressBarMiddleSpan,
.k-grid .progressBarMiddleSpan {
    /*background-color: #428232 !important;*/
    color: #FFFFFF !important;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden !important;
}


#importGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#exportGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#exportGridFull.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#importPreviewGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#gridBasketOverview.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#basketDetailsGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan {
    
}


#importGrid.k-grid .progressBarTextSpan,
#exportGrid.k-grid .progressBarTextSpan,
#exportGridFull.k-grid .progressBarTextSpan,
#importPreviewGrid.k-grid .progressBarTextSpan,
#gridBasketOverview.k-grid .progressBarTextSpan,
#basketDetailsGrid.k-grid .progressBarTextSpan,
.k-grid .progressBarTextSpan {
   box-sizing:border-box !important;
   position:initial !important;
   width:100%;
}

.hideOnPrint .bigArticleDetailsHead .DetailsViewBtnArea .btnWithImageTopFixedSize,
.hideOnPrint .bigArticleDetailsHead .DetailsViewBtnArea a .btnWithImageTopFixedSize{
    font-size: 11px;
}