/* ************************************************************************* */
/* START Bootstrap: Erweiterung und Manipulation der Standard-CSS-Klassen    */

.has-error input, 
.alert .alert-danger {
	background-color:#fcf0f0;
}

/* to reset AdminLTE styles */
.alert.alert-danger.alert-dismissible {
	background-color: #da3a25 !important;
}

.alert.alert-success,
.alert.alert-warning,
.alert.alert-info {
	color: #000 !important;
}

.alert.alert-success.alert-dismissible .close,
.alert.alert-info.alert-dismissible .close,
.alert.alert-warning.alert-dismissible .close,
.alert.alert-danger.alert-dismissible .close {
	opacity: 0.7;
}

.tooltip.in {filter: alpha(opacity=100); opacity: 1;}
.tooltip-muted + .tooltip > .tooltip-inner {background-color: #e7e7e7; color:black; border:solid 1px silver;}
.tooltip-primary + .tooltip > .tooltip-inner {background-color: #337ab7; color:white; border:solid 1px darkblue;}
.tooltip-success + .tooltip > .tooltip-inner {background-color: #dff0d8; color:black; border:solid 1px forestgreen;}
.tooltip-info + .tooltip > .tooltip-inner {background-color: #d9edf7; color:black; border:solid 1px SteelBlue;}
.tooltip-warning + .tooltip > .tooltip-inner {background-color: #fcf8e3; color:black; border:solid 1px goldenrod;}
.tooltip-danger + .tooltip > .tooltip-inner {background-color: #f2dede; color:black; border:solid 1px crimson;}
.tooltip-servicepnr + .tooltip > .tooltip-inner {background-color: #ccccff; color:navy; border:solid 1px blue;}

/* 08.02.2019 UT: Sicherstellung der abgerundeten Ecken von Bootstrap-Modal-Popups, auch wenn Background-Color gesetzt ist */
/*.modal-content {
	-moz-box-shadow: 0 0 4px 4px rgba(221,221,221,0.5) !important;
	-webkit-box-shadow: 0 0 4px 4px rgba(221,221,221,0.5) !important;
	box-shadow: 0 0 4px 4px rgba(221,221,221,0.5) !important;
}*/
.modal-content > :first-child {
	border-top-left-radius: inherit; 
	border-top-right-radius: inherit;
}
.modal-content > :last-child {
	border-bottom-left-radius: inherit; 
	border-bottom-right-radius: inherit;
}

/* STOPP Bootstrap: Erweiterung und Manipulation der Standard-CSS-Klassen    */
/* ************************************************************************* */

/* ************************************************************************* */
/* START der allgemeingültigen Ergänzungen und Erweiterungen */
body {
	/* noch keine Manipulation */
}

/* Textbox für Debug-Informationen: tb_debug */
.TbDebugHeadline {
	font-family: monospace;
	font-size:medium;
	color: #ffffff;
	padding: 1px 3px;
	font-weight: bold;
	/*background-color:#BA6262;*/
	/* Ultimate CSS Gradient Generator http://www.colorzilla.com/gradient-editor/ */
	background: rgb(186,98,98); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(186,98,98,1) 0%, rgba(255,204,204,1) 50%, rgba(186,98,98,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(186,98,98,1)), color-stop(50%,rgba(255,204,204,1)), color-stop(100%,rgba(186,98,98,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(186,98,98,1) 0%,rgba(255,204,204,1) 50%,rgba(186,98,98,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(186,98,98,1) 0%,rgba(255,204,204,1) 50%,rgba(186,98,98,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(186,98,98,1) 0%,rgba(255,204,204,1) 50%,rgba(186,98,98,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(186,98,98,1) 0%,rgba(255,204,204,1) 50%,rgba(186,98,98,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba6262', endColorstr='#ba6262',GradientType=1 ); /* IE6-9 */
}
.TbDebugContent {
	font-family: monospace;
	font-size:small;
	color: #000000;
	border: solid 1px #BA6262;
	width: 100%;
	/*height: 100px; /* Höhe wird erst bei der Anwendung festgelegt, um variabel auf Notwendigkeiten reagieren zu können */
	padding: 2px;
	margin: 0px 0px 10px 0px;
	box-sizing: border-box;
	/*background-color:#ffcccc;*/
	/* Ultimate CSS Gradient Generator http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(left,  rgba(255,204,204,0.34) 0%, rgba(255,204,204,0.34) 1%, rgba(255,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,204,204,0.34)), color-stop(1%,rgba(255,204,204,0.34)), color-stop(100%,rgba(255,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,204,204,0.34) 0%,rgba(255,204,204,0.34) 1%,rgba(255,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,204,204,0.34) 0%,rgba(255,204,204,0.34) 1%,rgba(255,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,204,204,0.34) 0%,rgba(255,204,204,0.34) 1%,rgba(255,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,204,204,0.34) 0%,rgba(255,204,204,0.34) 1%,rgba(255,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ffcccc', endColorstr='#ffcccc',GradientType=1 ); /* IE6-9 */
}

/* Grayscale und Opacity mit HoverEffekt */
.grayscale, grayscalehover
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.grayscalehover:hover
{
	filter: none;
	-webkit-filter: grayscale(0);
}

/* Opacity 0.9...0.0 mit HoverEffekt */
.opaque90, .opaque90hover
{
	-webkit-opacity: 0.9;
	-khtml-opacity: 0.9;
	-moz-opacity: 0.9;
	-o-opacity: 0.9;
	-ms-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.opaque80, .opaque80hover
{
	-webkit-opacity: 0.8;
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.opaque70, .opaque70hover
{
	-webkit-opacity: 0.7;
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-o-opacity: 0.7;
	-ms-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.opaque60, .opaque60hover
{
	-webkit-opacity: 0.6;
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.opaque50, .opaque50hover
{
	-webkit-opacity: 0.5;
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opaque40, .opaque40hover
{
	-webkit-opacity: 0.4;
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	-ms-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.opaque30, .opaque30hover
{
	-webkit-opacity: 0.3;
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	-o-opacity: 0.3;
	-ms-opacity: 0.3;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.opaque20, .opaque20hover
{
	-webkit-opacity: 0.2;
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
	-o-opacity: 0.2;
	-ms-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.opaque10, .opaque10hover
{
	-webkit-opacity: 0.1;
	-khtml-opacity: 0.1;
	-moz-opacity: 0.1;
	-o-opacity: 0.1;
	-ms-opacity: 0.1;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.opaque00, .opaque00hover
{
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	-ms-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.opaque100,
.opaque90hover:hover,
.opaque80hover:hover,
.opaque70hover:hover,
.opaque60hover:hover,
.opaque50hover:hover,
.opaque40hover:hover,
.opaque30hover:hover,
.opaque20hover:hover,
.opaque10hover:hover,
.opaque00hover:hover
{
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	-o-opacity: 1.0;
	-ms-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* Nachbildung der Callout-CSS-Styles in der Bootstrap-Dokumentation http://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
	background-color: white;
    padding: 20px;
    margin: 20px 0;
	padding: 10px 15px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
	color: #d4403a; /*#d9534f;*/
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/* FileUpload */
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* styles to re-set colors from AdminLTE for WAI */
.btn-success {
	background-color:#008549 !important;
}

.btn-success:hover {
	background-color: #00a85d !important;
}

.btn-warning, .btn-warning:hover,
.btn-info, .btn-info:hover{
	color: #000;
}

.buttonbar .absenden {
	border-color: #008549;
	background-color: #008549;
}

.buttonbar .absenden:hover {
	background-color: #00a85d;
}


/* Create Blink Effect With CSS3 Animation */
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Create Pulse Effect With CSS3 Animation: https://paulund.co.uk/create-pulse-effect-with-css3-animation */
@keyframes pulse_animation {
	0% { transform: scale(1.0); opacity:1.0; }
	25% { transform: scale(1.2); opacity:1.0; }
	50% { transform: scale(1.0); opacity:1.0; }
	75% { transform: scale(0.8); opacity:0.5; }
}
.pulse {
	animation-name: pulse_animation;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	/*transform-origin:70% 70%;*/
}

/* Sonderlösung für L_Projektpipeline.aspx.vb und ProjektplanungZusammenfassung.ascx durch PM
   ABER WOZU??? weshalb wird dort kein table-hover verwendet???
*/
.table-boxshadow > tbody tr:hover {
	box-shadow: inset 0 0 0 99999px rgba(0,0,100,0.1);
}
.nav > li > a {
padding 5px 10px;
}