@charset "UTF-8";


/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../external/fonts/roboto/roboto-v20-latin-300.eot);
    /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url(../external/fonts/roboto/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../external/fonts/roboto/roboto-v20-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-300.woff) format('woff'), /* Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
    url(./images/roboto-v20-latin-300.svg#Roboto) format('svg');
    /* Legacy iOS */
}
/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../external/fonts/roboto/roboto-v20-latin-regular.eot);
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url(../external/fonts/roboto/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../external/fonts/roboto/roboto-v20-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(./images/roboto-v20-latin-regular.svg#Roboto) format('svg');
    /* Legacy iOS */
}
/* roboto-500 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../external/fonts/roboto/roboto-v20-latin-500.eot);
    /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../external/fonts/roboto/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../external/fonts/roboto/roboto-v20-latin-500.woff2) format('woff2'), /* Super Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-500.woff) format('woff'), /* Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-500.ttf) format('truetype'), /* Safari, Android, iOS */
    url(./images/roboto-v20-latin-500.svg#Roboto) format('svg');
    /* Legacy iOS */
}
/* roboto-700 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../external/fonts/roboto/roboto-v20-latin-700.eot);
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../external/fonts/roboto/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../external/fonts/roboto/roboto-v20-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-700.woff) format('woff'), /* Modern Browsers */
    url(../external/fonts/roboto/roboto-v20-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
    url(./images/roboto-v20-latin-700.svg#Roboto) format('svg');
    /* Legacy iOS */
}


body {
    background: #fff;
    color: #5D5F63;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
    margin: 0px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

pre {
    margin:  0;
    border:  0;
    padding: 0;
}

a:visited {
  text-decoration: none;
  outline: none;
  color: #00b8eb;
}

a:hover,
a:active {
  outline: none;
  text-decoration: none;
  color: #00b8eb;
}

.btn-info {
  color: #ffffff;
  background-color: #00b8eb;
}

.btn-info,
a.btn-info:link,
a.btn-info:visited {
  color: #ffffff;
  background-color: #00b8eb;
}

a.btn-info:hover,
a.btn-info:active {
  color: #ffffff;
  background-color: #00b8eb;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #00b8eb;
  border-color: #00b8eb;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background: #00b8eb;
  border-color: #00b8eb;
}

/*
.btn-prev, .btn-next {
	font-size: 3em;
    margin-top: 15px;
    margin-bottom: 15px;
}
*/

#bnc-chknavtop {
	border-top: 1px solid #DDDDDD;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 17px;
    padding-right: 16px;
}

#bnc-chknavbottom {
	background-color: #FFFFFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
    padding-top: 15px;
    padding-bottom: 10px;
}

.panel-primary > .panel-heading {
    background-color: #96c01e;
    border-color: #96c01e;
}

/* Low contrast
#leftside-navigation ul li a:hover,
#leftside-navigation ul li.active > a {
  color: #00b8eb !important;
}
*/
/*
#leftside-navigation ul li a:hover,
#leftside-navigation ul li.active > a {
  color: #26add4 !important;
}
*/
#leftside-navigation ul li a:hover,
#leftside-navigation ul li.active > a {
  color: #000 !important;
  font-weight: bold;
}

#leftside-navigation ul li a:hover {
  /* color: #5D5F63 !important; */
  color: #323335 !important;
}

.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
  color: #fff;
  background-color: #00b8eb;
}

.panel-blue > .panel-heading {
  color: #fff;
  background-color: #00b8eb;
  border-color: #00b8eb;
}
.panel-blue {
  border-color: #00b8eb;
}


.ajax_loading_image {
    visibility:         hidden;

    content:            url("../images/loading.gif");
    content:            -webkit-image-set( url("../images/loading.gif")    1x,
                                           url("../images/loading@2x.gif") 2x );
    width:              32px;
    height:             32px;
    margin:             -16px 0 0 -16px;
    position:             fixed;
    top:                50%;
    left:                50%;
    -webkit-user-select:     none;
    -khtml-user-select:     none;
    -moz-user-select:         none;
    -o-user-select:         none;
    user-select:             none;

}

#ajax-loader, .ajax-loader {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2020;
    display: none;
}

.loading-content {
    filter: Alpha(opacity=0);
    opacity: 0;
    moz-opacity: 0;
}

#content_area {
    position: relative;
}

.has-feedback.nounit .form-control-feedback {
    top: 0;
    right: 72px;
}

input.form-control[type="number"]{
    padding-right: 10px;
}

.chosen-container.chosen-container-single, .chosen-container.chosen-container-multi {
    width: 100% !important; /* or any value that fits your needs */
}

.no-upper {
    text-transform: none !important;
}

.no-upper a, .no-upper a:visited{
    color: inherit;
}

.breadcrumb {
    background-color:#FFF !important;
}

.nowrap {
    white-space: nowrap;
}

.dataprotection {
    margin-left: 20px;
    width: 200px;
    display: inline-block;
    text-align: center;
}

#leftside-navigation a.agb-button {
    padding: 8px 0;
    display: inline-block;
}

#leftside-navigation a.active {
    color: #00b8eb;
}

.dashboard-info {
    font-style: italic;
    font-size: 0.9em;
}

#eingabe-header-bilder{
        width: 100%;
        max-width:470px;
        height: 119px;
        position: relative;
}

#img-round-corners-left {
    width: 50%;
    overflow:hidden;
    height: 119px;
}

#img-round-corners-right {
    width: 50%;
    height: 119px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#img-round-corners-right img {
border-radius: 0px 3px 3px 0px !important;
width:235px !important;
max-width:235px !important;
  }

#img-round-corners-left img{
    border-radius: 3px 0px 0px 3px !important;
    width:235px !important;
    max-width:235px !important;
}

#eingabe-header{
    padding-top:10px;
    transition: all 0.2s ease-in-out;
}

#eingabe-header.affix{
    min-height:190px !important;
    position: fixed;
    top: 0;
    z-index: 100;
    padding-top:10px;
    background-color:rgba(242, 243, 247, 0.882353);
    -webkit-box-shadow:rgba(135, 135, 135, 0.309804) 0px 3px 5px 0px;
    -moz-box-shadow:rgba(135, 135, 135, 0.309804) 0px 3px 5px 0px;
    box-shadow:rgba(135, 135, 135, 0.309804) 0px 3px 5px 0px;
    border-bottom-color:rgb(186, 186, 186);
}


.ppointer {
    background: #fff url('../images/endenergie-bg-arrow.png') no-repeat top right;
    height: 120px;

    padding:10px;
    float:left;
    color:#5d5f63;
    min-width: 410px !important;
}

#pointer {
    display:none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 60px;
    margin: 0 0 0 0;
    float:left;
    position:absolute;
    left:320px !important;


}

#liveergebnisResult h1, #liveergebnisResult p {
    text-align:right;
}

#liveergebnisResult td:first-child {
    width:100px;
}

#eebilanz td.ergebnis {
    cursor: pointer;
    text-align:right;
}

#ausgabeErgebnis div.selectButtons,
#ausgabeIndikatoren div.selectButtons,
#ausgabeZeitreihen div.selectButtons {
    margin: 0.5em 1px;
    float: right;
}

#img-round-corners-left, #img-round-corners-left, {
    overflow:hidden;
}

#img-round-corners-left img, #img-round-corners-left img {
    width:inherit;
}

.no-overflow{
    overflow:hidden;
}

.ppointer td{
    border-top: none !important;
}

.ergebnisausgabe{
    float:left;
    width:100% !important;
    height:120px;

}

.ergebnisausgabe p {
    padding-top:0px !important;
}

.ergebnisausgabe .content {
    width:100% !important;
}

.label-green {
    background-color:#3ed47d;
}

.label-yellow {
    background-color:#f1c40f;
}

.color-yellow {
    color:#f1c40f;
}

.label-red {
    background-color:#e84c3d;
}

.label-orange {
    background-color: #ffb21c;
}

.label-grey {
    background-color: #c0c0c0;
}

.quality-label {
    display:        inline-block;
    min-width:      38px;
    min-height:     20px;
    padding:        0;
    padding-top:    4px;
    text-align:     center;
}

.tabhead img {
    width: 24px;
    margin: auto;
    display: block;
}

table.dataTable thead > tr > th {
    padding-left: 8px;
    text-align: center;

}

table.xdataTable {
    display: block;
    overflow: auto;
}

div.xdataTables_wrapper {
        width: 100%;
        overflow: auto;
}


.ppointer .label{
    font-size: 100%;
    padding: 5px 12px;
}


div#eingabe-header button.btn.btn-default{
    margin-top:0px !important;
}

span[data-toggle="popover"]{
    cursor: pointer !important;
}

#chart1, .bilanzChart, #chart2 {
    height: 500px;
    margin: 10px;
    min-width: 100px;
    min-height: 100px;
    /*
    Minimum height and width is a good idea to prevent negative SVG dimensions...
    For example width should be =< margin.left + margin.right + 1,
    of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
    */
}

#eevChart {
    height: 260px;
}

.pieChart {
    height: 400px;
    margin: 0px;
    min-width: 100px;
    min-height: 100px;
}

.pieLabel {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}

.popover-content{
    min-width:520px !important;
}
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.dropdown-menu > li > a.inactive {
    color: #BBBBBB;
    cursor: default;
}

div.tab-content {
    background-color: white;
}


#sektorChart svg
{
    height: 500px;
    width: 100%;
}

legend {
    margin-top:40px;
}

#energietraegerChart svg
{
    height: 500px;
    width: 100%;
}

#displayModeDiv select {
    width: auto;
    display: inline;
    margin-left: 15px;
}

#displayModeDiv label {
    font-weight: normal;
}

.dataTable td.align-right {
    text-align: right;
}

.dataTable td.footer {
    font-weight: bold;
}

.dataTable span.align-right {
    width: 100%;
    text-align: right;
    display: inline-block;
}

.dataTable span.align-center {
    width: 100%;
    text-align: center;
    display: inline-block;
}


input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#bilanzEingabe{
    margin-top:0px;
}

#bilanzEingabe.affix{
    margin-top:175px;
    position: relative !important;
}

.inc20 {
    background-color: #FFDADA;
}

.inc100 {
    background-color: #FFBDBD;
}

.dec20 {
    background-color: #DAFFDA;
}

.dec100 {
    background-color: #BDFFBD;
}

#xsel_flds_chosen {
    max-height: 400px !important;
    overflow: auto;
}

/* -------------------------------------
 * Bullet-Chart
 * ------------------------------------- */
.nvd3.nv-bullet .nv-rangeMin {
    fill: #FFAA00;
}

.nvd3.nv-bullet .nv-rangeAvg {
    fill: #CC0000;
}

.nvd3.nv-bullet .nv-rangeMax {
    fill: #666666;
}

/* -------------------------------------
 * Bullet-Chart Legende
 * ------------------------------------- */

td.nv-rangeMin {
    background-color: #FFAA00;
}

td.nv-rangeAvg {
    background-color: #CC0000;
    color: #FFFFFF;
}

td.nv-rangeMax {
    background-color: #666666;
}

td.nv-measure {
    background-color: #1F77B4;
    color: #FFFFFF;
}


/* -------------------------------------
 * Benchmark Radar-Chart
 * ------------------------------------- */
.bm_kat_beschaffung {
    fill: #EFD2B4 !important;
}

.bm_kat_energiemanagement {
    fill: #BAC3C8 !important;
}

.bm_kat_energieversorgung {
    fill: #5F5D72 !important;
}

.bm_kat_institutionalisierung {
    fill: #009DE0 !important;
}

.bm_kat_klimagerechtigkeit {
    fill: #F3DBD9 !important;
}

.bm_kat_verkehr {
    fill: #DBC8BA !important;
}

.bm_kat_siedlungsentwicklung {
    fill: #95A3AE !important;
}

.bm_kat_oeffentlichkeitsarbeit {
    fill: #303787 !important;
}

/* -------------------------------------
 * Benchmark Selects
 * ------------------------------------- */
li.bm_kat_abfallwirtschaft {
    background-color: #eaeaea !important;
    background-image: none !important;
}

li.bm_kat_energie {
    background-color: #ffe0cc !important;
    background-image: none !important;
}

li.bm_kat_klimagerechtigkeit {
    background-color: #f4f4cc !important;
    background-image: none !important;
}

li.bm_kat_klimapolitik {
    background-color: #cceecc !important;
    background-image: none !important;
}

li.bm_kat_verkehr {
    background-color: #ccccf4 !important;
    background-image: none !important;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
  /* float: left; */
  /* margin-right: 30px; */
     margin: 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #d8efff;
  background-color: #3598db; }

.radial-big{
  width: 45px;
  height: 45px;
}
/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #fffde8;
  border-radius: 50%;
  margin-left: 20px;
  margin-top: 20px;
  text-align: center;
  line-height: 60px;
  font-size: 16px; }

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(90deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-5 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(108deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-10 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(126deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-15 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(144deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-20 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(162deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-25 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(180deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-30 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(198deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-35 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(216deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-40 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(234deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-45 {
  background-image: linear-gradient(90deg, #d8efff 50%, transparent 50%, transparent), linear-gradient(252deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-50 {
  background-image: linear-gradient(-90deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-55 {
  background-image: linear-gradient(-72deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-60 {
  background-image: linear-gradient(-54deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-65 {
  background-image: linear-gradient(-36deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-70 {
  background-image: linear-gradient(-18deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-75 {
  background-image: linear-gradient(0deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-80 {
  background-image: linear-gradient(18deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-85 {
  background-image: linear-gradient(36deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-90 {
  background-image: linear-gradient(54deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-95 {
  background-image: linear-gradient(72deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.progress-100 {
  background-image: linear-gradient(90deg, #3598db 50%, transparent 50%, transparent), linear-gradient(270deg, #3598db 50%, #d8efff 50%, #d8efff); }

.control-label{
    margin-top:9px;
}

p.form-valuetext {
    margin: 9px 0 0;
}


/* SDG-Chart */
.nv-pieLabels .nv-label text {
    font-size: 16px;
    font-weight: bold;
    fill: #FFFFFF !important;
}

.nvtooltip {
    width: 500px;
    white-space: normal;
}

.sdg-tt-info {
	display: inline-block;	
}

.nvtooltip h3 {
	padding: 8px;		
}

.sdg-tt-info img {
    float: left;
    width: 122px;
}

#chart-legend img {
	width: 110px;
}

img.sdg-icon-inactive {
    -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
}

.sdg-tt-info p {
    text-align: left;
    width: 370px;
    float: right;
}

/* Datepicker */

.ksp-date-highlight
{
    font-weight: bold;
}

#eigene_quellen_chosen, #andere_quellen_chosen{
    width:100% !important;
}

#leftside-navigation ul ul li.subsubmenu_item a {
    padding-left: 60px;
}

.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}


#login-wrapper #rpt-password {
  padding-left: 32px;
}

/* Sprachumschaltung */
.lng-active {
    font-weight: bold;
}


/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}
.submenu_button_more {
    float: right;
}
.subsubmenu_button {
    padding-left: 45px !important;
}
.subsubsubmenu_button {
    padding-left: 55px !important;
}

.tab-wrapper.tab-left > .nav-tabs > li.active > a {
  border-left: 4px solid #428bca !important;
  color: #428bca;
  font-weight: 700;
}

.dataTables_wrapper {
    overflow-x: auto !important;
}

.option-toolbar-row {
position:absolute;
bottom:0px;
left:-15px;
right:-15px;
}

.option-toolbar {
    width:100%;
    border-radius: 4px;
    background: #f4f7f9;
    height:50px;
    padding:5px;
    padding-top:6px;
    border-top: 1px solid rgba(79,123,170,.4);
    margin-bottom: -10px;
}
.option-toolbar > li {
    float:left;
    list-style: none;
}
.option-toolbar .dropdown-menu{
    margin-top:-100px;
}

.dropdown-menu{
    overflow:auto;
    max-height:250px;
}

.datepicker.dropdown-menu{
    overflow:hidden;
    max-height:none;
}

.option-toolbar .btn-toolbar{
background-color: #BBB;
display: inline-block;
padding: 10px;
color: #fff;
line-height: 1;
cursor: pointer;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}

.btn-toolbar-primary {
    color: #fff;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

.btn-toolbar-primary:hover, .btn-toolbar-primary:focus, .btn-toolbar-primary:active, .btn-toolbar-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1 !important;
    border-color: #285e8e !important;
}

.option-toolbar  button:first-child {
    border-left: none;
    border-radius:4px 0 0 4px
}
.option-toolbar button:last-child {
    border-right: none;
    border-radius:0 4px 4px 0
}

#ex1Slider .slider-selection {
    background: #BABABA;
}

/* Multibarchart 
.nv-bar {
	stroke-opacity: 1 !important;
	stroke-width: 2;
	
}
*/
/* Slider */

div.slider-div .slider.slider-horizontal {
    width: 478px;
    margin: 10px 40px;
}


#energietraegerTable .slider-div .slider.slider-horizontal {
    width: 80%;
    margin: 10px 10%;
}

div.slider-div .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    color: #FFFFFF;
}

.ebound-upper {
    background: #e52d2d; /* Old browsers */
    background: -moz-linear-gradient(left, #e52d2d 0%, #00A236 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e52d2d 0%,#00A236 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e52d2d 0%,#00A236 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52d2d', endColorstr='#00A236',GradientType=1 ); /* IE6-9 */
    border-radius: 4px;
}

.ebound-lower {
    background: #00A236; /* Old browsers */
    background: -moz-linear-gradient(left, #00A236 0%, #e52d2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00A236 0%,#e52d2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00A236 0%,#e52d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A236', endColorstr='#e52d2d',GradientType=1 ); /* IE6-9 */
    border-radius: 4px;
}

.ebound-nopref {
    background: #999999;
    border-radius: 4px;
}

.slider-handle.round {
    background: #4BA3DF;
    border-color: #4BA3DF;
}

div.slider-tick.round:nth-of-type(5) {
    background:#CCCC00;
}

span.label-klimaschutz {
    color:#CCCC00;
}

div.slider-tick.round:nth-of-type(6) {
    background:#999999;
}

span.label-potenzial {
    color:#999999;
}

.unit-info {
    display: inline-block;
    margin-top: 15px;
}

.unit-info p {
    font-size: 12px;
}

/* Wirkungsgewichtung slider */
.wg-slider-label {
    width: 50%;
    display: inline-block;
}

#wg-slider-div .slider-horizontal {
    width: 50%;
    margin: 10px 0;
}

#ksp-update-feedback {
    padding: 1em;
}

.main-content-toggle-right {
  margin-right: 550px;
}

.sidebar-right {
    width: 550px;
    /* height: 100%; Höhe der Sidebar immer auf max stellen.*/
    /*background: #fff; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 100;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    top: 80px;
    right: 0;
    display: none;
    padding: 20px;
}

.sidebar-toggle-right {
  display: block;
}


.help-content .page-title {
    font-size: 26px;
    font-weight: 300;
}


.help-content h1 {
    font-size: 22px;
    font-weight: 400;
}


.help-content h2 {
    font-size: 18px;
    font-weight: 400;
}


.help-content h3 {
    font-size: 16px;
    font-weight: 400;
}


.help-content h4 {
    font-size: 14px;
    font-weight: 400;
}


.help-content h5 {
}


.help-content h6
{
}


.help-content table {
    border: #c0c0c0 solid 1px;
}


.help-content td,
.help-content th {
    padding: 8px;
    border-bottom: #c0c0c0 solid 1px;
}

.help-content ol {
    margin: 0 0 10px 0;
    padding: 0 0 0 1em;
}

@media (min-width: 768px) {
    #register-user-modal .modal-dialog {
    	width: 800px;
    }
}

.panel-blue > .panel-heading {
    background-color: #00b8eb;
    border-color: #00b8eb;
}

.panel-primary > .panel-heading {
    background-color: #96c01e;
    border-color: #96c01e;
}

.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
  color: #fff;
  background-color: #00b8eb;
}

.area--ziele--strategien{
    background-color:#7a7a3c;
    color:white;
}

.area--organisation--controlling{
    background-color:#8469ac;
    color:white;
}

.area--aktivitten--manahmen{
    background-color:#efe3ab;
}

.tab-wrapper .tab-content{
    padding: 15px 15px;
}



    .bm_dark_input {
        margin-right: 7px !important;
    }

    .bm_dark_input.input_disabled {
        opacity: 0.5;
        filter: Alpha(opacity=50);
        moz-opacity: 0.5;
    }

    .bnc-comment {
        display: none;
        position: absolute;
        background: #FFFFFF;
        width: 200px;
        z-index: 1000;
    }

.sdg-icons {
    float: right;
}

.sdg-icons img {
    width: 61px;
    /* transition: 200ms; */
}

/*
.sdg-icons img:hover {
    transform: scale(2);
}
*/
    #menu_item_eingabe li > a {
        color: #3d3d3d !important;
    }

    #menu_item_eingabe li > a.mm-active {
        font-weight: bold;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_beschaffung{
        background-color: rgba(240, 211, 180, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_energiemanagement{
        background-color: rgba(186, 195, 200, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_energieversorgung{
        background-color: rgba(95, 93, 114, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_institutionalisierung{
        background-color: rgba(0, 157, 224, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_klimagerechtigkeit{
        background-color: rgba(234, 219, 217, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_verkehr{
        background-color: rgba(219, 200, 186, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_siedlungsentwicklung{
        background-color: rgba(149, 163, 174, 0.4) !important;
    }

    #menu_item_bilanz_eingabe_checkliste_-_bm_kat_oeffentlichkeitsarbeit{
        background-color: rgba(48, 55, 135, 0.4) !important;
    }

    .accordion_bm_kat_beschaffung{
        border-color: #efd2b4 !important;
        background-color: #efd2b4 !important;
    }

    .accordion_bm_kat_energiemanagement{
        border-color: #b9c3c7 !important;
        background-color: #b9c3c7 !important;
    }

    .accordion_bm_kat_energieversorgung{
        border-color: #5e5d72 !important;
        background-color: #5e5d72 !important;
    }

    .accordion_bm_kat_energieversorgung .panel-title > a{
        color: #fff !important;
    }

    .accordion_bm_kat_institutionalisierung{
        border-color: #009ee1 !important;
        background-color: #009ee1 !important;
    }

    .accordion_bm_kat_institutionalisierung .panel-title > a{
        color: #fff !important;
    }

    .accordion_bm_kat_klimagerechtigkeit{
        border-color: #f2dbd8 !important;
        background-color: #f2dbd8 !important;
    }

    .accordion_bm_kat_verkehr{
        border-color: #dbc8bc !important;
        background-color: #dbc8bc !important;
    }

    .accordion_bm_kat_siedlungsentwicklung{
        border-color: #95a3b0 !important;
        background-color: #95a3b0 !important;
    }

    .accordion_bm_kat_siedlungsentwicklung .panel-title > a{
        color: #fff !important;
    }

    .accordion_bm_kat_oeffentlichkeitsarbeit{
        border-color: #2e3786 !important;
        background-color: #2e3786 !important;
    }

    .accordion_bm_kat_oeffentlichkeitsarbeit .panel-title > a{
        color: #fff !important;
    }

/*
    tr.segment-color-26, tr.segment-color-24  {
       background-color: rgba(123,123,61,1) !important;
       color:#fff;
    }
    tr.segment-color-33, tr.segment-color-10, tr.segment-color-8 , tr.segment-color-17, tr.segment-color-3  {
       background-color: rgba(132,105,172,1) !important;
       color:#fff;
    }
    tr.segment-color-34, tr.segment-color-25, tr.segment-color-13, tr.segment-color-16, tr.segment-color-35  {
       background-color: rgba(239,226,171,1) !important;
    }
*/


    td.group-color-36 {
        border-left: 10px solid rgba(123,123,61,0.8) !important;
    }
    td.group-color-26 {
        border-left: 10px solid rgba(123,123,61,0.6) !important;
    }
    td.group-color-27 {
        border-left: 10px solid rgba(123,123,61,0.6) !important;
    }
    td.group-color-24 {
        border-left: 10px solid rgba(123,123,61,0.4) !important;
    }



    td.group-color-31 {
        border-left: 10px solid rgba(132,105,172,0.8) !important;
    }
    td.group-color-32 {
        border-left: 10px solid rgba(132,105,172,0.8) !important;
    }
    td.group-color-21 {
        border-left: 10px solid rgba(132,105,172,0.8) !important;
    }
    td.group-color-8 {
        border-left: 10px solid rgba(132,105,172,0.6) !important;
    }
    td.group-color-6 {
        border-left: 10px solid rgba(132,105,172,0.6) !important;
    }
    td.group-color-19 {
        border-left: 10px solid rgba(132,105,172,0.6) !important;
    }
    td.group-color-5 {
        border-left: 10px solid rgba(132,105,172,0.6) !important;
    }
    td.group-color-17 {
        border-left: 10px solid rgba(132,105,172,0.4) !important;
    }
    td.group-color-10 {
        border-left: 10px solid rgba(132,105,172,0.8) !important;
    }
    td.group-color-33 {
        border-left: 10px solid rgba(132,105,172,0.2) !important;
    }
    td.group-color-3 {
        border-left: 10px solid rgba(132,105,172,0.4) !important;
    }


    td.group-color-1 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-7 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-12 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-35 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-39 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-23 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-29 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-15 {
        border-left: 10px solid rgba(239,226,171,0.6) !important;
    }
    td.group-color-22 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-30 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-11 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-16 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-18 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-37 {
        border-left: 10px solid rgba(239,226,171,0.6) !important;
    }
    td.group-color-13 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-2 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-14 {
        border-left: 10px solid rgba(239,226,171,1) !important;
    }
    td.group-color-38 {
        border-left: 10px solid rgba(239,226,171,0.6) !important;
    }
    td.group-color-40 {
        border-left: 10px solid rgba(239,226,171,0.2) !important;
    }
    td.group-color-4 {
        border-left: 10px solid rgba(239,226,171,0.8) !important;
    }
    td.group-color-9 {
        border-left: 10px solid rgba(239,226,171,0.6) !important;
    }
    td.group-color-20 {
        border-left: 10px solid rgba(239,226,171,0.4) !important;
    }
    td.group-color-28 {
        border-left: 10px solid rgba(239,226,171,0.4) !important;
    }
    td.group-color-34 {
        border-left: 10px solid rgba(239,226,171,0.4) !important;
    }
    td.group-color-25 {
        border-left: 10px solid rgba(239,226,171,0.2) !important;
    }


/* autocomplete response verstecken */
.ui-helper-hidden-accessible div { display:none; }