.ui-radiobutton {
	margin-top: 11px;
}

div.ui-radiobutton-box-os.ui-state-active {
	margin-top: 3px;
	margin-left: 3px;	
	width: 7px;
  height: 7px;
	border: 0px;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/radio-active.png);
}

div.ui-radiobutton-box-os {
	margin-top: 3px;
	margin-left: 3px;
	width: 7px;
  height: 7px;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/radio-default.png);
}

div.ui-radiobutton  {
  width: 15px;
  height: 15px;
  line-height: 15px;
	border-radius: 10px;
	background-color: transparent;
	border: 1px solid #d8dcdf;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}

div.ui-radiobutton.ui-widget  {
	margin-bottom: 16px;
}

div.checkbox-os  {
	margin-top: 10px;
	display: inline-flex;
}

div.ui-checkbox {
	margin-right: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	border-radius: 0px;
	background-color: transparent;
	border: 1px solid #d8dcdf;
	margin-top: 1px;
}

div.ui-checkbox.ui-widget.os.ui-state-active {
	margin-right: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	border-radius: 0px;
	background-color: transparent;
	border: 1px solid #d8dcdf;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/checked-active.png);
	background-repeat: no-repeat;
	background-position: center;
}

div.row.last {
 padding-left:81px;
}

div.row.plz {
	min-height:32px;
}

div.row.selection {
	height:42px;
}


div.row.gas {
	margin-top:42px;
}

div.col-md-12.plz {
	margin-top: 3px;
	margin-left: 0px;
	overflow: hidden;
	min-height:32px;
}


div.col-md-2.submit {
	height:64px;
}

div.submit-tr {
	float: right;
	height:61px;
	min-width:150px;
/*	margin-right: 15px;*/
}

div.button-wrapper {
	height:32px;
}

.ui-widget.button-default .ui-button-text {
    font-size: 1em;
    padding: 8px;
}

div.container-TROS {
	padding-left: 20px;
	padding-right: 20px;
}

#quicklink-tros div.container-TROS-negativ {
	margin-top: 15px;
}

div.container-TROS-negativ {
	background-color: #00b7f0;
	padding-left: 20px;
	padding-right: 20px;
}

div.container-TROS-negativ table{
	background-color: #00b7f0;
  color: #fff;
}

.container-TROS-negativ td {
  color: #fff;
}
.container-TROS-negativ label {
  color: #fff;
}
.container-TROS-negativ input {
  color: #000;
}

div.container-TROS-negativ .ui-checkbox.ui-widget.os.ui-state-active {
	margin-right: 10px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 0px;
  background-color: transparent;
  border: 1px solid #d8dcdf;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/checked-active-negativ.png);
	background-repeat: no-repeat;
	background-position: center;
}

div.container-TROS-negativ .ui-radiobutton-box-os.ui-state-active {
	margin-top: 3px;
	margin-left: 3px;	
	width: 7px;
  height: 7px;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/radio-active-negativ.png);
}

div.container-TROS-negativ .ui-radiobutton-box-os {
	margin-top: 3px;
	margin-left: 3px;
	width: 7px;
  height: 7px;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/radio-active.png);
}

#tarifRechnerKomponenteForm .button-wrapper {
   margin-right:0px;
}

#tarifRechnerKomponenteForm .ui-autocomplete {
   width: 100%;
}

#tarifRechnerKomponenteForm .ui-selectoneradio label{
	margin: 9px 0 14px 0;
}

input.ui-autocomplete-input {
	font-size: 13px;
}

/*input.ui-inputfield {
	font-size: 13px;
}*/

#tarifRechnerKomponenteForm .ui-autocomplete-input {
	border-left-width: 4px !important;
	border-top-width: 4px !important;
	height: 2.375em;
}


#tarifRechnerKomponenteForm .input-group.os {
	width: 100%;
}

#tarifRechnerKomponenteForm .input-group {
	width: 100%;
}

#plzOrtIp_input.input-error {
	border-left-width: 5px !important;
	border-top-width: 5px !important;
	border: 2px solid red;
}

#hst_plzOrtIp_input.input-error {
	border-left-width: 5px !important;
	border-top-width: 5px !important;
	border: 2px solid red;
}

#eg_plzOrtIp_input.input-error {
	border-left-width: 5px !important;
	border-top-width: 5px !important;
	border: 2px solid red;
}

#verbrauchHt.input-error {
	border: 2px solid red;
}

#verbrauchNt.input-error {
	border: 2px solid red;
}

#verbrauch.input-error {
	border: 2px solid red;
}

div#j_idt40 {
	position: relative;
	top:29px;
	left:-3px;
}
div#feld_hst_2 {
	position: relative;
	top:29px;
	left:-3px;
}
div#feld_eg_2 {
	position: relative;
	top:29px;
	left:-3px;
}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
		display:block;
		clear:both;
		content:'';
}
 
.tab-links li {
	/* float herausnehmen im sigle-use */
	/*	float:left; */
		list-style:none;
}

 
.tab-links a:hover {
		background:#a7cce5;
		text-decoration:none;
}
/* 
.tab-links li.active a, li.active a:hover {
		background:#fff;
		color:#4c4c4c;
}
*/
/*----- Content of Tabs -----*/
.tab-content {
/*		padding:15px;
		border-radius:3px;
		box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
		background:#fff; */
}
 
.tab {
		display:none;
}

.tab.active {
		display:block;
}
				
h2.single-use{
	width: 100%;
/*	font-size: 13px; */
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_strom.png) !important;
	background-size: 20px;
	}

h2.top-use{
	width: 100%;
	font-size: 13px;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_strom.png) !important;
}

h2.single-use-gas{
	width: 100%;
/*	font-size: 13px; */
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_gas.png) !important;
	background-size: 20px;
}

#she-tros h2.tab-use-strom {
	background-color: #00a8e2;
	font-size: 12px;
	width: 33.3333%;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_strom.png) !important;
	background-size: 16px;
	background-position: right 4px center;
}

#she-tros h2.tab2-use-strom {
	background-color: #00a8e2;
	font-size: 12px;
	width: 50%;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_strom.png) !important;
	background-size: 16px;
	background-position: right 4px center;
}

#she-tros h2.tab-use-gas {
	background-color: #00a8e2;
	font-size: 12px;
	width: 33.3333%;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_gas.png) !important;
	background-size: 16px;
	background-position: right 4px center;
}

#she-tros h2.tab2-use-gas {
	background-color: #00a8e2;
	font-size: 12px;
	width: 50%;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/24x24_icon_gas.png) !important;
	background-size: 16px;
	background-position: right 4px center;
}

#she-tros input[type="text"] {
	color: black;
}

#she-tros td {
	vertical-align: middle;
}

ul.tab-links {
	padding: 0px;
	margin:0px;
}

.wizard-title {
	margin: 0px;
	border-bottom: 0px;
}
h2.wizard-title {
	font-size: 13px;
}

/* Teaser */
#she-tros {
  background: #00a8e1;
}

#she-tros h2 {
  padding-left: 5px;
}

#she-tros .container-TROS-negativ h2{
	margin-top: 10px;
}

form-group.os {
	margin-bottom: 9px;
	margin-top: -11px;
}

div#wp-tp {
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/info_5cc151_white.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	background-size: 14px;
    margin: 11px 0 16px 0;
}

div#ns-tp {
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/info_5cc151_white.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	background-size: 14px;
    margin: 11px 0 16px 0;
}

/*
.tooltip-icon {
	width:12px;
	height:12px;
}
*/

.toolTipContent {
	display: none;
}

.toolTipBox {
	background: white;
	width: 200px;
	border: 0px;
	border-radius: 0px;
	font-family: Flama, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}

.toolTipHead  h2 {
	color: #5cc151;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	padding: 5px;
	margin: 0;
}

.toolTipBody {
	color: black;
	font-family: Flama, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	padding: 0 5px 0 5px;
}

.td-label {
	margin: 0px;
	padding: 0px;
}

#she-tros .tab-links li.active h2 {
	background-color: #002e5f;
}
/*
.row {
	margin-left: 0px;
	margin-right: 0px;
}
*/
div#quicklink-tros.row {
	margin-top: -15px;	
}

div#quicklink-tros.row .tab-content{
	margin-top: -17px;	
}

div#quicklink-tros .singletab{
	margin-top: -21px;	
}

input[type="text"], input[type="password"], textarea, .form-control {
	height: 1.8em;
}


/*
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

#she-tros {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}

#she-tros .checkbox-os label {
	margin-bottom: 5px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height: 2.375em;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}


/*
.row {
  margin-left: -15px;
  margin-right: -15px;
}
*/

.col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
/*  min-height: 1px; */
/*  padding-left: 15px;
  padding-right: 15px; */
}

.button-arrow {
	right: -134px;
	top: -20px;
	background-origin: padding-box;
	background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/arrows-blue.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: ' ';
	height: 10px;
	position: relative;
	width: 10px;
	box-sizing: border-box;
}

@media (min-width:321px) {
	.button-arrow {
		right: -134px;
		top: -20px;
		background-origin: padding-box;
		background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/arrows-blue.svg);
		background-repeat: no-repeat;
		background-size: cover;
		content: ' ';
		height: 10px;
		position: relative;
		width: 10px;
		box-sizing: border-box;
	}
}


@media (min-width:768px) {
	.button-arrow {
		right: -184px;
		top: -20px;
		background-origin: padding-box;
		background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/arrows-blue.svg);
		background-repeat: no-repeat;
		background-size: cover;
		content: ' ';
		height: 10px;
		position: relative;
		width: 10px;
		box-sizing: border-box;
	}
}

@media (min-width:992px) {
	.button-arrow {
		right: -185px;
		top: -22px;
		background-origin: padding-box;
		background-image: url(https://www.stadtwerke-kiel.de/swk/media/technical_files/img/tros_2/arrows-blue.svg);
		background-repeat: no-repeat;
		background-size: cover;
		content: ' ';
		height: 10px;
		position: relative;
		width: 10px;
		box-sizing: border-box;
	}
}

div#quicklink-tros div#ns-tp {
	margin-left: 0px;
}

div#quicklink-tros div#wp-tp {
	margin-left: 0px;
} 

@media (min-width: 321px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  div#strom_verbrauch_ht.col-md-6 {
	  padding-right: 15px;
  }
  div#strom_verbrauch_nt.col-md-6 {
	  padding-left: 15px;
  }
  div#heizstrom_verbrauch_ht.col-md-6 {
	  padding-right: 15px;
  }
  div#heizstrom_verbrauch_nt.col-md-6 {
	  padding-left: 15px;
  }
  div#gas_verbrauch_ht.col-md-6 {
	  padding-right: 15px;
  }
  div#gas_verbrauch_nt.col-md-6 {
	  padding-left: 15px;
  }
}

@media (max-width: 320px) {
  .col-md-1, .col-md-4, .col-md-5 {
    float: left;
  }
  .col-md-5 {
    width: 83.33333333%;
  }
  .col-md-4 {
    width: 66.66666667%;
  }
  .col-md-1 {
    width: 16.66666667%;
  }

  .auto-clear {clear:left;}
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  div#strom_verbrauch_ht.col-md-6 {
	  padding-right: 5px;
  }
  div#strom_verbrauch_nt.col-md-6 {
	  padding-left: 5px;
  }
  div#heizstrom_verbrauch_ht.col-md-6 {
	  padding-right: 5px;
  }
  div#heizstrom_verbrauch_nt.col-md-6 {
	  padding-left: 5px;
  }
  div#gas_verbrauch_ht.col-md-6 {
	  padding-right: 5px;
  }
  div#gas_verbrauch_nt.col-md-6 {
	  padding-left: 5px;
  }
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}

.row {
	overflow-y: hidden;
}

.custom-combobox-toggle {
	height: 1.9em;
	margin-bottom: -2px;
}

td.radio-os {
	width:30px;
}

.fade.in {
    opacity: 1;
}

.popover {
  color: #000;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  padding: 1px;
  line-break: auto;
  width: 100%;
  z-index: 1060;
}



.popover-content {
  background-color: white;
  padding: 2px;
}

.popover.bottom {
  margin-top: 0;
  border-radius: 0;
}

.arrow {
  display: none !important;
}

#tros-plz {
	overflow:hidden;
}

#tros-plz.active {
	overflow:visible;
}

#tros-plz-inner.active {
	overflow:visible;
}

h3.popover-title {
	height: 0px;
}