@import url("/APP_THEMES/Main.scss");
/*$gray-100: #f7f7f9;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #b0bac3;
$gray-600: #8d9ba9;
$gray-700: #596167;
$gray-800: #393f46;
$gray-900: #22262a;*/
@font-face {
  font-family: 'clear_sans_regular';
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Regular-webfont.eot");
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Regular-webfont.ttf") format("truetype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Regular-webfont.svg#clear_sans_regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clear_sans_regular';
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Bold-webfont.eot");
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Bold-webfont.woff") format("woff"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Bold-webfont.ttf") format("truetype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Bold-webfont.svg#clear_sans_regular") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'clear_sans_thinregular';
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Thin-webfont.eot");
  src: url("/APP_THEMES/SPTv2/fonts/ClearSans-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Thin-webfont.woff") format("woff"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Thin-webfont.ttf") format("truetype"), url("/APP_THEMES/SPTv2/fonts/ClearSans-Thin-webfont.svg#clear_sans_thinregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.sptPVModul #infoPlaceholder {
  background-color: #BCDFF8;
}

.sptStatik #infoPlaceholder {
  background-color: #E0E0A3;
}

body {
  background-image: url("/APP_THEMES/SPTv2/images/leva.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left 110% top 200%;
  font-family: 'clear_sans_regular' !important;
}

#gridLastFive [class*="path"]:before, #gridLastFive span, #gridLastFive span:before {
  color: #1C7690;
}

#location [class*="path"]:before, #location span, #location span:before, #delivery [class*="path"]:before, #delivery span, #delivery span:before {
  color: #1C7690;
}

#topNavigation {
  padding-left: 230px !important;
}

#tabMainContent {
  padding-top: 10px;
}

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

ul.Formheader li {
  height: 44px;
}

#tab_Tilgungsplan {
  min-height: 700px;
}

#TilgungsplanContainer {
  float: left;
}

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

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

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

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

#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;
}

.contextmenu_main {
  background-color: #1C7690;
}

.contextmenu_main.OutPut {
  background-color: #1C7690;
}

.contextmenu_main.Home {
  background-color: #1C7690;
}

.sptProject .contextmenu_main, .contextmenu_main.Project {
  background-color: #1C7690;
}

.contextmenu_main.PVModul {
  background-color: #1C7690;
}

.contextmenu_main.Electric {
  background-color: #1C7690;
}

.sptOutput .contextmenu_main {
  background-color: #1C7690;
}

.sptKonstruktion .contextmenu_main {
  background-color: #1C7690;
}

.sptAnordnung .contextmenu_main {
  background-color: #1C7690 !important;
}

.sptPolyDesigner .contextmenu_main {
  background-color: #1C7690 !important;
}

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

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

.sptHome .tab1.project:after {
  background-color: #1C7690;
}

.sptDach .tab1.project:after {
  background-color: #1C7690;
}

.sptPVModul .tab1.project:after {
  background-color: #1C7690;
}

.sptKonstruktion .tab1.project:after {
  background-color: #1C7690;
}

.sptAnordnung .tab1.project:after {
  background-color: #1C7690;
}

.sptStatik .tab1.project:after {
  background-color: #E0E0A3;
}

.sptCAD .tab1.project:after {
  background-color: #1C7690;
}

.sptCAD .tab1.Anordnung:after {
  background-color: #1C7690;
}

.sptPolyweb .tab1.project:after {
  background-color: #1C7690;
}

.sptElectric .tab1.project:after {
  background-color: #1C7690;
}

.sptOutput .tab1.project:after {
  background-color: #1C7690;
}

.sptEconomy .tab1.project:after {
  background-color: #1C7690;
}

.contextmenu_main .Dach, #google_roof .contextmenu_main, #google_interference .contextmenu_main table, #custom_interference-ribbontable .contextmenu_main {
  background-color: #FCB904;
  margin-top: -35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.polysunContextMenu {
  background-color: #910091;
}

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

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

.stdSelect {
  font-weight: bold;
}

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

.stdInputShort {
  font-weight: bold;
  font-family: 'clear_sans_regular';
}

#logo {
  position: absolute;
  top: 6px;
  left: 45px;
  height: 50px;
  width: 150px;
  background-image: url(/APP_THEMES/SPTv2/images/Logo_SPTx_150.png);
  background-repeat: no-repeat;
}

#logoEPC {
  position: absolute;
  top: 3px;
  left: 18px;
  height: 59px;
  width: 189px;
  background-image: url(/APP_THEMES/SPTv2/images/LogoEPC.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

#small_logo {
  width: 100px;
  height: 20px;
  background-image: url(/Content/images/LevaSoft-Logo-mini.jpg);
  background-repeat: no-repeat;
}

#contextmenu_layout .tdInput {
  padding-top: 0px;
}

/* Contextmenu*/
.sptHome #contextmenu_layout {
  background-color: #1C7690;
}

.sptProject #contextmenu_layout, .sptProjectCreate #contextmenu_layout, .sptProjectCreate .ui-widget-header {
  background-color: #1C7690 !important;
}

.sptDach #contextmenu_layout, .sptFreeArea #contextmenu_layout {
  background-color: #1C7690;
}

.sptPVModul #contextmenu_layout {
  background-color: #1C7690;
}

.sptKonstruktion #contextmenu_layout {
  background-color: #1C7690;
}

.sptAnordnung #contextmenu_layout, .sptAnordnung3d #contextmenu_layout {
  background-color: #1C7690;
}

.sptCAD #contextmenu_layout {
  background-color: #1C7690;
}

.sptStatik #contextmenu_layout {
  background-color: #1C7690;
}

.sptPolyDesigner #contextmenu_layout {
  background-color: #1C7690;
}

.sptPolyweb #contextmenu_layout {
  background-color: #1C7690;
}

.sptElectric #contextmenu_layout {
  background-color: #1C7690;
}

.sptOutput #contextmenu_layout {
  background-color: #1C7690;
}

.sptEconomy #contextmenu_layout, .sptEconomy .ui-widget-header {
  background-color: #1C7690;
}

.sptAdmin #contextmenu_layout {
  background-color: #1C7690;
}

/* Navigation Item*/
.NavigationItemActive.Home {
  background-color: #1C7690;
}

.NavigationItemActive.Project {
  background-color: #1C7690;
}

.NavigationItemActive.Dach, .NavigationItemActive.FreeArea {
  background-color: #1C7690;
}

.NavigationItemActive.PVModul {
  background-color: #1C7690;
}

.NavigationItemActive.Konstruktion {
  background-color: #1C7690;
}

.NavigationItemActive.Anordnung {
  background-color: #1C7690;
}

.NavigationItemActive.AutoCAD {
  background-color: #1C7690;
}

.NavigationItemActive.Static {
  background-color: #1C7690;
}

.NavigationItemActive.PolyWeb {
  background-color: #1C7690;
}

.NavigationItemActive.PolyDesigner {
  background-color: #1C7690;
}

.NavigationItemActive.Electric {
  background-color: #1C7690;
}

.NavigationItemActive.Economy {
  background-color: #1C7690;
}

.NavigationItemActive.Output {
  background-color: #1C7690;
}

#_itemAdmin.NavigationItemActive {
  background-color: #1C7690;
}

/* TopNavigation Hover*/
#topNavigation #_itemHome:hover {
  background-color: #1C7690;
}

#topNavigation #_itemProject:hover {
  background-color: #1C7690;
}

#topNavigation #_itemDach:hover {
  background-color: #1C7690;
}

#topNavigation #_itemPVModul:hover {
  background-color: #1C7690;
}

#topNavigation #_itemKonstruktion:hover {
  background-color: #1C7690;
}

#topNavigation #_itemAnordnung:hover {
  background-color: #1C7690;
}

#topNavigation #_itemAutoCAD:hover {
  background-color: #1C7690;
}

#topNavigation #_itemStatic:hover {
  background-color: #1C7690;
}

#topNavigation #_itemPoly:hover {
  background-color: #1C7690;
}

#topNavigation #_itemPolyDesigner:hover {
  background-color: #1C7690;
}

#topNavigation #_itemElectric:hover {
  background-color: #1C7690;
}

#topNavigation #_itemEconomy:hover {
  background-color: #1C7690;
}

#topNavigation #_itemOutput:hover {
  background-color: #1C7690;
}

#topNavigation #_itemAdmin:hover {
  background-color: #1C7690;
}

/* NavigationItem Hover*/
.NavigationItem:hover {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 9px;
  height: 30px;
  font-size: 1em;
  display: block;
  text-decoration: none;
  background-color: #1C7690;
  color: black;
}

.NavigationItem:hover.Home {
  background-color: #1C7690;
}

.NavigationItem:hover.Project {
  background-color: #1C7690;
}

.NavigationItem:hover.Dach {
  background-color: #1C7690;
}

.NavigationItem:hover.PVModule {
  background-color: #1C7690;
}

.NavigationItem:hover.Konstruktion {
  background-color: #1C7690;
}

.NavigationItem:hover.Anordnung {
  background-color: #1C7690;
}

.NavigationItem:hover.AutoCAD {
  background-color: #1C7690;
}

.NavigationItem:hover.Static {
  background-color: #1C7690;
}

.NavigationItem:hover.Polysun {
  background-color: #1C7690;
}

.NavigationItem:hover.Electric {
  background-color: #1C7690;
}

.NavigationItem:hover.OutPut {
  background-color: #1C7690;
}

.NavigationItem:hover.Admin {
  background-color: #1C7690;
}

/* Tabs */
.tab1.Home:after {
  background-color: #1C7690;
}

.tab1.Project:after {
  background-color: #1C7690;
}

.tab1.Dach:after {
  background-color: #1C7690;
}

.tab1.PVModul:after {
  background-color: #1C7690;
}

.tab1.Konstruktion:after {
  background-color: #1C7690;
}

.tab1.Anordnung:after {
  background-color: #1C7690;
}

.tab1.AutoCAD:after {
  background-color: #1C7690;
}

.tab1.Static:after {
  background-color: #1C7690;
}

.tab1.PolyWeb:after {
  background-color: #1C7690;
}

.tab1.Electric:after {
  background-color: #1C7690;
}

.tab1.OutPut:after {
  background-color: #1C7690;
}

.tab1.Admin:after {
  background-color: #1C7690;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Sliders*/
.sptDach .ui-slider-handle {
  background-color: #1C7690;
  border: 1px solid #1C7690;
}

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

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

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

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

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

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

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

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

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

/* Dialog Titlebar*/
.sptHome .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptProject .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptDach .ui-dialog-titlebar, .sptFreeArea .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptPVModul .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptKonstruktion .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptAnordnung .ui-dialog-titlebar, .sptAnordnung3d .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptCAD .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptStatik .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptPolyweb .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptElectric .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptOutput .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptAdmin .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptPolyDesigner .ui-dialog-titlebar {
  background-color: #1C7690 !important;
}

.sptAnordnung #_modinfo {
  /*font-size: 0.62em;*/
  width: 230px;
  background-color: #BCDFF8;
}

.sptElectric #_modinfo {
  /*font-size: 0.62em;*/
  width: 230px;
  background-color: #f0b84e;
}

.sptAnordnung #divModulePlanConstructionImage {
  background-color: #BCDFF8;
}

.sptElectric #divModulePlanConstructionImage {
  background-color: #f0b84e;
}

.sptCAD #divModulePlanLegend {
  background-color: #e69dc9;
}

.sptStatik #divModulePlanLegend {
  background-color: #E0E0A3;
}

/*Economy*/
#ecoFieldAutarky {
  display: none;
}

/*Buttons*/
#btn_Home_Dach, #btn_Home_inter_Dach, #btn_HomeCustomRoof {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_Dach.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_Home_Anordnung {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_Anordnung.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_Home_CAD {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_CAD.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 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/Search_CAD.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_Home_Electric {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_Electric.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_CAD.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 */
}

#threedexport .ribbon_label {
  color: #384547;
}

#btn_Home_Statik {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/btn_Home_Statik.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_Statik {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/APP_THEMES/SPTv2/icons/Search_Statik.png") no-repeat;
  width: 50px;
  /* Width of new image */
  height: 50px;
  /* Height of new image */
  padding-left: 50px;
  /* Equal to width of new image */
}

/* RESPONSIVE */
@media only screen and (max-width: 1240px) {
  .NavigationItem, .NavigationItem:hover, .NavigationItemActive {
    font-size: 0.9em;
    padding-left: 9px;
    padding-right: 9px;
  }
  #logo {
    /*background-size: 180px 43px;*/
    background-size: 144px 34px;
    width: 144px;
    /*top: 8px;*/
    top: 12px;
    /*left: 45px;*/
    left: 36px;
  }
  #topNavigation {
    /*padding-left: 254px;*/
    padding-left: 203px;
  }
}

@media only screen and (max-width: 1050px) {
  .NavigationItem, .NavigationItem:hover, .NavigationItemActive {
    font-size: 0.8em;
    padding-left: 7px;
    padding-right: 7px;
  }
  #logo {
    /*background-size: 180px 43px;*/
    background-size: 108px 26px;
    width: 108px;
    /*top: 8px;*/
    top: 17px;
    /*left: 45px;*/
    left: 27px;
  }
  #topNavigation {
    /*padding-left: 254px;*/
    padding-left: 152px;
  }
}

/*AO 3d*/
.sptAnordnung .ui-widget-header, .sptAnordnung3d .ui-widget-header {
  background-color: #1C7690;
}

[aria-describedby*="InfoMessage"] .ui-dialog-titlebar, [aria-describedby*="ErrorMessage"] .ui-dialog-titlebar {
  background-color: inherit !important;
}

.sptCAD #ao-FlyoutHeader {
  background-color: #1C7690;
}

#icon_ModulePlanSave {
  cursor: pointer;
  margin: 10px 0 0 0;
  width: 23px;
  height: 23px;
  padding: 5px;
}

#icon_ModulePlanSave:hover {
  padding: 4px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
}

#SPTLightOverlay {
  top: 152px;
}

/* text divider */
.divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.divider::before, .divider::after {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  content: '';
  padding: 1px;
  background-color: lightgrey;
  margin: 5px;
}