table.tableportal {}
table.tableportal tbody th {
	padding-left: 10px;
    font-weight: bold;
    background: #848484;
    border-bottom: 1px solid #fff;
    color: #fff;
}
table.tableportal tbody td {
	padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #848484;
    vertical-align: top;
	
	background: #EAEAEA;
    border-collapse: collapse;
    line-height: 1.7em;
}

.content {
	
}
.content-col-container .content-col {
	height:inherit;
}

.header-login-text {
	text-align:right;
}

.table-striped .table-hover {}

tr .clickable-row {
	
}

#questionnaire {
	padding-left:0px;
	padding-right:0px;
}

#questionnaire,
#questionnaire-head,
#questionnaire-body,
#questionnaire-action {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #333;
}



#questionnaire > .panel-body {
	padding:0px;
}

#questionnaire table {
	margin:0px;
}

#questionnaire table.table-bordered tbody th, 
table.table-bordered tbody th.sub {
	background-color: #D9D9D9;
	border: 1px solid #D9D9D9;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	font-weight: bold;
	color: #333;
}

#questionnaire table.table-bordered tbody th.sub {
	background-color: #E6E6E6;
}

#questionnaire strong {
	font-weight: normal;
	}
	
#questionnaire .help-block {
	color: #DD4B39;
	font-weight: normal;
}

/*
 * Component: Callout
 * ------------------
 */
.callout {
  border-radius: 3px;
  margin: 0px;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  background-color:#fff;
  color:#fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  
  
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
  background-color: #dd4b39 !important;
}
.callout.callout-warning {
  border-color: #c87f0a;
  background-color: #f39c12 !important;
}
.callout.callout-info {
  border-color: #0097bc;
  background-color:rgb(0, 192, 239);
}
.callout.callout-success {
  border-color: #00733e;
  background-color:#00a65a !important
}

.headline-h1 {
	margin-top:15px;
}

#questionnaire-head .col-right {
	padding-left: 7px;
}
#questionnaire-head .col-left {
	padding-right:7px;
}

#questionnaire-head .table {
	margin-bottom:0px;
}

#questionnaire-head .panel {
	margin-top:7px;
	margin-bottom:7px;
}

#questionnaire-head .panel-heading,
#questionnaire .panel-heading, 
#questionnaire-head .panel-body {
	padding:7px;
}

#questionnaire-head .content-col-container .content-col,
#questionnaire .content-col-container .content-col {
	height:initial;
	padding-top:5px;
	padding-bottom:0px;
}


#questionnaire-head .table>thead>tr>th, 
#questionnaire-head .table>thead>tr>td,
#questionnaire-head .table>tbody>tr>th,
#questionnaire-head .table>tbody>tr>td,
#questionnaire-head .table>tfoot>tr>th,
#questionnaire-head .table>tfoot>tr>td {
	border: 0px solid black;
}

#questionnaire .form-group {
    margin-bottom: 7px;
    margin-top: 7px;
}

#questionnaire .form-group .control-label {
	padding-right: 7px;
}

#questionnaire .form-group .controls {
	padding-left: 7px;
}

#questionnaire label {
    font-weight: normal;
    font-size:12px;
    color: #333;
}

#questionnaire-head > div > div > div.panel-body > p {
	padding-top:10px;
}

#questionnaire-head > div > div > div.panel-body > ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
}

#questionnaire-head > div > div > div.panel-body > ul > li {
    display: list-item;
    list-style: disc;
    text-align: -webkit-match-parent;
}

#questionnaire_action > div.panel-body > fieldset > div > div {
	font-size:12px;
}
.tabelelegend {
	padding:15px;
	background-color:#f7f7f7;
}



.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
    color: #fff !important;
}


.alert-danger, .alert-error {
    border-color: #d73925;
}

.alert {
    border-radius: 3px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert li {
	margin-left:15px;
	display: list-item;
    list-style: disc;
}
.modal-body > p {
	padding-bottom:15px;
}

.modal-body > ul,
.modal-body > ol,
.modal-body > ol> ul {
	display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
}

.modal-body > ul > li,
.modal-body > ol > li,
.modal-body > ol> ul > li {
	display: list-item;
    list-style: disc;
    text-align: -webkit-match-parent;
}
.modal-body > ol > li {
	list-style: decimal;
}

.clickable-row:hover {
    cursor: pointer;
}

.fourtyfive_deg_table tr:first-child td {
    //padding-top:50px;
}


th.rotate45degree {
  vertical-align:top;
  padding:20px 5px 20px 5px;
}

th.rotate45degree > div{
  /*height: 130px;
  margin-bottom:30px;
  margin-left:10px;*/
  //transform:
  //  translate(25px, 51px)
  //rotate(315deg);
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.fb-hint-badge {
	background-color: rgb(160, 20, 55);
	font-size:10px;
}


.fourtyfive_deg_table > tbody > tr > td > div > input {
	 padding-left:0;
	 padding-top:0;
	 padding-bottom:0;
	 z-index:999;
}
 
.fa {
 	font-size:18px;
 	color: rgb(160, 20, 55);
 }



.fourtyfive_deg_table {
    font-size:12px;
}

.fourtyfive_deg_table > thead > tr:nth-child(1) > td{
    padding:25px;
}

th.rotate45degree > div{
  font-size:12px;
}

th.rotate45degree {
    vertical-align: top;
    border-left:2px solid rgb(210, 214, 222);
    border-right:2px solid rgb(210, 214, 222);
}


.fourtyfive_deg_table > tbody > tr > td > div > input {

 padding-left:0;
 padding-top:0;
 padding-bottom:0;
 z-index:999;
 }

#id_Gaslieferung2019ForClientForm > #questionnaire > div > div:nth-child(n+27):nth-child(-n+34) > div:nth-child(3),
#id_Gaslieferung2019ForClientForm > #questionnaire > div > div:nth-child(n+45):nth-child(-n+51) > div:nth-child(3),
#id_Stromabgabe2019ForClientForm > #questionnaire > .panel-body > .row > div:nth-child(3) {
    border-left:2px solid red;
}

#id_Gaslieferung2019ForClientForm > #questionnaire > div > div:nth-child(n+27):nth-child(-n+34),
#id_Gaslieferung2019ForClientForm > #questionnaire > div > div:nth-child(n+45):nth-child(-n+51),
#id_Stromabgabe2019ForClientForm > #questionnaire > .panel-body > .row {
    padding:0px!important;
}


#questionnaire > div > div:nth-child(8) > div > table > thead > tr:nth-child(2) > th:nth-child(12) {
    border-right-width:1px;
}

#questionnaire > div > div.alert.alert-block.alert-danger {
    display:none!important;
}

#id_Gruengas2020ForClientForm .controls > .radio {
    float:none!important;
}