/*************** Zentrale Styles - framing.css prüfen!!!! ***************/

 body {
    font-family: "Univers LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow:visible;
    font-size: 18px;
    line-height: 1.666666666666667; /*~ 30px;*/ /* 18 ~ 1.666666666666667*/ /*16px ~ 1.875*/ /*1.5*/ /*14px ~ 2,142857142857143*/ /*24px/30px  ~ 1.25*/ /* 36px/40px ~ 1,111111111111111*/
    color: #666;
    font-weight: 400;
    padding-top:0px;
    background-color:rgb(250,250,250);
    }
    
    
body.kd {
    overflow:hidden;
    }
    
header {
    /*position:relative;
    z-index:999;
    overflow:visible;
    height:auto;
    border:0;*/
    position:fixed;
    z-index:1040;
    width:100%;
    box-shadow: 0 0px 15px rgba(72,72,73,0.25);
    }
    
header .headline-container {    
    height:40px;
    background-color: rgba(73,73,72,1)
    }
    
header .headline-container nav ~ h1.title{
	padding-left:0px;
    }


.username{
	display:none;
	line-height:40px;
	float:right;
	font-size:14px;
	color:#d1d1d1;
}

@media (min-width: 769px) {
    .username{
    	display:block;
    	}
	}
    
.filterGroup {
    margin-top:-16px;
    margin-bottom:0px;
    }
   
.filterGroup label {
    font-weight:300;font-size:12px;line-height:16px;height:24px;
    }
 
.filterGroup form-group {
    
    }
 
.wrap {
    min-height:100vh;
    }
    
main {
    padding-top:72px;
    }

main.nobreadcrumb {
    padding-top:40px;
    } 
 
    
footer {
    position: relative;
    margin-top: -62px;
    min-height: 62px;
    height:auto;
    clear: both;
    background: #d1d1d1;
    padding:15px 0;
    }
    
footer [class*="col-"], header [class*="col-"] {
    padding-bottom:0;
    }
    
.mini-map {
    position:fixed;
    right:0;
    top:0px;
    height:100vh;
    width:33.333333%;
    border-left:1px solid rgba(73,73,72,0.25);
    background:url(../images/testmap.png) #eee;
    z-index:2000000000;
    }
    
.container-fluid {
    padding:0 15px;
    }
    
.float_right {
    float:right;
    }
 
    
/*************** nav.css ***************/

/* Hamburger-Button website */
.ham-icon {
    display:block;
    margin-top:26px; 
    cursor:pointer;
    }
    
#hampf_small {
    opacity:1;
    transition:opacity 0.5s ease-out;
    transition-delay:0.8s;
    display:block;
    }
    
#hampf_small.hampf_inactive {
	opacity:0;
	pointer-events:none;
    }
/* Ende Hamburger-Button website */


/* Überschreiben der bootstrap-Navi-Stile */
.nav {
    display:none;
    }  
    
.nav li {
    padding-left:0;
    }

.nav > li > a {
    min-height:40px;
    font-size:18px;
    font-weight:400;
    padding-top:0;
    padding-bottom:0;
    color:rgb(73,73,72);
    text-align:left;
    }
    
.nav > li:first-child > a {
    padding-left:0px;
    }
    
.nav > li > a:hover,
.nav > li > a:focus {
    background-color:transparent;
    color:#ee7100;
    }
    
    
/* ------------- .mainnav - Hauptnavigation (website) ------------- */

.nav.mainnav {
    height:57px;
    margin-top:23px;
    }
    
.nav.mainnav > li > a {
    line-height:40px;
    }
    
    
/* ------------- .nav-stacked - vertikale (Haupt-)Sub-Navigation (website)------------- */
  
.nav.nav-stacked {
    display:block;
    }
            
.nav-stacked {
    margin-top:0;
    }
    
.nav-stacked > li {
    width:auto;
    padding-right:30px;
    float:left;
    }

.nav-stacked > li + li {
    margin-top:0;
    }

.nav-stacked > li > a {
    font-size:16px;
    padding:5px 0 6px 0;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    }
    
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover,
.nav-stacked > li.active > a:focus {
    padding-left:0px;
    padding-right:0;
    padding-top:5px;
    padding-bottom:6px;
    }

    
/* ------------- .nav-pills - horizontale Haupt-Navigation (website) ------------- */
    
.nav-pills > li + li {
    margin-left:0;
    }
    
.nav-pills > li > a {
    border-radius:0;
    }
    
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color:#61ae2c;
    background-color:transparent;
    border:0;
    }
    
/*.nav-pills.bottom li {
    float:right;
    }
    
.nav-pills.bottom li:first-child {
    float:left;
    padding-left:0;
    }
    
.nav.bottom > li:last-child > a {
    padding-right:0;
    }*/

/* ------------- all from 768px up ------------- */
@media (min-width: 769px) {
    .nav {
        display:block;
        }
        
    .nav-stacked > li {
        width:100%;
        float:none;
        padding-right:0;
        }

    .nav-stacked > li > a {
        padding-right:0;
        }
        
    .ham-icon {
        display:none;
        }
    
    
	}
    

/* ------------- .breadcrumb - Abbildung des Klickpfades ------------- */

/* breadcrumb-Container */
.bg-alpha-white {
    z-index:10;
    display:block;
    border-bottom:1px solid rgba(73,73,72,0.25);
    background:rgba(255,255,255,1);
    }

.index .bg-alpha-white { /* .index - Hilfsklasse für Homepage der website */
    margin-top:-40px;
    background:rgba(255,255,255,0.85);
    }
/* Ende breadcrumb-Container */
 
.breadcrumb {
    border-radius:0;
    padding:0;
    margin:0;
    background:transparent;
    height:31px;
    overflow:hidden;
    }
    
.breadcrumb li {
    float:left;
    height:31px;
    padding:0px;
    font-size:12px;
    line-height:31px;
    }
    
/* ------------- all from 768px up ------------- */   
@media (min-width: 769px) {
    .breadcrumb li {
        display:inline-block;
        display:block;
        }
    }
    
.breadcrumb li.iconButton {
    width:40px;
    display:block;
    text-align:center;
    }
    
.breadcrumb li.right {
    display:inline-block;
    float:right;
    }

.breadcrumb li.right button {
    padding:0 15px;
    border:0;
    color:#0090d6;
    line-height:40px;
    background:transparent;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:300;
    height:31px;
    }
    
.breadcrumb li.right button:hover, .breadcrumb li.right button:focus {
    background:rgba(236,236,237,0.25);
    color:#ee7100;
    transition:all .3s, color .3s;
    }
    
.breadcrumb li.right button.glyph:hover, .breadcrumb li.right button.glyph:focus {
    background:transparent;
    }
    
.breadcrumb li.right button:hover span.glyphicon, .breadcrumb li.right button:focus span.glyphicon {
    color:#ee7100;
    }
    
.breadcrumb li.right.wrapper {
    border-right:0;
    }
.breadcrumb li.right.wrapper button {
    margin-right:0;
    }
    
.breadcrumb > li + li:before {
    padding: 0 8px 0 8px;
    color: #d1d1d1;
    content: "\203a";
    font-size:12px;
    }

.breadcrumb > li + li.right:before, .breadcrumb > li.iconButton + li:before {
    content: none;
    }
    
.breadcrumb li a {
    height:31px;
    padding:0;
    font-weight:300;
    letter-spacing:1px;
    line-height:31px; 
    background-color:transparent;
    color:#484848;
    display:inline-block;
    font-size:12px;
    }
    
.breadcrumb li a:hover, .breadcrumb li a:focus  {
    text-decoration:none;
    color:#ee7100;
    }
    
.breadcrumb > .active a {
    color:#61ae2c;
    font-weight:600;
    letter-spacing:0;
    }
    
.index .breadcrumb li.home a { /* .index - Hilfsklasse für Homepage der website */
    padding:0 10px; 
    background-color:#61ae2c;
    color:#fff;
    font-weight:400;
    }
/* Ende breadcrumb */
    
    
/* .nav-tabs - Tab-Navigation (nicht in header sondern in main) */

.tab-container {
    text-align:left;
    background-color:#fff;
    }
    
.nav-tabs {
    padding:0;
    margin:0;
    display:block;
    margin-bottom: -1px;
    height:40px;
    border-bottom:1px solid #e4e4e4;
    }
    
.nav-tabs > li {
    float: left;
    margin:0;
    padding:0;
        background-color:#fff;

    }

.nav-tabs > li.float_right {
    float: right;
    }

.nav-tabs > li > a {
    line-height: 40px;
    height:41px;
    border:0;
    border-radius: 0px;
    border-right:1px solid rgba(73,73,72,0.15);
    padding:0 15px;
    margin:0;
    display:block;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid #e4e4e4;
    background:#fff;
    border-top:1px solid #e4e4e4;
    margin-top:-1px;
    }
    
.nav-tabs > li.float_right > a {
    border-left:1px solid rgba(73,73,72,0.15);
    border-right:0;
    }
    
.nav.nav-tabs > li:first-child > a {
    padding-left:15px;
    }
    
.nav-tabs > li > a:hover {
    border-right:1px solid rgba(105,105,105,0.1);
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus, 
.nav.nav-tabs > li.active:last-child > a {
    color: #61ae2c;
    cursor: default;
    background-color:rgb(250,250,250);
    border: 0;
    border-top: 1px solid transparent;
    border-right:1px solid rgba(105,105,105,0.1);
    }
  
.nav-tabs > li.inactive > a,
.nav-tabs > li.inactive > a:hover,
.nav-tabs > li.inactive > a:focus {
    color: #ccc;
    cursor: no-drop;
    border: 0;
    border-right:1px solid rgba(105,105,105,0.1);
    border-bottom:1px solid #e4e4e4;
    border-top:1px solid #e4e4e4;
    }
/* Ende .nav-tabs */
   
    
/*************** typo.css ***************/   
    
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 600;
    color:#666;
    margin-top:0;
    margin-bottom:10px;
    /*letter-spacing:0.6px;*/
    }

h1 {
    font-size:24px;
    line-height:1.25;
    margin-bottom:20px;
    font-weight:600;
    color:#61ae2c;
    } 
    
header h1, .headline-container h1 {
    padding-left:10px;
    margin:0;
    color:#fff;
    font-size:16px;
    font-weight:600;
    line-height:40px;
    }

h2, 
h3,
h4,
h5,
h6 {
    font-size:16px;
    color:#000;
    line-height:1.666666666666667;
    margin-top:2px;
    }

h2 {
    font-weight:600;
    font-size:18px;
    color:#61ae2c;
    }
    
.index h2 { /* .index - Hilfsklasse für Homepage der website */
    color:#000;
    font-weight:400;
    }

h1 small,
.h1 small,
h2 small,
.h2 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small  {
    font-size: 18px;
    color:#000;
    font-weight:600;
    }

h3 small,
.h3 small,
h3 .small,
.h3 .small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small  {
    font-size: 16px;
    color:#000;
    }

p {
    font-weight:300;
    font-size:16px;
    margin-top:5px;
    }
    
p.small {font-size:16px;margin-top:0px;}
p.smaller {font-size:14px;margin-top:0px;}

p.icon-box {
    letter-spacing:1px;
    font-size:14px;
    padding:15px;
    margin:0;
    text-transform:uppercase;
    border-radius:4px;
    background-color:transparent;
    }
    
p.icon-box:hover, p.icon-box:focus {
    background-color:#fff;
    transition:background-color .3s;
    }
    
em {
    /*color:#000;
    font-weight:300;*/
    }

a {
    color:#0090d6;
    text-decoration:none;
    }
    
h3 a {
    color:#000;
    text-decoration:none;
    display:block;
    }
    
a:hover, a:focus {
    color:#ee7100;
    transition:color .3s, background .3s;
    text-decoration:none;
    outline:none;
    }
    
ul, ol {
    margin-left:0px;
    padding-left:15px;
    list-style-position:outside;
    }
    
ul li ul {
    padding-left:16px;
    } 
    
li {
    list-style-image: url(../images/bullet.png);
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:300;
    }
    
ol li {
    list-style-image: none;
    }
    
ol.ordered-list {
    counter-reset: item;
    }

ol.ordered-list > li {
    margin: 0 0 0 -25px;
    padding: 0 0 0 40px;
    text-indent: -40px;
    list-style-type: none;
    counter-increment: item;
    }

ol.ordered-list > li:before {
    text-align:right;
    font-family:courier;
    display: inline-block;
    width: 40px;
    padding-right:1px;
    font-weight: 400;
    text-align: right;
    content: counter(item) ".";
    }
    
li.focus {
    list-style-image: url(../images/bullet-focus.png);
    color:#000;
    }
    
ul.twoCols li {
    width:100%;
    }

@media (min-width: 769px) {
    ul.twoCols li {
        width:50%;
        float:left;
        }
    
    li {
        font-size:18px;
        }
    }
    
ul.threeCols li {
    width:50%;
    float:left;
    }

@media (min-width: 1025px) {
    ul.threeCols li {
        width:33.3333334%;  
        }
    }
    
@media (min-width: 992px) {
    p {
        font-size:18px;margin-top:0px;
        }
    }
    

dl{
	overflow:hidden;
}

dt, dd {line-height:24px;}

/*Bezeichnung*/
dd {
	clear:both;
	font-weight:bold;
    line-height:24px;    
    font-size:14px;
    float:left;
    min-width:160px;
    } 
     
/*Wert*/
dt {line-height:24px;
    font-size:14px;
    font-weight:normal;
    padding-bottom:10px;   
    float:left;
    }


/* Icons, Images, Buttons, Links+ */ 

/* Icons "Glyphicon Halflings set" (bootstrap) */
    
.glyphicon {
    color:#0090d6;	
    vertical-align:middle;
    /*top:-2px;*/
    font-size:16px;
    }
    
header .glyphicon, header a .glyphicon {
    color:#7fc7ea;
    }
    
.open .glyphicon {
    color:#ee7100;
    border-left:0;
    background:rgba(72,72,73,0.05);
    }
    
a .glyphicon {
	color:#0090d6;
    }
    
.glyphicon.taskIcon {
    padding-right:20px;
    font-size:32px;
    vertical-align:top;
    margin-top:8px;
    margin-bottom:10px;
    float:left;
    }
    
.glyphicon-static {
	color:#666;
    }
    
a:hover .glyphicon, a:focus .glyphicon {
    color:#ee7100;
    transition:color .3s, background .3s;
    text-decoration:none;
    }

span.iconBigger {
    background:rgba(255,255,255,0.75);
    text-align:center;
    float:left;
    display:inline-block;
    line-height:30px;
    width:30px;
    height:30px;
    margin:10px 0 0 -60px;
    border-top-right-radius:10px;
    border-bottom-left-radius:3px;
    }

.iconButton {
    height:40px;
    width:40px;
    text-align:center;
    display:block;
    }
    
.iconButton.hamburger {
    float:left;
    }
    
.iconButton .glyphicon {
    height:40px;
    display:block;
    cursor:pointer;
    line-height:40px;
    top:0;
    }
    
.iconButton.hamburger:hover {
    }
    
.iconButton.hamburger:hover .glyphicon {
    color:#ee7100;
    }
    
.iconButton.hamburger.active .glyphicon {
    color:#61ae2c;
    }    
/* Ende Icons */

    
/* thumbnails für website */
a .floatingImage {
    width:100%;
    float:left;
    margin: 10px 30px 20px 0;
    display:block;
    border-radius:10px;
    } 
    
a .floatingImage img {
    float:left;
    width:100%;
    height:auto;    
    }
    
@media (min-width: 769px) {        
    a .floatingImage {
        width:22.22222222222222%;
        margin-bottom:5px;
        }
    } 
/* Ende thumbnails für website */
    

 
/* ??? prüfen!!! */
.threeCols label,.radiogroup label, .checkgroup label {
	padding-left:0;
	margin-left:0;
    }

ul.radiogroup,ul.checkgroup{
	list-style:none;
	margin:0;
	padding:0;
    }
/* Ende ??? prüfen!!! */




/*************** form.css ***************/

form [class*="col-"], form [class*="col-"] .row [class*="col-"], form .form-group [class*="col-"]:first-child, form [class*="col-"] .row .form-group [class*="col-"]:first-child {
    padding-bottom: 0px;
    }
   
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0 0 25px 0;
    border: 0;
    }
    
fieldset:last-child {
    margin-bottom:0;
    }
    
legend {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight:600;
    line-height: inherit;
    color: #333;
    border: 0;
    letter-spacing:1px;
    }
    
label {
    float:left;
    display: inline-block;
    max-width: 100%;
    padding-bottom:0;
    margin-bottom:0;
    font-weight:300;
    font-size:12px;
    padding-left:10px;
    letter-spacing:0;
    color: rgba(73,73,72,0.75);
    text-overflow:ellipsis;
    overflow: hidden;
    line-height:16px;
    min-height:20px;
    padding-top:4px;
    }

@media (min-width: 992px) {
    label {
        font-weight:400;
        font-size:14px;
        /*overflow:auto;*/
        line-height:20px;
        text-overflow:clip;
        }
    }
    
.radio label, .checkbox label {
    font-size:14px;
    font-weight:400;
    color: rgba(73,73,72,0.75);
    letter-spacing:0;
    }
    
.radio, .checkbox, input[type="checkbox"], input[type="radio"] {
    margin-top:4px;
    margin-right:3px;
    cursor:pointer;
    }
    
.form-group {
    margin-bottom:0px;
    clear:both;
    }
    
.input-group {
    width:100%;
    }

.input-group-addon {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    min-width:40px;
    color: #555;
    text-align: center;
    background-image: none;
    border: 1px solid rgba(237,237,237,1);
    border-radius: 2px;
    box-shadow: none;
    background: rgba(247,247,247,1);
    }

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight:400;
    line-height: 1.42857143;
    color: rgba(73,73,72,1);
    background-image: none;
    border: 1px solid rgba(227,227,227,1);
    border-radius: 2px;
    box-shadow: inset 0 1px 1px 0px rgba(73,73,72, 0.1);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background: rgba(236,236,237,1);
    background: -moz-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,236,237,1)), color-stop(100%, rgba(246,246,247,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /*noch zu stylen: Hexawerte ermitteln!*/
    }
    
textarea{
	resize:vertical;
    }
    
textarea.form-control {
    height: 100px;/*auto;*/
    }

.form-control:focus {
    padding: 5px 9px;    
    outline: 0;
    box-shadow: none;
    border: 2px solid #ee7100;
    background:none;
    background-color: #fff;
    }
    
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: rgba(246,246,247,1);
    opacity: 1;
    box-shadow:none;
}

    
/* Buttons */

/*.btn-secondary {
    font-size:14px;
    background-color:#d1d1d1;
    border-radius:2px;
    color:#494949;
    font-weight:300;
    letter-spacing:0;
    height:24px;
    padding:0 5px;
    line-height:22px;
    vertical-align:top;
    margin-top:2px;
    }*/
    
.btn {
    padding: 6px 10px;
    font-size: 14px;
    /*font-size:400;*/
    font-weight: normal;
    border: 0px;
    border-radius: 2px;
    background-color:#0090d6;
    color:#fff;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.15);
    margin-right:15px;
    margin-left:0;
    float:left;
    }
    
.btn.float_right {
    float:right;
    margin-right:0;
    margin-left:15px;
    }
    
.btn.secondary {
    background-color:#7fc7ea;
    color:#fff;
    }
    
.btn.outline {
    background-color:transparent;
    color:rgba(73,73,72, 1);
    border:1px solid rgba(73,73,72, 1);
    padding: 5px 9px;
    }
    
.btn.bg {
    background-color:rgba(255,255,255,1);
    color:rgba(73,73,72, 1);
    border:1px solid rgba(73,73,72, 1);
    padding: 5px 9px;
    }
    
.btn.grey {
    background-color:#e4e4e4;
    border:1px solid #e4e4e4;
    color:rgba(73,73,72, 1);
    padding: 5px 9px;
    }


    
.btn:hover,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn.active {
    outline: none;
    color: #fff;
    text-decoration: none;
    background-color:#ee7100;
    border:0px;
    box-shadow: none;
    padding: 6px 10px;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

.btn.active{
	background-color:#61ae2c;	
}
    
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, 
.btn.disabled:hover, .btn.disabled:focus, .btn.disabled:focus:hover, 
.btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover, 
fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:focus:hover {
    cursor: not-allowed;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255,255,255,0.35); /* Old browsers */
    opacity: 1;
    color: rgba(73,73,72,0.5);
    box-shadow:none;
    border:0;
    }


/* Bootstrap-select - Dropdown/-up-Button + Menu */
    
.bootstrap-select {
    vertical-align:top; /* Fix for 1px vertical down offset */
    }
    
.btn.dropdown-toggle {
    margin-bottom:0;
    }

.bootstrap-select, .bootstrap-select .btn .dropdown-toggle,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	width:100%; /* Breite der Selectbox an Col-Breite anpassen*/
    }
    
.bootstrap-select > .dropdown-toggle, .btn-group.open .dropdown-toggle {
    border: 1px solid rgba(227,227,227,1);
    border-radius: 2px;
    outline:none;
    padding: 5px 10px;
    color:#000;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
    padding-right: 40px;/* for addon "Arrow" */
    background: rgba(236,236,237,1);
    background: -moz-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(236,236,237,1)));
    background: -webkit-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /*noch zu stylen: Hexawerte ermitteln!*/
    }

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow:none;
    box-shadow: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom:0;
    margin-top:0;
    }

.btn-group.dropup .dropdown-toggle {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
    }
    
.btn-group.dropup.open .dropdown-toggle {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }

.btn-group.dropup .dropdown-toggle:focus, .btn-group.dropup .dropdown-toggle.focus
.btn-group.dropup .dropdown-toggle:hover, 
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus, 
.dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle.focus,
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:focus:hover {
    background:none;
    background-color:#ee7100;
    border: 1px solid #ee7100;
    padding: 5px 10px;
    z-index:999;
    color:#fff;
    box-shadow: none;
    outline: none !important;
    }

.btn-default.disabled,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default.disabled:active:hover,
.btn-default.disabled.active:hover,
.btn-default.disabled:active:focus,
.btn-default.disabled.active:focus,
.btn-default.disabled:active.focus,
.btn-default.disabled.active.focus,
.dropdown-toggle.disabled:hover, .dropdown-toggle.disabled:focus, .dropdown-toggle.disabled.focus,
.bootstrap-select .dropdown-toggle.disabled:focus, .bootstrap-select .dropdown-toggle.disabled:focus:hover {
    background:none;
    background-color: rgba(246, 246, 247, 1);
    color: rgba(73,73,72,1);
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 5px 10px;
    z-index:999;
    box-shadow: none;
    outline: none !important;
    }

/* Dropdow-Menu */  
.dropdown-menu {
    box-shadow: 0 6px 12px rgba(72,72,73,0.35);
    }

.bootstrap-select.btn-group.open .dropdown-menu {
    margin:0;
    padding:0;
    border:0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	z-index:2000;
    }

.bootstrap-select.btn-group.dropup .dropdown-menu {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    }

.bootstrap-select.btn-group .dropdown-menu li {
    padding-left:0;
    }

.bootstrap-select.btn-group .dropdown-menu li.selected {
    background-color: rgba(73,73,72,0.75);
    }
    
.bootstrap-select.btn-group .dropdown-menu li.selected a {
    background:none;
    color:#fff;
    }

.bootstrap-select.btn-group .dropdown-menu li a {
    padding:6px 11px;
    font-size:14px;
    }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(73,73,72,0.75);
    outline: 0;
    }
    
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(73,73,72,0.75);
    outline: 0;
    }
    
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    background-color: rgba(73,73,72,0.25);
    color: rgba(73,73,72,0.75);
    }
    
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

/* Icon "Arrow" - Flyout-Indicator*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: rgba(73,73,72,1);
    }
    
.caret:hover {
    color: rgba(0,0,0,1);
    }

.bootstrap-select .btn.dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -2px;
    vertical-align: middle;
    }
    
.bootstrap-select .btn.dropdown-toggle.disabled .caret {
    color: rgba(73,73,72,0.25);
    }
    
/* Ende bootstrap-select - */ 


/* Placeholder */

.form-control::-webkit-input-placeholder, 
.form-control:-moz-placeholder, 
.form-control::-moz-placeholder, 
.form-control:-ms-input-placeholder  {
    color: rgba(73,73,72,0.5);
    }
    

/* zentrale Alerts */
/* Alerts - Feedback-/Error-Klassen/-Zeug */ 
.has-error .form-control {
    padding: 5px 9px;
    border:2px solid #f00;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left:9px;
    }
    
.has-error .form-control:focus {
    border-color: #ee7100;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

.has-error label {
    color: #f00;
    }
    
.has-error .input-group-addon {
    background: rgba(247,247,247,1);
    border: 1px solid #f00;
    border-left:0;
    color: #555;
    }
    
 .error-msg{
	color:red;
	display:none;
	font-size:10pt;
    }

.has-error .error-msg{	
	display:block;	
    }

#error-main{
    width:100%;
	pointer-events:none;
	opacity:0;
	transition: opacity 1.5s;
    }

#success-main{
    width:100%;
	pointer-events:none;
	opacity:0;
	transition: opacity 1.5s;
    }

.error-overlay {
    display:none;
    position:fixed;
    top:20px;
    margin:auto;
    z-index:99999;
    width:100%;
    }

.success-overlay{
    display:none;
    position:fixed;
    top:20px;
    margin:auto;
    z-index:99999;
    width:100%;
    }    
    
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    
.alert-danger {
    color: #f00;
    background-color: rgba(255,191,191,1);
    box-shadow: 0 6px 12px rgba(72,72,73,0.35);
    }

/*.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}*/
/* Ende Alert-/ERROR-Stuff */


 
 /*************** modal.css ***************/

.modal.overlay {
    overflow:auto;   
    height:100%;
    width:100%;
    position:fixed;
    z-index:5000;
    }

.modal.overlay.in{
	padding:0px !important;
}

.modal-open {
    overflow: hidden !important;
}

.modal-backdrop{
	background:rgb(73,73,72);
}
.modal-backdrop.in{
	opacity:.85;
}

.optionalScrollbar {
    overflow: auto;
    height: 100%;
    width:100%;
    margin:0 auto;
    display: table;
    }

.modal-dialog {
    display: table-cell;
    vertical-align: middle;
    height:100vh;
    padding:0;
    min-height:300px;
    z-index:5000;
    }
    
.modal-content {
    border-radius:6px;
    box-shadow: 0px 0px 15px rgba(73,73,72,0.5);
    margin:30px;
    width:auto;
    background:none;
    border:0;
    z-index:10000000000002;
    }
	
.modal-header {
    position:relative;
    background-color:rgba(73,73,72, 1);
    border-bottom:0;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    height:40px;
    padding:0 0 0 15px;   
    z-index:30000000000000;
    }
    
.modal-header:after {
    position:absolute;
    z-index:30000000000001;
    height:10px;
    top:40px;
    left:0px;
    width:100%;
    background:#f00;
    }
    
.modal-title {
    color:white;
    line-height:40px;
    float:left;
    }
    
.modal-body {
    max-height:100%;/*auf kleinen Viewports*/
    min-height:198px;
    overflow:auto;
	/*padding:20px 0 0 0;*/
    z-index:200000000000;
    background:rgb(246,246,246);
    }
    
@media (min-width: 769px) {
    .modal-body {
        max-height:calc(100vh - 162px);/*auf großen Viewports*/
        }
        
    .modal-content {
        margin:30px auto;
        width: 75%;
        }
    }

.modal-footer {
    background-color:#d1d1d1;
    border:0;
    padding-bottom:0;
    min-height:62px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    }
    
.modal-button.close{
	color:white;
	opacity:1;
	text-shadow: none;		
    }

.modal-button.close:hover{
	color:#ee7100;
	opacity:1;
	text-shadow: none;	
    }
    
/* Ende Modal-Stuff */






 
 /*************** panel.css ***************/
 .panel-group {
    margin-bottom: 20px;
    }
    
.panel-group .panel {
    margin-bottom: 0;
    border:0;
    border-image:0;
    box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.15);
    }
    
.panel-group .panel + .panel {
    margin-top: 20px;
    }

.panel-group .panel-heading {
    border: 0;
    }

.panel-heading {
    border-radius:0;
    border:0;
    }
    
.panel-heading p {
    padding-left:10px;
    font-size:14px;
    line-height:32px;
    font-weight: 400;
    margin-top: 0px;
    }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
    }
    
.panel-group .panel-footer {
    border-radius:0;
    border-top:0;
    }

.panel-default {
    border: 0;
    }

.panel-heading .accordion-toggle:before {
    position:absolute;
    left:0;
    top:0;
    border-top-left-radius:4px;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    width:30px;
    padding-left:2px;
    height:32px;
    display:inline-block;
    margin-top:0;
    color: grey;
    padding-top:3px;
    background-color:#61ae2c;
    color:#fff;
    text-align:center;
    margin-right:5px;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
    }
    
.panel-heading .accordion-toggle.error-indicator:before, .panel-heading .accordion-toggle.collapsed.error-indicator:before, 
.panel-heading .panel-title a:hover.accordion-toggle.error-indicator:before, .panel-heading .panel-title a:focus.accordion-toggle.error-indicator:before {
    background-color:#f00;
    border-right:0;
    color:#fff;
    border-top-left-radius:4px;
    }
    
.panel-heading .accordion-toggle.collapsed:before {
    content: "\e080";
    border-top-left-radius:4px;
    border-right:1px solid #ccc;
    background:rgb(236,236,236);
    padding-left:3px;
    color:#000;
    margin-right:5px;
    }

.panel-default > .panel-heading {
    color: #000;
    background:rgb(236,236,236);
    padding:0;
    min-height:32px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);

    }
.panel-default > .panel-heading .panel-title  {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }
    
.panel-default > .panel-heading .panel-title a:hover {
    color:#000;
    }
    
.panel-default > .panel-heading .panel-title a:focus {
    background:rgba(73,73,72, 1);
    color:#fff;
    border-top-left-radius:5px;
    border-top-right-radius:4px;
    }
    
.panel-heading .panel-title a:focus.accordion-toggle:before, .panel-heading .panel-title a:hover.accordion-toggle:before {
    background-color:#61ae2c;
    color:#fff;
    border-right:0;
    padding-left:2px;
    border-top-left-radius:4px;
    }
    
.panel-heading .panel-title a:hover.accordion-toggle:before {
    background-color:#ee7100;
    }
  
.panel-heading .panel-title a {
    position:relative;
    z-index:1000;
    font-weight:400;
    padding:4px 0px 4px 40px;
    display:block;
    min-height:32px;
    font-size:14px;
    font-weight:400;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    }
  
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding:12px 15px 15px 15px;
    /*background-color:rgba(237,237,237,0.25);*/
    background: #f6f6f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #f6f6f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fff 0%,#f6f6f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fff 0%,#f6f6f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f7',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.25);
    }
  
.panel-default > .panel-heading .badge {
    background:rgba(207,207,208,1);
    float:right;
    margin-top:0px;
    height:20px;
    line-height:20px;
    padding:0 7px 0 6px;
    margin-bottom:5px;
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:1px;
    background-color:#777;
    border-bottom-left-radius: 4px;
    border-top-left-radius:0;
    border-bottom-right-radius:0;
    border-top-right-radius:4px;
    position:relative;
    z-index:200;
    } 
/* Ende Accordeon-Panels */


/*  Badge-Styling - .badge */
.badge {
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    }
    
/*.badge:empty {
    display: none;
    }
    
.btn .badge {
    position: relative;
    top: -1px;
    }
    
.btn-xs .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
    }
    
a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    }*/
/* End overwriting .badge */







 
 /*************** Tabellen - table.css ***************/
 
.table-responsive {
    border:0;
    padding:0;
    }
    
.table-responsive.clearfix {
    clear:both;border:0;margin-bottom:0;
    }
    
.table-responsive table {
	padding:0;
	margin-bottom:15px;
    }
    
table {
    font-size:14px;
    border-collapse:separate;
    border-spacing:0;
    padding:0;
    margin:0;
    border:0;
    }
    
tr {
    vertical-align:top;
    padding:0;
    margin:0;
    border:0;
    background:#fff;
    }
    
td, th {
    border:0;
    margin:0;
    padding:6px 10px 6px 10px;
    min-height:32px;
    border-bottom:1px solid rgba(73,73,72,0.25);
    border-top:0;
    }
    
td .iconButton .glyphicon, th .iconButton .glyphicon {
    height:32px;
    line-height:32px;
    }

td a, th a {
	display:block;
    }
    
.table > thead > tr > th {
    border:0;
    }
    
tbody td:last-child {
    border-right:1px solid rgba(73,73,72,0.25);
    }
    
thead th {
    border:0;
    margin:0;
    background-color:rgb(73,73,72);
    color:#fff;
    padding:6px 10px 6px 10px;
    min-height:32px;
    }
    
thead th:first-child {
    border-top-left-radius:4px;
    }
    
thead th:last-child {
    border-top-right-radius:4px;
    }
    
tbody tr:last-child td:first-child {	
    border-bottom-left-radius:4px;
    }   
    
tbody tr:last-child td:last-child {
    border-bottom-right-radius:4px;
    }    

tbody tr td:first-child{
	border-left:1px solid rgba(73,73,72,0.25);
    }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top:0;
    padding:6px 10px 6px 10px;
    }
    
td.accordion-toggle {
    background:#61ae2c;
    cursor:pointer;
    text-align:center;
    vertical-align:top;
    padding:7px 0 0 0;
    margin:0;
    min-height:32px;
    border-bottom:1px solid rgba(73,73,72,0.25);
    border-top:0;
    border-left:1px solid rgba(73,73,72,0.25);
    border-right:1px solid rgba(73,73,72,0.25);
    }
    
td.accordion-toggle.collapsed  {
    background-color: rgb(236, 236, 236);
    }

td.accordion-toggle ~ td  {
    background:#e7f3e0;
    }

td.accordion-toggle.collapsed ~ td  {
    background:transparent;
    }
    
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
    }
    
tr:hover td.accordion-toggle ~ td, .table-striped > tbody > tr:nth-of-type(2n+1):hover td.accordion-toggle ~ td  {
    background:#e7f3e0;
    }

.table-striped > tbody > tr:nth-of-type(2n+1):hover,tr:hover,tr:hover td.accordion-toggle.collapsed ~ td, .table-striped > tbody > tr:nth-of-type(2n+1):hover td.accordion-toggle.collapsed ~ td  {
    background-color: rgb(236, 236, 236);
    }

td.accordion-toggle span.arrow:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    color:#fff;   
    }
    
td.accordion-toggle.collapsed span.arrow:before {
    content: "\e080";
    color:#0090d6;   
    }
    
td.accordion-toggle.collapsed:hover span.arrow:before, td.accordion-toggle:hover {
    background-color:#ee7100;
    color:#fff;
    }
    
td.accordion-toggle:hover span.arrow:before {
    color:#fff;
    }
    
td.no-toggle{
	background-color: rgb(236, 236, 236);
	border-bottom:1px solid rgba(73,73,72,0.25);
    border-top:0;
    border-left:1px solid rgba(73,73,72,0.25);
    border-right:1px solid rgba(73,73,72,0.25);
    }
    
@media screen and (max-width: 767px){
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, 
    .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space:normal;
        }
    }
    
/* Ende table-Stuff */





 
 /*************** waerme.css - komplett prüfen und ausmisten!!! ***************/

ul#quartierliste, ul.gemeinde {list-style:none;margin:0;padding:0;}
ul#quartierliste li.list-group-item {overflow:hidden;padding:0;height:48px;}
ul#quartierliste ul.gemeinde li.ort {width:calc(100% - 40px);padding:0px;height:46px;float:left;text-align:center;position:relative;}
ul#quartierliste ul.gemeinde li.ort span {font-size:16px;display:block;border-right:1px solid #908f8f;cursor:pointer;height:48px;padding-top:10px;}
ul#quartierliste ul.gemeinde li.ort span:hover {background-color:#eee;}
ul#quartierliste ul.gemeinde li.downloads {float:right;width:40px;height:46px;text-align:center;padding:0;line-height:46px;}
ul#quartierliste ul.gemeinde li.downloads span#save_test {font-size:16px;padding:0;float:none;color:rgb(72,72,73);}

ul#quartierliste ul.gemeinde li.downloads span#save_test:hover{
	color:#ee7100;
    cursor:pointer;	
    }
    
.visible{
	display:block;
    }

.invisible{
	display:none;
    }

#abfrage, #strwahl, #hsnrwahl{
	display:none;
    }

.list-group-item{
	font-size:15pt;
	border: 1px solid #908f8f;
    }

.list-group-item[data-status='Vorberechnet']{
	background-color:#fff;
    }

.list-group-item[data-status='Eigentümer befragt']{
	background-color:#C1EBB9;
    }

.list-group-item[data-status='Mieter befragt']{
	background-color:#C1EBB9;
    }

.list-group-item[data-status='erfasst']{
	background-color:#C1EBB9;
    }

.list-group-item:hover[data-status='erfasst']{
	background-color:#8DE37D;
    }

.list-group-item[data-status='inaktiv']{
	background-color:#fff;
    }
    
.list-group-item[data-status='aktiv']{
	background-color:#F2F5A6;
    }
    
.list-group-item:hover[data-status='aktiv']{
	background-color:#EDF26F;
    }

.list-group-item[data-status='gesperrt']{
	background-color:#F5ABAB;
    }

.list-group-item[data-status='Von Außen besichtigt']{
	background-color:#F2F5A6;
    }

.list-group-item:hover[data-status='Eigentümer befragt']{
	background-color:#8DE37D;
    }

.list-group-item:hover[data-status='Mieter befragt']{
	background-color:#8DE37D;
    }

.list-group-item:hover[data-status='gesperrt']{
	background-color:#F29494;
    }

.list-group-item:hover[data-status='Von Außen besichtigt']{
	background-color:#EDF26F;
    }

#auswahl_back {
	float:left;
	font-size:11pt;
	font-weight:bold;
	cursor:pointer;
    }

#upload_spinner{
	display:none;
    }
    
/* Ladeanzeige*/
.spinner {
    width: 70px;
    height:18px;
    text-align: center;
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:50%;
    margin-left:-35px;
    }

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    }

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
        }
    40% {
        -webkit-transform: scale(1.0)
        }
    }

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
        }
    40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        }
    }
/* Ende Ladeanzeige*/

#upload_status {
	color:grey;
    }

#adresse_erzeugen_button{
	float: right;
    }

#loading_screen{
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	cursor:wait;
	background-color:rgba(255,255,255,0.75);
	z-index:9999999;
    }

#progress_screen{
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	cursor:wait;
	background-color:rgba(255,255,255,0.75);
	z-index:9999999;
    }

#progress{	
	position:fixed;
	top:30%;
	height: 20px;
    margin: 10%;
    width: 80%;
	cursor:wait;	
    }

#progress-bar{
	top: 30%;
    position: fixed;
    height: 20px;
    margin-top: 10%;
    }

/* Farb-Legende für Erfassungs-Status bei Objekten */
.legend {
    font-size:12px;
    color: rgb(73,73,72);
    display:inline-block;
    line-height:1;
    margin-bottom:15px;
    }
    
.legend:before {
    content:"";
    width:16px;
    height:16px;
    border:1px solid rgb(73,73,72);
    float:left;
    margin:-2px 10px 0 0;
    }

.legend.fully:before {
    background:#c1ebb9;
    }
    
.legend.outside:before {
    background:#F2F5A6;
    }
    
.legend.not-yet:before {
    background:#fff;
    }
    
.legend.not-wished:before {
    background:#F5A6A6;
    }
/* Ende Farb-Legende für Erfassungs-Status bei Objekten */

.abhaengig {
	display:none;
    }

#results{
	overflow-y:auto;
	padding:2%;
    }

.upload-icon{
	color:white;	
    }

.form-group .bootstrap-select.btn-group, 
.form-horizontal .bootstrap-select.btn-group, 
.form-inline .bootstrap-select.btn-group {
  	margin-bottom:0;
    }

.minHeight {
	min-height:calc(100vh - 203px);
    }

/* OL-STuff */
.ol-attribution.ol-unselectable.ol-control.ol-collapsed {
	display:none;
    }
    






 
 /*************** new1.css ***************/
 
.headline-container nav {
    width:40px;
    float:left;
    height:40px;
    margin-left:0px;
    text-align:center;
    }
    
.headline-container nav.right {
    float:right;
    margin-right:0px;
    }
    
.headline-container nav a.iconButton {
    line-height:40px;
    height:40px;
    display:block;
    }
    
.headline-container nav a span {
    top:0;
    line-height:40px;
    }

.headlineButtonGroup h3 {
    padding-left:10px;
    float:left;
    margin:0 0 18px 0;
    }
    
.headlineButtonGroup button {
    margin-top:-2px;
    margin-bottom:15px;
    }

    
/* Container-Anpassung für Mini-Map + Icon Splitscreen für Mini-Map o. ä. */

.wrap_toggle_map{
	position:absolute;
	right:0;
	top:40px;
	height:32px;
	width:40px;
	z-index:9999999;
    }

.toggle_map{
	display:none;
	width:40px; 
	height:32px; 
	cursor:pointer;
	background-image:url(../../images/split-screen_default.png)
    }


@media (min-width: 993px) {           
	.toggle_map{
		display:block;
		}
	}    


.toggle_map:hover,.toggle_map.active:hover{	
	background-image:url(../../images/split-screen_hover.png)
    }

.toggle_map.active{
	background-image:url(../../images/split-screen_active.png)
    }
/* Ende Icon Splitscreen für Mini-Map o. ä. */    


.loginMainpage main{
	padding-bottom:62px;
    }

#main {
	z-index:2;
	float:left;
	width:66.6666667%;
	min-height:calc(100vh - 143px);		
    }

#footer {
	width:66.6666667%;
	min-width:auto;	
    }
    
#main.wide, #footer.wide{
	width:100%;
    }

/*#main2 {
	min-height:auto;
}*/

#mini_map {
	position:fixed;
	right:0;
	top:0;
	height:100%;
	width:33.3333333%;
	background:#ddd;
	z-index:2;
    border-left:1px solid rgba(72,72,73,0.25)
    }   
    
#mini_map.map_inactive{
	width:0%;
    }

@media (max-width: 992px) {           
	.wrap_toggle_map,#mini_map {
       display:none;
        }
    #main, #footer {
    	width:100%;
        }
    }
    
/* Ende Container-Anpassung für Mini-Map */


    
.ol-zoom.ol-unselectable.ol-control{
	display:none;	
    }




 
 
 
 
 
 
 
 
 /*************** new2.css ***************/  
 
.dropdown-toggle.noform:focus, .dropdown-toggle.noform.focus,
.dropdown-toggle.noform:hover, 
.open > .dropdown-toggle.noform,
.open > .dropdown-toggle.noform.focus
.open > .dropdown-toggle.noform:focus {
    background:transparent;
    border:0;
    padding:0;
    }
    
.nav-tabs .dropdown-toggle.noform:focus, .nav-tabs .dropdown-toggle.noform.focus,
.nav-tabs .dropdown-toggle.noform:hover, 
.nav-tabs .open > .dropdown-toggle.noform,
.nav-tabs .open > .dropdown-toggle.noform.focus
.nav-tabs .open > .dropdown-toggle.noform:focus {
    padding:0 15px;
    }   
    


nav.master .dropdown-menu {
	margin:-1px 10px 0 0;
	padding:0;
    border:0;
    border-radius:2px;
    border-top-right-radius:0;
    z-index:10000000000;
    min-width:auto;
    }

nav.master .dropdown-menu li {
	width:100%;
	float:left;	
	margin:0;
	padding:0px;
    height:auto;
    font-weight:400;
    list-style:none;
    }

nav.master .dropdown-menu li a {
	display:block;
	width:100%;	
	margin:0;
    height:auto;
	padding:6px 10px;
    text-align:left;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid rgba(72,72,73,0.15)
    }

nav.master .dropdown-menu li:first-child a {
    border-top-right-radius:0px;
    border-top-left-radius:2px;
    }

nav.master .dropdown-menu li:last-child a {
    border-bottom:0;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    }
 
 
 
 
 
 
 /*************** kd-additional.css ***************/
 
body.kd{
	overflow:hidden;
	height:100%;
	width:100%;
}

.kd main {
    padding-top:0;
}
    
.kd header {
	position:fixed;
    z-index:2;
	top:0px;
	padding:0px;
	margin:0px;
	left:0px;
	width:100%;
	height:40px;
    background:rgba(72,72,72,0.95);/*#f9f9f6;*/
    color:white;
    border-bottom:1px solid rgba(72,72,73,0.15);
    }
    
.kd header:hover {
    background:rgba(72,72,72,1);;
    box-shadow: 0 0px 15px rgba(72,72,73,0.03);    
    }
    
.frame-map {
	position:fixed;
    z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
   /* background:rgba(0,0,0,1);
    background-image:url(../images/test-map.jpg);*/
    }
    
.frame-map_menu .map_menu {
    position:fixed;
	z-index:3;
	height:100%;
    padding:0;
    background:rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    -moz-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    }

.frame-map_info, .frame-map_menu{
	margin-left:0px;
	transition:ease 0.8s;
	/*max-width:calc(100% - 40px);*/
    }
    
.frame-map_menu.map_menu-off_canvas { /*kleine Displays*/
	margin-left:-83.33333333%;
	transition:ease 0.8s;
    }
    
.title_offset-4 {
	transition:ease 0.8s;
    }

.frame-map_info.map_info-off_canvas {
	margin-left:83.33333333%;
	transition:ease 0.8s;
    }
    
.main-navigation-offset-4 {
    margin-right:calc(83.33333333% - 40px);
    display:none;
    }
	
.zoom-offset-4 {
	right:calc(83.33333333% + 20px) !important;	
    }    

@media (min-width: 768px) {   /*Tablet hoch*/
	.frame-map_menu.map_menu-off_canvas {
		margin-left: -50%
        }
	.title_offset-4{
		margin-left:calc(50% - 65px) !important; 
        }
	.frame-map_info.map_info-off_canvas{
		margin-left:66.66666666%;
		transition:ease 0.8s;
        }
	.main-navigation-offset-4 {
		margin-right:calc(66.66666666% - 40px); 		 
        }	
	.zoom-offset-4 {
		right:calc(66.66666666% + 20px) !important;	
        } 	
    }

@media (min-width: 992px) {		/*Tablet quer*/
	.frame-map_menu.map_menu-off_canvas {
		margin-left: -33.33333333%
        }
	.title_offset-4{
		margin-left:calc(33.33333333% - 65px) !important;
        }
	.frame-map_info.map_info-off_canvas{
		margin-left:50%;
		transition:ease 0.8s;
        }
	.main-navigation-offset-4 {		
   	 	margin-right:calc(50% - 40px);
        }	
	.zoom-offset-4 {
		right:calc(50% + 20px) !important;	
        } 
    }

@media (min-width: 1200px) {  /*DesktopGröße*/
	.frame-map_menu.map_menu-off_canvas {
		margin-left: -25%
        }
	.title_offset-4{
		margin-left:calc(25% - 65px) !important;
        }
	.frame-map_info.map_info-off_canvas{
		margin-left:33.33333333%;
		transition:ease 0.8s;
        }
	.main-navigation-offset-4 {
    	margin-right:33.3333334%;
    	display:block;
        }	
	.zoom-offset-4 {
		right:calc(33.3333334% + 20px) !important;	
        } 
    }
    
.map_menu-content {
    padding:15px;
    overflow:auto;
    height:calc(100% - 40px);
    }
    
@media (min-width: 992px) {
    .map_menu-content #layerauswahl label {
        padding-left:0px;
        }
    }
    
.map_menu-content #layerauswahl .radio, .map_menu-content #layerauswahl .checkbox, .map_menu-content #layerauswahl input[type="checkbox"], .map_menu-content #layerauswahl input[type="radio"] {margin-top:0;
    }
    
.map_menu-content h2 {
    margin-top:10px;
    color:#000;
    font-size:16px;
    padding-left:10px;
    /*letter-spacing:1;*/
    }
    
.frame-map_info .map_info {
    position:fixed;
    top:0;
	z-index:4;
	height:100%;
    padding:0;
    transition: ease 0.8s;
    }
    
.map_info .row {
    margin:0;
    height:100%;
    }
    
.map_info-menu, .map_info-content {
    padding:0;
    height:100%;    
    -webkit-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    -moz-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    }
    
.map_info-content{
	float:right;
	z-index:4;
    }   

.info_content-body{
	padding-bottom:62px;	
}
   
.map_info-menu {
	z-index:5;
	display:none !important;	
    background:rgba(72,72,72,1); 
    float:right;
    overflow:hidden;  
    -webkit-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    -moz-box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    box-shadow: 0px 0px 15px 0px rgba(73,73,72,0.35);
    position:absolute;
    margin-left:-50%;
    margin-right:0px;
    transition: ease 0.8s;  
    }

@media (min-width: 768px) {   /*Tablet hoch*/
        .map_info-menu {          
            display:block !important;
           
        }
              
	}
	
@media (max-width: 768px) {   /*Tablet hoch*/
       .grip {          
           margin:0px !important;
          
       }
             
}
    

    
.map_info-menu-hidden{
	width:0px;
	margin-left:0px;	
    }

.frame_map .row {
	height:100%;
	position:relative;
    }

#map{
	height:100vh;
	/*position:absolute;*/
	padding:0px;	
    }

.info_content-header, .map_menu-header {
    height:40px;
    width:100%;
    }
    
.map_menu-header {
    border-bottom:1px solid rgba(72,72,73,0.15);
    /*background:rgba(72,72,73,0.05);*/
    background: rgba(236,236,237,1);
    background: -moz-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(236,236,237,1)));
    background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(236,236,237,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ebebeb', GradientType=0 ); /*noch zu stylen: Hexawerte ermitteln!*/  
    }
    
.info_content-header {
    background:rgba(72,72,72,1);
    border-left:1px solid #575756;
    }
    
.info_content-header .glyphicon, .info_content-header a .glyphicon {
    color:#7fc7ea;
    }


.info_content-body{
	overflow:auto;
	height:calc(100vh - 102px);
	background:rgba(247,247,247,0.9);
}
    
.info_content {   
    padding:15px;    
    }
 
.info_content-footer {
    height:62px;
    background:#d1d1d1;
    overflow-y:auto;
    margin:0;
    padding:15px;
    position:relative;
    } 
    
/* Horizontale Navigationselemente (text/icons) in Listen */

.header-navigation {
    padding:0;/*rests bootstrap-col-padding-left and -right to null*/
    }



.main-navigation-offset-6 {
    margin-right:50%;
    }
    
nav .main-navigation li  {
    float:right;
	}

.main-navigation{
	transition: ease 0.8s;
    }
    
nav ul {
    padding:0;
    margin:0;
	}

nav li  {
	height:40px;
    margin:0;
    padding:0px;
    float:left;
    list-style:none;
    text-align:center;
    display:block;
    border:0;
	}
    
nav li a, nav li span {
	height:40px;
    display:block;
    padding:0 10px;
    line-height:40px;
    text-align:center;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
	}
    
nav li a, nav li span.glyphicon {
    border:0;
	}
    
nav li.iconButton span {
    padding:0px;
	}
    
nav li a:hover, nav li span:hover {
    background:transparent;
    color:#ee7100;
	}
    
nav li.active a, nav li.active span  {
    background-color:#fff;
    border-right:1px solid #ccc;   
    border-left:1px solid #ccc;  
	}
    
nav .breadcrumb li.active a, nav .breadcrumb li.active span  {
    background-color:transparent;
    border:0;
	}
    
nav.map_menu-header li:first-child span, nav.map_menu-header li:first-child.active span {
    border-left:0;
    }
    
nav li.active span span.glyphicon {
    border:0;
    }
    
span.clickable { /* ??? */
    color:#0090d6;
    }  

nav li.iconButton.active a, nav li.iconButton.active span, 
nav li.active a span.glyphicon, nav li.active span span.glyphicon {
    color:#61ae2c;
    }
    
    
/* Vertikale Tab-Navigationselemente für Infobereich */
   
.map_info-menu ol {
	width:100%;
    margin:0;
    padding:0;
}
    
.map_info-menu ol li {
    list-style:none;
    text-align:left;
    width:100%;
    margin:0;
    padding:0;
    float:left;
    height:auto;
    min-height:40px;
    }
    
.map_info-menu ol li span {
    text-align:left;
    display:block;
    padding:10px 15px;
    line-height:20px;
    font-weight:600;
    font-size:14px;
    color:#0090d6;
    border:0;
    overflow:hidden;
    height:auto;
    min-height:40px;
    text-overflow:ellipsis;
    }
    
.map_info-menu ol li span:hover {
    color:#ee7100;
    background-color:rgb(100,100,100);
    cursor:pointer;
    }
    
.map_info-menu ol li.active span {
    background-color:#61ae2c;
    color:#fff;
    }
    
.map_info-menu ol li.inactive span {
    color:#999;
    }
    
.map_info-menu ol li.inactive span:hover {
    background-color:transparent;
    color:#999;
    cursor:auto;
    }
/* Ende Vertikale Tab-Navigationselemente für Infobereich */
 
 
/* Karten-Zoom-Elemente Hauptkarte */

.zoom {
	position:absolute;	
	bottom:20px;
	right:20px;	
	z-index:2;
	transition: 0.8s ease;	
    }
    

.zoom.zoom-offset-6 {
	right:calc(50% + 20px);
    	transition: 0.8s ease;
    }
    
.zoom-trigger {
    float:right;
    display:none;
    }
    
@media (min-width: 768px) {   /*Tablet hoch*/
        .zoom-trigger {
            float:right;
            display:block;
        }
	}
    
.zoom-indicator {
    float:right;
    margin-top:20px;
	height:24px;
    padding:0 5px;
    line-height:24px;
    margin-right:10px;
    border-radius:3px;	
    }
    
.ol-scale-line {
    background: rgba(72,72,72,.55);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: relative !important;
}

.ol-scale-line-inner {
	color:white !important;	
	border: 1px solid white;
	border-top: 0;
}
    
.zoom_icon{
	height: 32px;
    width: 32px;    
    text-align: center;
    background-color: rgba(255,255,255,0.75);
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
    }

.zoom_icon.plus {
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    }

.zoom_icon.minus {
    border-top:0;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    }

.zoom_icon.plus .glyphicon, .zoom_icon.minus .glyphicon {
    line-height:32px;
    cursor:pointer;
    display:block;
    }  
    
.zoom_icon.plus:hover, .zoom_icon.minus:hover {
    background-color: rgba(255,255,255,1);
    }
    
.zoom_icon.plus:hover .glyphicon, .zoom_icon.minus:hover .glyphicon {
    color:#ee7100;
    }
/* Ende Karten-Zoom-Elemente*/

/* Anfasser zum Ein- und Ausklappen der OffCanvas-Elemente */
.grip {
	z-index:1000;
    height:32px;
    width:24px;
	top:50%;
    margin-top:-16px;
    background:#0090d6;   
	position:absolute;
    color:#fff;
	cursor:pointer;
    line-height:32px;
    text-align:center;
    box-shadow: inset 0 -2px 0px 0px rgba(73,73,72, 0.15);   
    }

.map_info-grip {
	left:-24px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    }
    
.map_info-grip-offset {
    margin-left:-50%;
    }
    
.map_menu-grip {
	right:-24px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    }

.grip .glyphicon {
    color:#fff;
    top:0;
    line-height:32px;
    }
    
.grip:hover {
    background:rgb(238,113,0);
    box-shadow: none;
    }
/* Ende Anfasser zum Ein- und Ausklappen der OffCanvas-Elemente */
    
header h1.title, .title {
    float:left;
	font-size:16px;
	padding:8px 10px 8px 0px;
    line-height:24px;
    margin:0;
    height:auto;
    color:#d1d1d1;
    }
    
.kd header h1.title {
	transition: ease 0.8s;    
}
    
.info_content-header .title {
    color:#ccc;
	padding-left:15px;
    }
    
header .headline-container h1.title {
    color:#fff;
	padding-left:15px;
    } 
    
.edit-components {
    float:right;
    width:40px;
    height:32px;
    line-height:32px;
    text-align:center;
    }
    
.edit-components:hover span.glyphicon, span:hover span.glyphicon {
    color:#ee7100;
    }
    
.edit-components:hover {
    background:#f00;
    }

    
/* Flyout-Menu aus Top-Navigation */

.headline-container .dropdown-menu, .header-navigation .dropdown-menu{
	margin:-1px 10px 0 0;
	padding:0;
    border:0;
    border-radius:2px;
    border-top-right-radius:0;
    z-index:10000000000;
    }

.headline-container .dropdown-menu li, .header-navigation .dropdown-menu li {
	width:100%;
	float:left;	
	margin:0;
	padding:0px;
    height:auto;
    font-weight:400;
    }

.headline-container .dropdown-menu li a, .header-navigation .dropdown-menu li a {
	display:block;
	width:100%;	
	margin:0;
    height:auto;
	padding:6px 11px;
    text-align:left;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid rgba(72,72,73,0.15)
    }

.headline-container .dropdown-menu li:first-child a, .header-navigation .dropdown-menu li:first-child a {
    border-top-right-radius:0px;
    border-top-left-radius:2px;
    }

.headline-container .dropdown-menu li:last-child a, .header-navigation .dropdown-menu li:last-child a {
    border-bottom:0;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    }  
/* Ende Flyout-Menu aus Top-Navigation */
    


/* ??? Was ist .layer_list ??? */
.layer_list {
	list-style:none;
	margin:0;
	padding:0px 15px 5px 15px;
    }

.layer_list li {
	list-style-position:inside;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:400;
    }

.layer_list#grundrisse_visibility li:last-child {
	border-top:1px rgba(72,72,72,0.15) solid;
	padding-top:5px;
	margin-top:5px;
    }

.layer_list li input[type=checkbox]{
	margin-right:10px;
    }
 
 
 
 
 /*************** login-mainpage.css ***************/
 
 .loginMainpage main {
    padding-top:20px;/*main-top-padding: wie am Besten lösen, da auf jeder Seite variabel*/
    padding-bottom:62px;/*~ footer-min-height*/
    }



    
    
/*************** smartboard.css ***************/

/* Kachel-Styling */
    
.tile {
    position:relative;
    width:100%;
    margin-bottom:30px;
    }
    
.tile:before {
    content: "";
    display: block;
    padding-top: 75%;
    }
    
.tile-content {
    position:absolute;
    background:#d1d1d1;/*rgba(207,207,208,0.75); background:rgba(72,72,73,0.15); / background:rgba(255,255,255,0.65);*/    
    border-radius:10px;
    padding:0px;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:0;
    box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.15);
    overflow:hidden;
    }

.tile label {
    margin-top:0;
    padding-top:0;
    padding-left:0;
    width:100%;
    font-size:14px;
    font-weight:normal;
    }
    
.tile-label {
    padding-left:25px;
    padding-top:23px;
    padding-bottom:21px;
    line-height:20px;
    transition:all 0.2s ease-out;
    }
    
a.tile-link {
    display:inline-block;
    width:100%;
    /*color:#474748;*/
    font-size:18px;
    padding-left:25px;
    padding-top:19px;
    padding-bottom:21px;
    line-height:24px;
    transition:all 0.2s ease-out;
    }
    
.tile-image {
	background:#ccc;	
	width:100%;
    box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.15);

	}
    
.tile.inactive .tile-content {
    background:rgba(207,207,208,0.25);
    pointer-events: none;
    box-shadow: none;

    }

.tile.inactive a.tile-link {
    color:#ccc;
    }
     
.tile:hover, .tile label:hover {
    cursor:pointer;
    }
    
.tile.inactive:hover {
    cursor: no-drop;
    }  
    
.tile-content:hover .tile-label, .tile-content:hover a.tile-link, .tile-content:focus .tile-label, .tile-content:focus a.tile-link  {
    background-color:#ee7100;
    color:white;
    }
    
.active .tile-content .tile-label {
    background-color:#61ae2c;
    color:white;
    }
	
.row-eq-height {
	display:block;
	}
	
.row > [class*='col-'] {
	display: block;
	}

@media (min-width: 769px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		}
		
	/*.row > [class*='col-'] {
		display: flex;
		flex-direction: column;
		}*/
	}

/*--------------------------------------------------------------------------------------------------------------------------------------*/	
/*HINZUGEFÜGT VON ALEX*/

/*
Zum Ansprechen der Tabs habe ich die class="tab" und class="tabContent" hinzugefügt. Siehe z.b. Nutzerverwaltung->Bearbeitung
Wenn kein CSS hier unten steht, habe ich die Klassen angelegt um sie mittels Javascript triggern zu können.
*/

.tab{
	cursor:pointer;
}

.tabContent{
	display:none;
}

.sortbut{
	margin:0px !important;
}

/*Klasse margin-bottom innerhalb der Umfrage um die Abstände zwischen den Fragen anzupssen. Diese Klasse gab es eigentlich schon*/
.margin-bottom{
	margin-bottom:20px;
}


/*Fix für select in overlay (Gebäudeerfassung) für selectdropdowns die unter den modal footer rutschen*/
 /*Muss noch von phil gemacht werden*/


/*
Tooltip und Längenberechnung für die Erfassung der Heizzentrale incl. Netzanschluss
*/

.tooltip {
  position: relative;
  background: rgb(0, 0, 0);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.8;
  white-space: nowrap;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/


h3.map_tabTitle {}

.inner-map-border {
    border:1px solid rgba(73,73,72,0.25);
    border-radius:4px;
    }

#centerMap {
    background:rgba(255,255,255,0.5);
    z-index:99999999;
    top:72px;
    position:relative;
    padding:12px;
    border-bottom-right-radius:2px;
    }	
    

/*    
.chartContainer{
	min-height:300px;
	max-width:100%;
	margin-bottom:30px;
	border: 1px solid black;
	margin: 5%;
	position:float;
	z-index:999;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 0px solid #000000;
	-webkit-box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
	background-color:white;
	overflow:hidden;
}


.chart{	
	width:100%;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 0px solid #000000;
}






.subheader{
	height:40px;
	width:100%;
	position:relative;
	top:0px;
	padding: 5px 0px 0px 10px;
	background-color:#333;
	color:white;
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border: 0px solid #000000;
	-webkit-box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 9px 21px 0px rgba(0,0,0,0.75);
}

*/



.slimFillets .row {
    margin-left:-7.5px;
    margin-right:-7.5px;
    } 
.slimFillets .row > [class*='col-'] {
    padding-left:7.5px;
    padding-right:7.5px;
    padding-bottom:15px;
    }
    
.slimFillets .row.parent > [class*='col-'] .stat {
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    }
    
.slimFillets .row.child {
    margin-left:0px;
    margin-right:0px;
    } 
.slimFillets .row.child > [class*='col-'] {
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    }
    
.slimFillets .row.child > [class*='col-'] .stat {
    border-radius:0;
    }
    
.slimFillets .row.child > [class*='col-']:first-child .stat {
    border-bottom-left-radius:6px;
    }
    
.slimFillets .row.child > [class*='col-']:last-child .stat {
    border-bottom-right-radius:6px;
    }
.stat {
    background:#fff;
    border-radius:6px;
    box-shadow:0 0 15px rgba(73,73,72,0.15);
    width:100%;
    min-height:240px;
    padding:15px 20px;
    position:relative;
    overflow:hidden;´    
    }
.stat .badge {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 6px;
    padding: 4px 7px 5px 6px;
    font-size: 14px;
    font-weight:normal;
    color: #fff;
    float: right;
    margin: -15px -20px 10px 15px;
    background: rgb(73,73,72);
    text-shadow: none;
    height: 24px;
    line-height: 16px;
    z-index:1;
    position:relative;    
    }
    
.row.child > [class*='col-'] .stat .badge {
    border-top-right-radius: 0;
    color:#fff;
    background: rgba(73,73,72,1);
    }
    
/* Buttons left and right */
.swiper-button-prev, .swiper-button-next {
    position:fixed;
    top:50%;
    margin-top:-20px;
    cursor:pointer;
    z-index:10;
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:rgba(255,255,255,0.5);
    transition:background-color 0.4s ease-out;
    }
    
.swiper-button-prev:hover, .swiper-button-next:hover, 
.swiper-button-prev:focus, .swiper-button-next:focus, 
.swiper-button-prev:active, .swiper-button-next:active {
    background-color:rgba(255,255,255,1);
    }
    
.swiper-button-prev .glyphicon, .swiper-button-next .glyphicon {
    transition:color 0.4s ease-out;
    }
    
.swiper-button-prev:hover .glyphicon, .swiper-button-next:hover .glyphicon, 
.swiper-button-prev:focus .glyphicon, .swiper-button-next:focus .glyphicon, 
.swiper-button-prev:active .glyphicon, .swiper-button-next:active .glyphicon {
    color:#ee7100;
    }
    
.swiper-button-prev {
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    }
    
.swiper-button-next {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    right:0;
    }

.goog-tooltip{
	z-index:9999999999;	
}

.glyphicon.glyphicon-upload.text-info,.glyphicon.glyphicon-trash.text-danger,.glyphicon.glyphicon-folder-open{
	color:white;	
}
.file-upload-indicator{
	display:none;
}
.kv-file-zoom.btn.btn-xs.btn-default,.kv-file-upload.btn.btn-xs.btn-default{
	display:none;
}


.settings{
	position:relative;
}

.userLog{
	height:auto;
	float:left;
	text-align:center;
	width:100%;
}

.changeLog{
	height:auto;
	border-top:1px solid #d4d4d4; 
	width:calc(100% + 30px); 
	overflow:auto; 
	float:left; 
	margin-left:-15px;
}

@media (min-width: 769px) {
	.settings{
	height:calc(100vh - 40px);	
	position:fixed;
	right:0;	
	}
	
}

@media (min-width: 1200px) {
	.userLog{
		height:60%;
	}
	.changeLog{
		height:40%;
		overflow:auto; 
	}
	.settings{
		position:relative;
		height:calc(100vh - 102px);	
	}
}

/*
#backToTop{ 
 background:#aaa;
 position: fixed !important;
 bottom:20px !important;
 right:20px !important;
 padding:1em;
 z-index:9999999;
}
	*/

/*Erfassungsstatus Styleklassen für Listenauswahl*/

.eigentuemer{
	background:#C1EBB9 !important;
}
.eigentuemer:hover{
	background:#8DE37D !important;
}
.mieter{
	background:#C1EBB9 !important;
}
.mieter:hover{
	background:#8DE37D !important;
}
.außen{
	background:#F2F5A6 !important;
}
.außen:hover{
	background:#EDF26F !important;	
}
.widerspruch{
	background:#F5ABAB !important;	
}
.widerspruch:hover{
	background:#F29494 !important;	
}


.pvBadge{
	background:rgb(248,173,0);	
	padding:0;
	margin:0;
	width:10px;	
}

.stBadge{
	background:rgb(248,128,0);
	padding:0px !important;
	margin:0px !important;
	width:10px;
}

.vertical { 
    -webkit-writing-mode:vertical-rl; 
    -ms-writing-mode:tb-rl; 
    writing-mode:vertical-rl; 
 }
 
.hidden{
	display:none;	
}

.calcDescription{
	display:none;
}