body {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s;
    margin-left: 15px;
    margin-right: 15px;
    
    /*background: url("../images/bg-neu-1.jpg") no-repeat center center fixed;*/
      /*background-repeat:no-repeat;*/
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    
      display: compact;
}

.tableFloatingHeaderOriginal th {
        background-color: #fff;
        border-bottom: 1px solid #DDD;
      }


.ng-cloak {
    opacity: 0;
}


section {
    padding-top: 30px;
}

.page-header h1 > small > a {
    color: #999;
}
.page-header h1 > small > a:hover {
    text-decoration: none;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
}

.bs-social {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

@media (min-width: 768px) {

    .bs-social {
        text-align: left;
    }

}

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.bs-social-buttons {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.bs-social-buttons li {
    display: inline-block;
    padding: 5px 8px;
    line-height: 1;
}

@media (max-width: 767px) {

    .visible-xs.collapse.in {
        display: block!important;
    }
    .visible-xs.collapse {
        display: none!important;
    }

}

.navbar .collapse {
    border-top: 1px solid #e7e7e7;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
    padding-left: 15px;
}

.show-grid {
  margin-bottom: 15px;
}

/*
 * Container
 *
 * Tweak to width of container.
 */

/*@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}*/

/*
 * Tabs
 *
 * Tweaks to the Tabs.
 */

.code .nav-tabs {
	border-bottom: 1px solid #ccc;
}

.code pre, .code code {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.code .nav-tabs>li.active>a, .code .nav-tabs>li.active>a:hover, .code .nav-tabs>li.active>a:focus {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-bottom-color: transparent;

}

/*
 * Button Inverse
 *
 * Buttons in the masthead.
 */

.btn-outline-inverse {
color: #fff;
background-color: transparent;
border-color: #cdbfe3;
margin: 10px;
}

@media (min-width: 768px) {

    .btn-outline-inverse {
        width: auto;
        margin: 20px 5px 20px 0;
        padding: 18px 24px;
        font-size: 21px;
    }

}

.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active {
color: #563d7c;
text-shadow: none;
background-color: #fff;
border-color: #fff;
}


/* Page headers */
.bs-header {
  padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
  font-size: 16px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  color: #cdbfe3;
  background-color: #563d7c;
  background-image: url(header.png);
}
.bs-header a {
  color: #fff;
  font-weight: normal;
}
.bs-header h1 {
  color: #fff;
}
.bs-header p {
  font-weight: 200;
  line-height: 1.4;
}
.bs-header .container {
  position: relative;
}

@media (min-width: 768px) {
  .bs-header {
    font-size: 30px;
    text-align: left;
  }
  .bs-header h1 {
    font-size: 100px;
    line-height: 1;
  }
}

@media (min-width: 992px) {
  .bs-header p {
    margin-right: 25%;
  }
}

.navbar-inner {
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.175);
    box-shadow: 0 3px 3px rgba(0,0,0,0.175);
}

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix {
  position: static;
}

/* First level of nav */
.bs-sidenav {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top:    10px;
  padding-bottom: 10px;
  text-shadow: 0 1px 0 #fff;
  background-color: #f7f5fa;
  border-radius: 5px;
}

/* All levels of nav */
.bs-sidebar .nav > li > a {
  display: block;
  color: #716b7a;
  padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5e3e9;
  border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-right: 1px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-sidebar.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 80px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-sidebar.affix-bottom .bs-sidenav,
  .bs-sidebar.affix .bs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 263px;
  }
}


/* Not enough room on mobile for markup tab, js tab, and plunk btn.
  And no one cares about plunk button on a phone anyway */
@media only screen and (max-device-width: 480px) {
    #plunk-btn {
        display: none;
    }
}

.navbar-nav .dropdown .navbar-brand {
    max-width: 100%;
    margin-right: inherit;
    margin-left: inherit;
}

.header-placeholder {
    height: 50px;
}

@media screen and (min-width: 768px) {

    .dropdown.open > .navbar-brand + .dropdown-menu {
        left: 10px;
    }

    .header-placeholder {
        height: 50px;
    }

    .navbar-nav .dropdown .navbar-brand {
        max-width: 200px;
        margin-right: 5px;
        margin-left: 10px;
    }

}

.table-title-bg {
	font-weight: bold;
  	background-color: #ededed;
}

.title,.titel {
	font-weight: bold;
  	background-color: #ededed;
}

.prior-hoch {
	background-color: #a94442;
  color: #fff;
}

.prior-mittel {
	background-color: orange;
}

.prior-niedrig {
	background-color: #3c763d;
  color: #fff;
}

.status-fertig {
	background-color: #009e46;
}

.status-inarbeitlaser {
	background-color:#0085cf;
	color: white;
}

.status-inarbeit {
	background-color:#001ca8;
}

.status-optimiert {
	background-color:#fff1aa;
}

.formcontrol-2 {
	height: 26px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.0;
	background-color: rgb(170,212,252);

}

.formcontrol-3 {
	height: 26px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.0;
	background-color: rgba(250,244,129,1);

}

.formcontrol-4 {
	height: 26px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.0;
	background-color: rgba(220,115,115,0.86);

}

.formcontrol-5 {
	height: 26px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.0;
	//background-color: rgb(170,212,252);

}

.job-text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #9a1111
}

.even{
    background-color: #fff;
}
.odd{
    background-color: #dff6e0;
}

.kalender-sa {
  	background-color: #f0f07f;
  	color: #000;
}

.kalender-so {
	background-color: #f85656;
	color: #000;	
}

.kalender-fe {
	background-color: #45ed97;
	color: #000;	
}

.kalender-jahr {
	background-color: #a2b9ec;
	color: #000;
}

.kalender-summe {
	background-color: #eeadb5;
	color: #000;
}

.kalender-v {
    background-color: rgba(0,  0,  0, 0.4);
    color: #000;
}


.table-condensed-2 > thead > tr > th,
.table-condensed-2 > tbody > tr > th,
.table-condensed-2 > tfoot > tr > th,
.table-condensed-2 > thead > tr > td,
.table-condensed-2 > tbody > tr > td,
.table-condensed-2 > tfoot > tr > td {
  padding: 2px;
}

.select2 > .select2-choice.ui-select-match {
  /* Because of the inclusion of Bootstrap */
  height: 29px;
}

.selectize-control > .selectize-dropdown {
  top: 36px;
}

.gridster {
    border: 0px solid #ccc;
    /*border: 2px solid red;*/
}

.gridster .gridster-item {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #004756;
    background: rgba(114, 217, 145, 0.75);
    padding-left: 8px;
    padding-top: 8px;
}

.test-item {
    background: rgba(244, 15, 15, 0.778)
}
/*
.g-content{
    background-color: #434343;
    background-image: linear-gradient(0deg,  transparent 24%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), 
                      linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
	height:100%;
	background-size:72px 82px;
	background-position: -18px -18px;
}

.g-content-2{
    background-color: transparent;
    background-image: linear-gradient(0deg,  transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), 
                      linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent)
                      ;
	height:100%;
	background-size:36px 82px;
	background-position: -9px -18px;
}
*/

.status-bg-neu {
    background-color: rgba(226, 27, 71, 0.75);    
}

.status-bg-vorbereitung {
    background-color: rgb(136, 136, 235);
} 


.status-bg-aktiv {
    background-color: rgba(254, 214, 39, 0.75);    
}

.status-bg-inaktiv {
    background-color: rgba(227, 160, 79, 0.746);    
}

.status-bg-abgebrochen {
    background-color: rgba(146, 146, 146, 0.75);    
}

.status-bg-fertig {
    background-color: rgba(56, 196, 38, 0.75);    
}

.status-fg-neu {
    color: rgba(226, 27, 71, 0.75);    
}

.status-fg-vorbereitung {
    color: rgb(136, 136, 235);
} 

.status-fg-aktiv {
    color: rgba(254, 214, 39, 0.75);    
}

.status-fg-inaktiv {
    color: rgba(227, 160, 79, 0.746);    
}

.status-fg-abgebrochen {
    color: rgba(146, 146, 146, 0.75);    
}

.status-fg-fertig {
    color: rgba(56, 196, 38, 0.75);    
}

.arbeit-fg-arbeit {
    color: rgb( 51, 51,255);
} 
.arbeit-fg-zeitkonto {
    color: rgb(255, 51, 51);
}
.arbeit-fg-schule {
    color: rgb(  0,153,102);
}
.arbeit-fg-wef {
    color: rgb( 51, 51,255);
}
.arbeit-fg-feiertag {
    color: rgb(204,102,  0);
};

.g-bg-1 {
	background-color: transparent;
    background-image:url(../images/grid-bg-1.png) ;  
	background-size:144px 41px;
    background-position: 2px 1px;
}

.g-item-list-normal {
	background-color: rgba(255, 255, 255, 0.75);
}

.g-item-list-late {
	background-color: rgba(233, 24, 24, 0.66)
}

/* widget item im planer */
.g-item-neu { /* neu hellrot */
	background-color: rgba(226, 160, 160, 0.59);	
}

.g-item-inarbeit {
	background-color: rgba(244, 244, 58, 0.75);	
}

.g-item-abgebrochen {
	background-color: rgba(217, 217, 217, 0.75);	
}

.g-item-fertig {
	background-color: rgba(114, 217, 145, 0.75);	
}

.chart {
 width: 600px;
 height: 500px;
}

.popover {
    max-width: 800px;
    width: auto;
}

.table-bg-gray {
	background-color: rgba(231, 231, 231, 0.75);
}

.modal-lg { /* überschrieben, original aus boostrap.css */
    width: 1100px;
 }
 
 #iconSpan {
 	position : absolute;
 	top:1%;
 	left :14%;
}

/* Have to set height explicity on ui-view 
to prevent collapsing during animation*/
/*
.well[ui-view]{
 height: 65px; 
}

.ui-view-container {
  position: relative;
}

[ui-view].ng-enter, [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

[ui-view].ng-enter {
  opacity: 0;
  -webkit-transform:scale3d(0.5, 0.5, 0.5);
  -moz-transform:scale3d(0.5, 0.5, 0.5);
  transform:scale3d(0.5, 0.5, 0.5);
}

[ui-view].ng-enter-active {
  opacity: 1;
  -webkit-transform:scale3d(1, 1, 1);
  -moz-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1);
}

[ui-view].ng-leave {
  opacity: 1;

  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

[ui-view].ng-leave-active {
  opacity: 0;

  -webkit-transform:translate3d(100px, 0, 0);
  -moz-transform:translate3d(100px, 0, 0);
  transform:translate3d(100px, 0, 0);
}
*/

/*
[ui-view].ng-leave {
	-webkit-animation: fadeOut 1s;
	-moz-animation: zoomOut 1s;
    -ms-animation: zoomOut 1s;
    animation: zoomOut 1s;	
}
*/


[ui-view].ng-enter {
	-webkit-animation: zoomIn 0.35s;
	-moz-animation: zoomIn 0.35s;
    -ms-animation: zoomIn 0.35s;
    animation: zoomIn 0.35s;	
}

.message.ng-enter {
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.test-a.ng-enter {
	-webkit-animation: flipInY 1s;
	-moz-animation: flipInY 1s;
    -ms-animation: flipInY 1s;
    animation: flipInY 1s;
}

.test-b.ng-enter {
	-webkit-animation: bounceInUp 0.5s;
	-moz-animation: bounceInUp 0.5s;
    -ms-animation: bounceInUp 0.5s;
    animation: bounceInUp 0.5s;
}

/*
.frss-box-1 {
	min-height: 200px;
}
*/

.frss-box-3 {
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 360px;
    max-height: 720px;
    /*z-index: -9998;*/
}

.frss-box-2 {
    overflow-y: scroll;
    overflow-x:  auto;
    min-height: 580;
    /*z-index: -9999;*/
}
.frss-pdf-box {
    overflow-y: scroll;
    overflow-x:  scroll;
    min-height: 740px;
    max-height: 740px;
    width: 100%;
    margin-top: 4px;
}

/*Fonts*/
.font-fontawesome{
  font-family: 'FontAwesome';
}
.font-xx-large{
  font-size:35px;
}
.font-small{
	font-size: 12px;
}

/*radius*/
.radius3 {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

/*
input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width:100%;
      height: 26px;
      border:none;
      padding:0 1.5%;
      -webkit-box-shadow :0 0 0 1px rgba(0, 0, 0, 0.15);
      -moz-box-shadow :0 0 0 1px rgba(0, 0, 0, 0.15);
      box-shadow :0 0 0 1px rgba(0, 0, 0, 0.15);
  }
*/

.newinput-1 {
       -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width:100%;
      height: 26px;
      border:none;
      padding:0 1.5%;
      -webkit-box-shadow :0 0 0 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow :0 0 0 1px rgba(0, 0, 0, 0.15);
      box-shadow :0 0 0 1px rgba(0, 0, 0, 0.15);
         
}

#chartdiv {
  width: 100%;
  height: 500px;
  
}	

#chartdiv2 {
  width: 100%;
  height: 300px;
  /* background-color: rgba(102, 102, 102, 0.25);*/
  /* border: dashed 1px red; */
}		

.my-drop-zone { 
    border: dotted 3px lightgray; 
}

.nv-file-over {
     border: dotted 3px red; 
} 

/* Default class applied to drop zones on over */
.another-file-over-class { 
    border: dotted 3px green; 
}

.asg-info h3 {
			margin: 0;
			padding: 0;
			font-size: 2rem;
		}

		.custom-panel .asg-panel .items {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			flex-shrink: 1;
			justify-content: space-around;
			align-items: stretch;
			align-content: stretch;
			perspective: 1280px;

		}

		.custom-panel .asg-panel .item {
			display: inline;
			height: 100px;
			transition: all ease 0.2s;
			opacity: 0.77;
			transform: scale(1);
			z-index: 10;
		}

		.custom-panel .asg-panel .item.selected {
			opacity: 1;
		}

		.custom-panel .asg-panel .item:hover {
			z-index: 11;
			opacity: 1;
			transform: scale(1.2);
			box-shadow: 0px 0px 10px #141414;
		}

		.custom-panel .asg-panel .item img {
			height: 100%;
			max-width: inherit;
		}

		.svg-logos .panel-body {
			background-color: #c8c8c8;
		}

.alpha_on {
    color: #e0339e;
    font-weight: bold;
}


.frss-box-1 {
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 360px;
    max-height: 720px;
    
}

.frss-box-2 {
    overflow-y: scroll;
    overflow-x:  auto;
    max-height: 650px;
    
}

.frss-box-3 {
    overflow-y: scroll;
    overflow-x:  auto;
    max-height: 550px;
    
}

.frss-file-box {
    min-height:200px;
    overflow-x: scroll;
    overflow-y: auto;
}

.terminal-box {
    overflow-y: scroll;
    overflow-x:  auto;
    max-height: 250px;
    min-height: 250px;
}

[ng-drag]{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[ng-drag].drag-over{
    border:solid 1px green;
}

[ng-drag].dragging{
    opacity: 0.5;
    z-index: 211000;
}

[ng-drop].drag-enter {
    border:solid 3px rgba(27, 188, 100, 0.74);
}

[ng-drop] div {
    position: relative;
    z-index: 2;
    margin: 2px;
}

.media_landscape {
    width: 600px;
    height: 337px;
}

.media_portrait {
    width: 337px;
    height: 600px;
}

.rotate, 
.rotateCounterwise {
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
}

.rotate {
    -webkit-transform: rotate(90deg);
}

.rotateCounterwise {
    -webkit-transform: rotate(0deg);
}

.ngdialog-content{
    width :800px !important;
    
}

.schedule-animate {
  transition: opacity 200ms ease-out;
}
.schedule-animate.ng-enter, .schedule-animate.ng-hide-remove {
  opacity: 0;
}
.schedule-animate.ng-leave, .schedule-animate.ng-hide-add {
  display: none;
  opacity: 1;
}

.table-condensed-f1{
  font-size: 10px;
}

.bg-yellow {
    background-color:rgba(255, 215, 39, 0.5);
}

.bg-blue {
    background-color: rgba(20, 83, 117, 0.5);
}

.text-blue {
    color: rgba(20, 83, 117, 1);
}

.text-yellow {
    color: rgba(255, 215, 39, 1);
}
.text-green {
    color: green;
}

/* bar height */
.styled .switcher-line:before { height: 20px; }
/* bar backgrounds */
.styled         .switcher-line:before { background: #e35144; }
.styled .active .switcher-line:before { background: #4ecb32; }
/* icons opacity */
.styled         .switcher-label.false,
.styled .active .switcher-label.true { opacity: 1; }
.styled         .switcher-label.true,
.styled .active .switcher-label.false { opacity: .4; }

/* bar height */
.styled2 .switcher-line:before { height: 20px; }
/* bar backgrounds */
.styled2         .switcher-line:before { background: rgba(146, 146, 146, 0.75); }
.styled2 .active .switcher-line:before { background: #000000; }
/* icons opacity */
.styled2         .switcher-label.false,
.styled2 .active .switcher-label.true { opacity: 1; }
.styled2         .switcher-label.true,
.styled2 .active .switcher-label.false { opacity: .4; }


.error {
    color: red;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop into it once it's empty
 */
.multiDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.multiDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.multiDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
}

/**
 * Show selected elements in green
 */
.multiDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.bg-warning-2 {
    background-color: rgb(252, 248, 227);
}

.dropdown-menu {
  z-index: 1000;
}
/* style.css */