#create_pdf {
  display:none;
}
.kopfDaten {
  display: none;
}
#strich, #ortTermin {
  display: none;
}

.muellKalenderEingabe {
  padding: 15px 15px 15px 0;
  /*border-bottom: 1px dotted grey;*/
  margin-bottom: 15px;
}
.table_1 {
  padding: 8px 8px 8px 0px!important;
}

#datum_ausgabe {
  color: #555555;
}
div.panel-heading {
  background-color: #00A800!important;
  color: #fff!important;
  font-size: 20px!important;
  display: none;
}
.label1 {
  color: #289548!important;
}
div.col-md-12.col-sm-3 {
  color: #555555;
}
#date_from, select#city,#date_until {
  color:#555555;
}
.panel-default {
  border: none!important;
}
div.panel.panel-default {
  box-shadow: none!important;
}
.table_th1, div.ortsteil_block label {
  color: #289548;

}
.panel>.panel-body+.table {
    border: none;
}
.btn{
  color:#fff;
  padding: 6px 17px;
  border-radius: 0px;
  font-size: 14px;
  background-color: #289548;
}
.btn:hover{
  color:#fff;
}
.button_print {

  display: none;
}
.button_opacity_print  {
  opacity: 0.3;
}
.button_download{
  display: none;
}
.button_opacity {
  opacity: 0.3;
}
.button_download:hover {
  color:#fff;
  background-color: #17a837;
  border-color: #289548;
}
.button_print:hover {
  color:#fff;
  background-color: #17a837;
  border-color: #289548;
}
.btnSpaceLeft{
  margin-left:5px;
}
#wasteCalendar {
    margin:0;
    padding-left:0;
}
select#city, select#citypart {
  width: 190px;
  height: 24px;
}

#wasteCalendar .col-md-6, #wasteCalendar .col-md-2, #wasteCalendar .col-md-12 {
    padding-top: 10px;
}

#wasteCalendar .panel.panel-default {
    padding-top: 0px;
}
.ortsteil_block{
	float:left !important;
	width:100% !important;
}
.label1,.muellart_row{
	float:left !important;
	width:100% !important;
}
/*#wasteCalendar .custom-combobox {
    position: relative;
    display: inline-block;
    width:100%;
  margin: 0 0 10px 0;
  }*/


/*select#combobox {
  margin: 0 0 20px 0;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #d3d3d3;
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
  border-top-left-radius: 4px;
}*/
.mainform > div,
.datum_ausgabe_wrapper{
  padding-left:0;
}

input.form-control {
  /*margin: 0 0 10px 0;*/
}

input#muell_0, input#muell_1, input#muell_2,input#muell_3 {
  margin: 0 10px 0 0;
}
select.combobox_ortsteil
div.ui-selectmenu-menu ui-front ui-selectmenu-open, ul#combobox-menu.ui-widget.ui-widget-content.ui-corner-bottom.overflow {
  z-index: 1;
}

span#combobox_ortsteil-button.ui-selectmenu-button.ui-widget.ui-state-default.ui-corner-all, span.ui-selectmenu-text {
  z-index: 0;
}

tbody#datum_ausgabe {
  padding: 15px;
}
.button1 {
  float:right;
  margin:30px;
}
.submit1 {
  float:right;
  margin:0 50px 20px 0;
}
select#combobox_ortsteil, select#combobox, .ui-front {
  position: relative;
  z-index:0;
}
table.ui-datepicker-calendar {
  position: relative;
  z-index: 9;
}
select#combobox_ortsteil {
  margin-bottom: 20px;
}
button#download_file.btn.btn-default {
  margin: 20px 40px 0 0;
}



.abfallart > div{
  margin-top:0;
  padding-top:0 !important;
  padding-left: 0 !important;
}
.abfallart > div > label{
  margin-bottom:0;
  /*padding:10px 0 10px 40px;*/
  cursor: pointer;
}
/*.abfallart input{
  position:absolute;
  top:10px;
  left:10px;
  width:20px;
  height:20px;
}*/

.datum_ausgabe_box thead,
.datum_ausgabe_box tbody{ width:100%; }
.datum_ausgabe_box .termin{ width:20%; }
.datum_ausgabe_box .muellart{ width: 30%; }
.datum_ausgabe_box .kommentar{ width:50%; }


.kommentar_mobile{
  display: none;

}
.datum_ausgabe_wrapper .buttons_box{
  /*height: 40px;*/
  height: 0px;

}
.datum_ausgabe_wrapper .buttons_box,
.datum_ausgabe_wrapper .datum_ausgabe_box,
.datum_ausgabe_wrapper.hasResults .placehoder{
  display:none;
}


.datum_ausgabe_wrapper.hasResults .buttons_box,
.datum_ausgabe_wrapper.hasResults .datum_ausgabe_box,
.datum_ausgabe_wrapper .placehoder{
  display: block;
}
sup{
  font-size:0.9em;
  font-weight: bold;
}
.downloadinfo{
  margin-top:20px;
  font-size:0.85em;
  float: right;
  width:100%;
}

.downloadinfo strong{

}
/*w_zentrum*/
.w_zentrum {
  width:100%;
  float:left;
  padding:10px;
}
.w_zentrum p.info{
  width:100%;
  float:left;
  text-align:left;
  font-weight:bold;
  margin-top:15px;
  
}
.w_zentrum p.info label.wertstoffzentrum{
font-size:1.19em;
}

input#date_until.hasDatepicker {
  margin: 0 0 20px 0;
}
@media (min-width: 321px){
	.col-md-6 {
	/*width: 100%;*/
	}
}
/*@media (max-width: 320px){*/

@media only screen
  and (max-width: 736px) {


  select#city, select#citypart {
    width: 174px;
    height: 24px;
  }
  /*body {
    width: 100%;
  }*/
  button#download_file.btn.btn-default {
    margin: 20px 15px 0 0;
  }
  .text-right{
    text-align: left;
    margin:15px 0 0 0;
  }
  .text-right .btn{
    float:none;
    text-align:left;
    width:49%;
  }
  .kommentar_mobile{
    display: block;
    padding-top:8px;
  }
  .kommentar_mobile label{
    display: block;
    padding-bottom:0;
    margin-bottom:0;
    font-size:0.85em;
    color:#289548;
  }
  .datum_ausgabe_box .termin{ width:30%; }
  .datum_ausgabe_box .muellart{ width: 70%; }
  .datum_ausgabe_box .kommentar{ display: none; }
  .link_zur_karte_mobil{
    display:block !important;
  }
  .link_zur_karte_mobil{
    color:#289548;
  }
  .link_zur_karte_mobil:hover{
    color:#289548;
    text-decoration: underline !important;
  }
  .link_zur_karte_mobil img{
    float: left;
    width: 12px;
    margin-right: 5px;
  }
  .link_zur_karte_mobil span{
    float: left;
  }
  .link_zur_karte_mobil span:hover{
    float: left;
    text-decoration: underline !important;
  }
  .link_zur_karte_mobil{
    float: left;
    width: 100%;
    padding-top:5px;
  }
  .mobile .danger{
    display:block;
  }

}


.link_zur_karte_mobil{
  display:none;
}

.ortsteil_block {
  display: none;
}
#wertstoffzentrum_info{
  display:none;
}
#wertstoffzentrum_info p{
  padding-left:10px;
  font-weight:bold;
}
.abfallart input{
  width:20px;
  float:left;
  height:20px;
}

.abfall_color {
  float:left;
  width:30px;
}
.legende {
  display:none;
}
.legende div.legende {
  margin-bottom:5px;
}
.muellart_row {
  float:left;
  margin-bottom:10px;
}
.link_zur_karte{
  color:#289548;
}
.link_zur_karte:hover{
  color:#289548;
  text-decoration: underline !important;
}
.link_zur_karte img{
    float: left;
    width: 12px;
    margin-right: 5px;
}
.link_zur_karte span{
  float: left;
}
.link_zur_karte span:hover{
  float: left;
  text-decoration: underline !important;
}
.link_zur_karte{
    float: left;
    width: 100%;
    padding-top:5px;
}
.wertstoffzentrum {
  float:left;
  margin-bottom: 15px;
  font-size:1.2em;
}
.link_zur_karte.add{
  float: left !important;
    width: auto;
    padding-top: 0px;
    margin-left: 10px;
} 
#wertstoffzentrum_info {
  /*width: 100%;
      float: left;
      margin-bottom: 10px;*/
}
.table_1.datum_ausgabe_wrapper.hasResults {
  width: 100%;
    float: left;
}
#wertstoffzentrum_info label,
#wertstoffzentrum_info label a,
#wertstoffzentrum_info label a span,
#wertstoffzentrum_info label a img,
.w_zentrum.muellart_3 label,
.w_zentrum.muellart_3 a,
.w_zentrum.muellart_3 a span,
.w_zentrum.muellart_3 a img{
  float:none;
}

/*.color_block_3{
  width:20px;
  height:20px;
  background-color:#57AB26;
}
.color_block_2{
  width:20px;
  height:20px;
  background-color: #a7cfed;
}
.color_block_1{
  width:20px;
  height:20px;
  background-color:#e2e2e3;
}
.color_block_0{
  width:20px;
  height:20px;
  background-color:#eec984;
}*/
.abfallart label input {
  display: none;/* <-- hide the default checkbox */
}
.abfallart label span {/* <-- style the artificial checkbox */
  height: 20px;
  width: 20px;
  border: 1px solid grey;
  display: inline-block;
  position: relative;
   top: 5px;
   
}
.abfallart label span.muell_0 {
    background-color:#eec984;
}
.abfallart label span.muell_1 {
    background-color:#e2e2e3;
}
.abfallart label span.muell_2 {
    background-color: #a7cfed;
}
.abfallart label span.muell_3 {
      background-color:#57AB26;
}
.abfallart [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
  content: '\2714';
  position: absolute;
  top: -4px;
  left: 3px;
  font-size:18px;
  color:#00000 !important;
  /*background:black;*/
}
.abfallart .abfall_color img{
  display:none;
}
/*Jahreskalnder 2018*/
input.link {
  border: none;
  font-weight: bold;
  color: #289548;
  text-decoration: underline;
  background: none;
}

.with_check {
  margin-right:10px;
}
.without_check {
    margin-right:7px;
}
.legende img{
  display:none !important;
}
.legende img.checked{
  display:inline-block !important;
}

/*KOrrekturen 02.11.2018*/
.background-danger {
  display:none;
}
.alert-danger {
    background-color:#ed9a92  !important;
    color:#520700 !important;
  } 
.alert-danger .background-danger {
  display:none;
}
.mobile .danger{
  display:none;
}
/*p.danger{
    color: #a94442!important;
}*/
p.danger{
    color: #520700!important;
}

@media only screen
  and (max-width: 480px) {
  .link_zur_karte.add {
    float: left !important;
    width: auto;
    padding-top: 0px;
    margin-left: 0px; 
    width: 100%;
  }
  .w_zentrum p.info label.wertstoffzentrum {
    font-size: 1em;
  }
  .wertstoffzentrum {
    font-size: 1em;
  }
  .abfallart label{
    max-width:100%;
    font-size:12px;
  }
  .abfallart [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
   
    top: -4px;
    left: 0px;
    font-size:16px;
  }

  }

@media only screen
  and (max-width: 768px) {
 .abfallart [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
  content: url('img/check_sm.png');
  position: absolute;
  top: 4px;
  left: 1px;
  font-size:10px;
 
}.muellart_checkbox.checked {
  background-image: url(img/check_sm.png);
  background-repeat: no-repeat;
}
  }