body > ul.nav {
    background-image: none;
    background-color: #004F9F;
    color: white;
    height: 50px;
}

.loginbutton {
	background-color: rgba(240, 240, 240, 1);
}

body > ul.nav .nav-link:focus, body > ul.nav .nav-link:hover {
    color: white;
}

body > ul.nav .nav-link:focus, body > ul.nav .nav-link {
    color: white;
}


#logo > img {
    height: 50px;
    padding: 3px;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 999;
}

body > ul.nav .nav-link {
	padding: 0rem 0.8rem !important;
	line-height: 50px !important;
}

.content-container {
    padding: 20px 0px
}

div.projektinfos > div.row {
	border: 0px solid red !important;
	margin-bottom: 10px;
}

div.projektinfos div.row > div:nth-child(1),
div.projektinfos div.row > div:nth-child(3) {
	font-weight: bold;
}

div.modal-body > table {
	width: 100%;
}

div.modal-body > table tr {
	border-bottom: 1px solid #e5e5e5;
}

div.modal-body > table tr:last-child {
	border-bottom: 0px solid #e5e5e5;
}

div.modal-body > table tr td {
	padding: 5px;
}

table#projektliste tbody tr {
	cursor: pointer;
}

div.row {
	margin-bottom: 5px;
	margin-right: 0px !important;
}

.forminput {
	margin-bottom: 5px;
}

.forminputerror {
	border: 1px solid red;
}

input[type=button], input[type=submit] {
	min-width: 100px;
}

input.bottombutton {
	width: 250px;
	margin-bottom: 5px;
}

div.projektbauteile {
	padding: 0px 30px;
}

div.projektbauteile div.variante{
	margin-bottom: 20px;
}



div.projektbauteile .block1 {
	max-height: 650px; 
	overflow: auto;
	display: block;
	border-right: 1px solid #a4a4a4;
	width: 100%;
	margin-bottom: 20px;
}
  
div.projektbauteile .block2 {
	display: inline-block; 
	vertical-align: top; 
	overflow: hidden; 
	min-width: 100%;
}

div.projektbauteile select[name="bauteile"], div.projektbauteile select[name="bauteilkategorien"] {
	overflow-x: visible;
	overflow-y: visible;
	width: max-content;
	min-width: 100%;
	margin-right:-18px;
	min-height: 630px; 
}

div#varianten {
	overflow-x: hidden;
	overflow-y: scroll;
}

div.variantenkopf {
	background-color: #ddd;
	font-size: 14px;
}

div.variantenkopfneu {
	background-color: #90EE90;
	font-size: 14px;
}

div.variantenkopf input {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

div.variantenkopf input[type="button"], input[type="submit"] {
    min-width: 60px;
	background-color: rgb(218, 218, 255);
	border: 1px solid gray;
	border-radius: 4px;
}

div.variantenkopf input[type=button].neuetexte {
	background-color: rgb(255, 146, 146) !important;
}

div.variantenkopf input[type=checkbox] {
	margin: 10px 10px 10px 0px;
}

div.variantenkopf label {
	line-height: 34px;
	margin-right: 5px;
}

.positionbutton {
	min-width: 15px !important;
}

div.w50 {
	width: 50px;
	/*border: 1px solid red;*/
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
}

div.w450 {
	width: calc(100% - 665px);
	padding: 0px 10px 0px 0px; /* right=10px */
	margin: 0px;
	display: inline-block;
	vertical-align: top;
}

.variantenkopf div.w450 {
	line-height: 34px;
}

span.formerrors {
	color: red;
}

div.w570 {
	width: 590px;
	/*border: 1px solid blue;*/
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
}

span.mehr {
	font-weight: bold;
	cursor: pointer;
	color: red;
}

.right {
	float: right;
}

.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
  }
  
.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
  
  
.notvisible{
	display: none;
}
.buttonaddbauteil{
	width: 115px;
    margin-bottom: 5px;
}
.buttonaddkategorie{
	width: 210px;
    margin-bottom: 5px;
	visibility: hidden;
}
.buttonaddvariante{
	width: 131px;
    margin-bottom: 5px;
	visibility: hidden;
}
.kuerzelAnzeigen{
	visibility: hidden;
}
.kuerzelText{
	visibility: hidden;
}

.modal-dialog {
    max-width: 800px;
}

#VarianteTexteAusVorlageUebernehmenModal .modal-body input {
	width: 350px;
} 

#VarianteTexteAusVorlageUebernehmenModal .modal-body textarea {
	width: 350px;
	height: 150px;
} 

  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
.ModalKopierenProjektart{
	margin-right: 85px;
}

.inactiveLink {
	pointer-events: none;
	cursor:auto;
 }
 .curserVersion:hover{
	cursor: pointer;
 }
.neueVariante {
	clear: both;
	background-color:#E6838D
}
.neueVariantenkopf{
	background-color:#D32525
}
.paddingNewVariante{
	padding-left: 38px !important;
}
.newBauteil{
	color: red ;
}
.newKategorie{
	color : red ;
}
.addvorlageintoprojekt{
	width: 350px !important;
	background-color: #004F9F;
	color: white;
}
.anpassbaresbauteil{
	color: darkorange;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0.05em 0.25em !important;
	background-color: transparent !important;
	background: none !important;
	border: none !important;
}

.dataTables_wrapper .dataTables_processing {
	height: initial !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	font-size: 1.5em !important;
	background: rgba(0,0,0,.8) !important;
	color: white !important;
}