@import url("/APP_THEMES/Main.scss");
@import url("/APP_THEMES/SPTv2/Fonts/fonts.css");
body {
  font-family: Arial;
}

#header {
  height: 80px;
}

#prInfoPlaceholder {
  background-color: #FACB0F;
}

#infoPlaceholder {
  background-color: #a6a6a6;
}

#contextmenu_layout, .contextmenu_main, .contextmenu_main.Anordnung {
  background-color: #002642;
}

#gridLastFive [class*="path"]:before, #gridLastFive span, #gridLastFive span:before, #location .RibbonIcon-GoogleMaps::before, #location .RibbonIcon-GoogleMaps::before, #delivery .RibbonIcon-GoogleMaps::before, #delivery .RibbonIcon-GoogleMaps::before, #location .RibbonIcon-AutoStringH::before, #location .RibbonIcon-AutoStringH::before {
  color: #FACB0F;
}

#userInfoSPTv2 {
  top: 80px;
}

.UserControlContainer {
  background-color: white;
}

#logo {
  position: absolute;
  top: 8px;
  left: 52px;
  height: 65px;
  width: 65px;
  background-image: url(/APP_THEMES/SPTv2/images/AluTP_Logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.formElementColor {
  background-color: rgba(0, 38, 66, 0.2) !important;
  border-color: #002642 !important;
}

#tab_Tilgungsplan {
  min-height: 700px;
}

#TilgungsplanContainer {
  float: left;
}

.tableTilgungsplanheading {
  font-weight: bold;
  background-color: #002642;
  color: white;
  border-color: white;
  border-bottom: 2px solid #002642;
}

#tableTilgungsplan {
  margin: 30px 30px 30px 40px;
  font-size: 0.8em;
  color: #777779;
}

#tableTilgungsplan td, #tableTilgungsplan th {
  padding: 6px;
}

#tableTilgungsplan td {
  border-bottom: 2px solid #002642;
}

#tableTilgungsplan tr:nth-child(odd) {
  background-color: #F5F5F5;
}

#tableTilgungsplan tr:nth-child(even) {
  background-color: #fff;
}

#tableTilgungsplan thead tr {
  background-color: transparent !important;
}

#tableTilgungsplan tbody span {
  white-space: nowrap;
  text-align: left !important;
  min-width: 100px;
  font-weight: bold;
}

#tableTilgungsplan th {
  height: 139px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  min-width: 50px;
  background-color: transparent !important;
}

#tableTilgungsplan th > div {
  -webkit-transform: translate3d(54px, 95px, 0) rotate(-45deg);
  transform: translate3d(54px, 95px, 0) rotate(-45deg);
  width: 220px;
  height: 41px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding: 11px 0px;
  border-bottom: 1px solid #B4B4B4;
  margin-top: 8px;
}

#tableTilgungsplan th > div > span {
  position: absolute;
  letter-spacing: 1px;
  top: 10px;
  margin-left: -15px;
  width: 120px;
}

#TilgunsplanReportBG {
  background-color: white !important;
  border-radius: 0 10px 10px 10px;
  min-width: 1600px;
}

#topNavigation {
  top: 20px;
  margin-left: 180px;
  padding-left: 0px !important;
}

.NavigationItem {
  color: black;
}

#divConstructionContainer {
  top: 184px;
}

#moduleInfo .prLabelV {
  color: white;
}

#modulplan-tab {
  height: auto;
}

#constuction_param {
  padding: 10px !important;
}

.Formheader span {
  padding-left: 25px;
}

ul.Formheader li {
  height: 44px;
}

.tab1:after {
  content: " ";
  display: block;
  background: #FACB0F;
  height: 20px;
  width: 15px;
  margin-top: 11px;
}

.ui-state-default .pseudo-block-tabs {
  background-color: #818181 !important;
}

.ui-state-active .pseudo-block-tabs {
  background-color: #FACB0F !important;
}

.ui-slider-handle {
  background-color: #002642;
  border: 1px solid #002642;
}

.slider-ui-wrapper-div {
  border: 1px solid #002642;
}

#_modinfo {
  background-color: #7A7B7A;
}

.stdInputShort, .stdSelect, .stdInputShort:focus, .stdInputShortLogon:focus, .stdInputShortSmall:focus, .stdInputShortIgnore, .stdInputShortSmallLogon:focus {
  font-weight: bold;
}

#contextmenu_layout.Project div.tdInput .upload-data {
  position: absolute;
  z-index: 1000000;
}

.webgrid.quotationOutputGrid {
  margin-left: 5px;
}

#ErrorMessageText,
#InfoMessageText {
  color: white;
}

.NavigationItem {
  padding-top: 6px;
  height: 28px;
}

.NavigationItemActive, .NavigationItem:hover {
  background-color: #002642;
  color: white !important;
}

#divModulePlanConstructionImage {
  background-color: #888888;
}

/*Buttons*/
#btn_Home_Dach, #btn_Home_inter_Dach, #btn_Home_Anordnung, #btn_Home_CAD, #btn_Home_Statik, #btn_Home_Electric {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_blue.png") no-repeat;
  width: 50px;
  /* Width of new image */
  height: 50px;
  /* Height of new image */
  padding-left: 50px;
  /* Equal to width of new image */
}

#btn_Search_CAD, #btn_Search_Statik {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/search_blue.png") no-repeat;
  width: 50px;
  /* Width of new image */
  height: 50px;
  /* Height of new image */
  padding-left: 50px;
  /* Equal to width of new image */
}

#deactlen {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/icon_Cancel_blue.png") no-repeat;
  width: 50px;
  /* Width of new image */
  height: 50px;
  /* Height of new image */
  padding-left: 50px;
  /* Equal to width of new image */
}

#threedexport img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_exportPDF_A4_Grey.png") no-repeat;
  width: 50px;
  /* Width of new image */
  height: 50px;
  /* Height of new image */
  padding-left: 50px;
  /* Equal to width of new image */
}

#SPTLightOverlay {
  top: 179px !important;
}

#batterySelectContent, #BatteryConfigContent, #BatteryDetailsContent, #TDRoofInfoPicture, #TD_roofSystem, #roofsubpicture_td {
  background-color: transparent;
}

#roofFromsNoWrap .roofFormIsSelected, #roofSubsNoWrap .roofSubIsSelected, .roofFormsNoWrapDiv.roofFormIsHover, .roofSubsNoWrapDiv.roofSubIsHover, .dampingActive, #imgDampingInRoof:hover {
  border: thin solid #FACB0F;
}

.webgrid-alternating-row {
  background-color: #dbdbdb !important;
}

#gridMaterial th:nth-child(5) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(8) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(9) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(10) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(11) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(12) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(13) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(14) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(15) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(15) {
  text-align: right;
  padding-right: 20px;
}

#gridMaterial th:nth-child(16) {
  text-align: right;
  padding-right: 20px;
}