/*
	Document   : style
	Created on : 13-Nov-2015, 07:05:51
	Author     : robbie
	Description:
	Purpose of the stylesheet follows.
*/
/*
	TODO customize this sample style
	Syntax recommendation http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
*/
@font-face {
  font-family: "GloberBook";
  src: url("../font/2D9033_1_0.eot");
  src: url("../font/2D9033_1_0.eot?#iefix") format("embedded-opentype"), url("../font/2D9033_1_0.woff2") format("woff2"), url("../font/2D9033_1_0.woff") format("woff"), url("../font/2D9033_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "GloberBold";
  src: url("../font/2D9033_2_0.eot");
  src: url("../font/2D9033_2_0.eot?#iefix") format("embedded-opentype"), url("../font/2D9033_2_0.woff2") format("woff2"), url("../font/2D9033_2_0.woff") format("woff"), url("../font/2D9033_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "GloberRegular";
  src: url("../font/2D9033_9_0.eot");
  src: url("../font/2D9033_9_0.eot?#iefix") format("embedded-opentype"), url("../font/2D9033_9_0.woff2") format("woff2"), url("../font/2D9033_9_0.woff") format("woff"), url("../font/2D9033_9_0.ttf") format("truetype");
}
@font-face {
  font-family: "GloberLight";
  src: url("../font/2D9033_8_0.eot");
  src: url("../font/2D9033_8_0.eot?#iefix") format("embedded-opentype"), url("../font/2D9033_8_0.woff2") format("woff2"), url("../font/2D9033_8_0.woff") format("woff"), url("../font/2D9033_8_0.ttf") format("truetype");
}
@font-face {
  font-family: "e360g_icons";
  src: url("../font/e360g_icons.eot?mtprqs");
  src: url("../font/e360g_icons.eot?mtprqs#iefix") format("embedded-opentype"), url("../font/e360g_icons.ttf?mtprqs") format("truetype"), url("../font/e360g_icons.woff?mtprqs") format("woff"), url("../font/e360g_icons.svg?mtprqs#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "e360g_icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.25em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.icon-e360-kundenportal:before {
  content: "\e900";
}

i.icon-e360-lastprofil:before {
  content: "\e901";
}

i.icon-e360-preisindex:before {
  content: "\e902";
}

i.icon-e360-projekte:before {
  content: "\e903";
}

i.icon-e360-share:before {
  content: "\e904";
}

i.icon-e360-stats:before {
  content: "\e905";
}

i.icon-e360-user:before {
  content: "\e906";
}

i.icon-e360-energiemanagement:before {
  content: "\e907";
}

i.icon-e360-erdgas:before {
  content: "\e908";
}

i.icon-e360g-produktepreise:before {
  content: "\e909";
}

i.icon-e360-prozessenergie:before {
  content: "\e90a";
}

i.icon-e360-elektrizitaet:before {
  content: "\e90b";
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16-Mar-2017, 21:11:48
    Author     : falty
*/
/*
 * Created: 2022-10-11
 * Author: Bernd Wendt, onca Development
 *
 * Set custom colours
 *
 * This file must be included by SITE scss
 */
h1 {
  color: #50235a;
}

h2 {
  color: #50af2d;
}

input:focus, textarea:focus, select:focus {
  outline: 1px solid #0096dc;
}

#header {
  background-color: #fff;
}

#quickmenu nav a:hover {
  background-color: #eee;
}
#quickmenu nav a.button {
  background-color: #50af2d;
  color: white;
}
#quickmenu nav a.button:hover {
  background-color: #59c332;
}

#menu nav.oncaTabMenu a.active {
  background: #50af2d;
}

#menu nav.oncaTabMenu a:hover,
#menu nav.oncaTabMenu a.active {
  border-top-color: #50af2d;
}

#footer {
  background-color: #e7ebec;
  color: #50af2d;
}

button,
a.button,
input[type=submit],
button.solid,
a.button.solid,
input[type=submit].solid {
  color: white;
  border-bottom: none;
  border-radius: 2px;
  transition: background-color 0.3s;
  background-color: #0096dc;
}
button:hover,
a.button:hover,
input[type=submit]:hover,
button.solid:hover,
a.button.solid:hover,
input[type=submit].solid:hover {
  background-color: #00a7f6;
}
button.cancel,
a.button.cancel,
input[type=submit].cancel,
button.solid.cancel,
a.button.solid.cancel,
input[type=submit].solid.cancel {
  color: #333333;
  background-color: #9E9E9E;
  border-bottom: none;
}
button.cancel:hover,
a.button.cancel:hover,
input[type=submit].cancel:hover,
button.solid.cancel:hover,
a.button.solid.cancel:hover,
input[type=submit].solid.cancel:hover {
  color: #333333;
  background-color: #919191;
}
button.new, button.next, button.positive,
a.button.new,
a.button.next,
a.button.positive,
input[type=submit].new,
input[type=submit].next,
input[type=submit].positive,
button.solid.new,
button.solid.next,
button.solid.positive,
a.button.solid.new,
a.button.solid.next,
a.button.solid.positive,
input[type=submit].solid.new,
input[type=submit].solid.next,
input[type=submit].solid.positive {
  color: white;
  background-color: #50af2d;
}
button.new:hover, button.next:hover, button.positive:hover,
a.button.new:hover,
a.button.next:hover,
a.button.positive:hover,
input[type=submit].new:hover,
input[type=submit].next:hover,
input[type=submit].positive:hover,
button.solid.new:hover,
button.solid.next:hover,
button.solid.positive:hover,
a.button.solid.new:hover,
a.button.solid.next:hover,
a.button.solid.positive:hover,
input[type=submit].solid.new:hover,
input[type=submit].solid.next:hover,
input[type=submit].solid.positive:hover {
  background-color: #59c332;
}
button.primary,
a.button.primary,
input[type=submit].primary,
button.solid.primary,
a.button.solid.primary,
input[type=submit].solid.primary {
  color: white;
  background-color: #50af2d;
}
button.primary:hover,
a.button.primary:hover,
input[type=submit].primary:hover,
button.solid.primary:hover,
a.button.solid.primary:hover,
input[type=submit].solid.primary:hover {
  background-color: #479b28;
}

button.light,
button.semi-light,
a.button.light,
a.button.semi-light,
input[type=submit].light,
input[type=submit].semi-light {
  color: #0096dc;
  background: none;
}
button.light:not(.nohover):hover,
button.semi-light:not(.nohover):hover,
a.button.light:not(.nohover):hover,
a.button.semi-light:not(.nohover):hover,
input[type=submit].light:not(.nohover):hover,
input[type=submit].semi-light:not(.nohover):hover {
  color: white;
  background-color: #0096dc;
}
button.light.cancel,
button.semi-light.cancel,
a.button.light.cancel,
a.button.semi-light.cancel,
input[type=submit].light.cancel,
input[type=submit].semi-light.cancel {
  color: #9E9E9E;
}
button.light.cancel:not(.nohover):hover,
button.semi-light.cancel:not(.nohover):hover,
a.button.light.cancel:not(.nohover):hover,
a.button.semi-light.cancel:not(.nohover):hover,
input[type=submit].light.cancel:not(.nohover):hover,
input[type=submit].semi-light.cancel:not(.nohover):hover {
  color: white;
  background-color: #9E9E9E;
}
button.light.new, button.light.positive,
button.semi-light.new,
button.semi-light.positive,
a.button.light.new,
a.button.light.positive,
a.button.semi-light.new,
a.button.semi-light.positive,
input[type=submit].light.new,
input[type=submit].light.positive,
input[type=submit].semi-light.new,
input[type=submit].semi-light.positive {
  color: #50af2d;
}
button.light.new:not(.nohover):hover, button.light.positive:not(.nohover):hover,
button.semi-light.new:not(.nohover):hover,
button.semi-light.positive:not(.nohover):hover,
a.button.light.new:not(.nohover):hover,
a.button.light.positive:not(.nohover):hover,
a.button.semi-light.new:not(.nohover):hover,
a.button.semi-light.positive:not(.nohover):hover,
input[type=submit].light.new:not(.nohover):hover,
input[type=submit].light.positive:not(.nohover):hover,
input[type=submit].semi-light.new:not(.nohover):hover,
input[type=submit].semi-light.positive:not(.nohover):hover {
  color: white;
  background-color: #50af2d;
}
button.light:disabled,
button.semi-light:disabled,
a.button.light:disabled,
a.button.semi-light:disabled,
input[type=submit].light:disabled,
input[type=submit].semi-light:disabled {
  color: #bbbbbb;
}
button.light:disabled:not(.nohover):hover,
button.semi-light:disabled:not(.nohover):hover,
a.button.light:disabled:not(.nohover):hover,
a.button.semi-light:disabled:not(.nohover):hover,
input[type=submit].light:disabled:not(.nohover):hover,
input[type=submit].semi-light:disabled:not(.nohover):hover {
  color: #bbbbbb;
  background: none;
}

button.semi-light,
a.button.semi-light,
input[type=submit].semi-light {
  border: 1px solid #0096dc;
}

.tools-header {
  font-family: "GloberRegular", sans-serif;
  font-weight: 400;
  color: #fff;
  background: #50af2d;
  border-bottom-color: #0096dc;
}

.tools-menu a:hover {
  border-bottom: 2px solid #50af2d;
}
.tools-menu a.active {
  color: white;
  background: #50af2d;
  border-bottom-color: #50af2d;
}

#page.tools-content a.tools-description:hover {
  border-color: #50af2d;
}
#page.tools-content a.tools-description h2 {
  color: #50af2d;
  font-weight: 400;
}
#page.tools-content a.tools-description button {
  background: #50af2d;
}

#page.tools-content h2 {
  color: #50af2d;
}
#page.tools-content h3 {
  border-bottom-color: #50af2d;
}
#page.tools-content .tools-note {
  border-left-color: #50af2d;
}
#page.tools-content table.period-tabs td.tab.active {
  color: white;
  background: #0096dc;
}

/**
 *
 * Installation specific colours for Module Market
 *
 */
.tools-header.tools-portfoliomarket.tools-portfoliomarket-gas {
  border-bottom-color: #50af2d;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-strom {
  border-bottom-color: #50af2d;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-gas #submenu .commodity.gas {
  background: #50af2d;
}
.tools-header.tools-portfoliomarket.tools-portfoliomarket-strom #submenu .commodity.strom {
  background: #50af2d;
}

/**
 * Custom styles for Module Tranches
 *
 * Created: 2020-05-07
 * Author: Bernd Wendt
 */
#page.tools-tranches-edit table.tranches-tabs td.tab.active {
  color: white;
  background: #0096dc;
}
#page.tools-tranches-edit #fixation thead,
#page.tools-tranches-edit #popup-timer thead {
  background: #9E9E9E;
}

/**
 *
 * Custom styles for Tool Manager
 *
 */
#page.tools-content.tools-manager.tools-manager-portfolio-auswertung .user-choice-marktgebiet button,
#page.tools-content.tools-manager.tools-manager-portfolio-auswertung .user-choice-bilanzkreis button {
  background: #0096dc;
  color: white;
}

/**
 * Custom styles for tool Pricing
 *
 * @project     PWS Tools
 * @subproject  Module Pricing
 * @package     Pws\Tools\Pricing
 * @author      Bernd Wendt <wendt@portfoliowerkstadt.de>
 * @copyright   PortfolioWerkStadt GmbH
 * @license     Proprietary
 * @since       2022-04-04
 */
#page.tools-pricing-result #cards h3 {
  border-bottom-color: #0096dc;
}

/**
 *
 * Installation specific colours for Module Files
 *
 */
#module-files-list button.positive, #module-files-list button.positive.solid,
.row-overlay button.positive,
.row-overlay button.positive.solid {
  background: #50af2d;
}
#module-files-list button.positive:hover, #module-files-list button.positive.solid:hover,
.row-overlay button.positive:hover,
.row-overlay button.positive.solid:hover {
  background: #59c332;
}
#module-files-list button.cancel,
.row-overlay button.cancel {
  background: #BDBDBD;
}
#module-files-list button.cancel:hover,
.row-overlay button.cancel:hover {
  background: #b0b0b0;
}
#module-files-list button.light,
.row-overlay button.light {
  color: #50af2d;
  background: transparent;
}
#module-files-list button.light:hover,
.row-overlay button.light:hover {
  color: white;
  background: #50af2d;
}
#module-files-list .ajax-folder-header,
.row-overlay .ajax-folder-header {
  background: #50af2d;
}
#module-files-list .ajax-folder-header button#folder-back,
.row-overlay .ajax-folder-header button#folder-back {
  background: #50af2d;
}
#module-files-list .ajax-folder-header button#folder-back:hover,
.row-overlay .ajax-folder-header button#folder-back:hover {
  background: #479b28;
}
#module-files-list #files-path span,
.row-overlay #files-path span {
  background: #f3f3f3;
}
#module-files-list #files-path span:hover,
.row-overlay #files-path span:hover {
  border-top: 2px solid #50af2d;
}
#module-files-list #files-header,
.row-overlay #files-header {
  background: #50af2d;
  color: white;
}
#module-files-list #files-header input,
.row-overlay #files-header input {
  color: #333;
  background: #f3f3f3;
}
#module-files-list #files-header input.nothing-found,
.row-overlay #files-header input.nothing-found {
  background: #EF9A9A;
}
#module-files-list #files-list-progress,
.row-overlay #files-list-progress {
  background: #f3f3f3;
}
#module-files-list #files-list-progress #files-list-progress-bar,
.row-overlay #files-list-progress #files-list-progress-bar {
  background: #50af2d;
}
#module-files-list #new-folder,
#module-files-list #files-upload,
.row-overlay #new-folder,
.row-overlay #files-upload {
  border-left: 2px solid #50af2d;
  border-right: 2px solid #50af2d;
  border-bottom: 2px solid #50af2d;
}
#module-files-list .ajax-folder-path span:hover,
.row-overlay .ajax-folder-path span:hover {
  border-top: 2px solid #50af2d;
}
#module-files-list #new-items,
.row-overlay #new-items {
  border: 2px solid #50af2d;
}

#page.tools-content.tools-files h1 {
  font-size: 1.8rem;
  display: inline-block;
}
#page.tools-content.tools-files h3 {
  border: none;
  font-size: 1.2rem;
}

div.ajax-list button.ajax-search {
  color: white;
}
div.ajax-list div.ajax-search-box {
  color: #333;
}
div.ajax-list div.ajax-search-box button {
  color: #CC7700;
}
div.ajax-list div.ajax-search-box button:not(:hover) {
  background: white;
}
div.ajax-list button.ajax-sort {
  color: white;
}
div.ajax-list table.list {
  border: none;
}
div.ajax-list table.list > thead th {
  background: #50af2d;
  color: white;
}
div.ajax-list table.list > tbody tr.action:hover {
  background: #50af2d;
  color: white;
}
div.ajax-list table.list > tbody td {
  border-bottom: 1px solid #e5e5e5;
}

#page.tools-content.tools-manager.tools-manager-portfolio-auswertung table#user-input td .user-choice-marktgebiet button,
#page.tools-content.tools-manager.tools-manager-portfolio-auswertung table#user-input td .user-choice-bilanzkreis button {
  background: none;
  border: none;
}
#page.tools-content.tools-manager.tools-manager-portfolio-auswertung table#user-input td .user-choice-marktgebiet button:hover,
#page.tools-content.tools-manager.tools-manager-portfolio-auswertung table#user-input td .user-choice-bilanzkreis button:hover {
  background: #0096dc;
}

#page.tools-manager.tools-manager-report table#user-input {
  margin-bottom: 2em;
}
#page.tools-manager.tools-manager-report table#user-input #user-choice-zeitraum input {
  text-align: center;
}
#page.tools-manager.tools-manager-report table#user-input td {
  padding-right: 2em;
  padding-bottom: 0.75em;
}
#page.tools-manager.tools-manager-report table#user-input td:first-child {
  font-weight: bold;
}
#page.tools-manager.tools-manager-report table#user-input td:last-child {
  width: auto;
}
#page.tools-manager.tools-manager-report div#price-datetime {
  display: none;
  margin-top: 1.5rem;
  font-weight: bold;
}

#page.tools-manager table#report-table {
  margin: 0 auto;
  background: white;
  font-size: 0.75rem;
  line-height: 1.375em;
}
#page.tools-manager table#report-table td, #page.tools-manager table#report-table th {
  padding: 0.25em 0.5em;
  vertical-align: top;
  max-width: 10em;
}
#page.tools-manager table#report-table td:first-child, #page.tools-manager table#report-table th:first-child {
  border-left: 1px solid #ddd;
  min-width: 16em;
}
#page.tools-manager table#report-table td:last-child, #page.tools-manager table#report-table th:last-child {
  border-right: 1px solid #ddd;
}
#page.tools-manager table#report-table th {
  background: #50af2d;
  color: white;
}
#page.tools-manager table#report-table tr.unit th {
  text-align: right;
  font-size: 0.625rem;
}
#page.tools-manager table#report-table tr:first-child th {
  border-top: 1px solid #ddd;
}
#page.tools-manager table#report-table tr:last-child td {
  border-bottom: 1px solid #ddd;
}
#page.tools-manager table#report-table td {
  text-align: right;
  border-left: 1px solid #ddd;
  background: #f5f5f5;
}
#page.tools-manager table#report-table td:first-child {
  text-align: left;
}
#page.tools-manager table#report-table td.work, #page.tools-manager table#report-table td.procurement, #page.tools-manager table#report-table td.change, #page.tools-manager table#report-table td.additional, #page.tools-manager table#report-table td.energy, #page.tools-manager table#report-table td.logistics, #page.tools-manager table#report-table td.management, #page.tools-manager table#report-table td.balancing, #page.tools-manager table#report-table th.work, #page.tools-manager table#report-table th.procurement, #page.tools-manager table#report-table th.change, #page.tools-manager table#report-table th.additional, #page.tools-manager table#report-table th.energy, #page.tools-manager table#report-table th.logistics, #page.tools-manager table#report-table th.management, #page.tools-manager table#report-table th.balancing {
  border-left: 1px solid #777;
}
#page.tools-manager table#report-table th.work ~ .work, #page.tools-manager table#report-table th.procurement ~ .procurement, #page.tools-manager table#report-table th.change ~ .change, #page.tools-manager table#report-table th.additional ~ .additional, #page.tools-manager table#report-table th.energy ~ .energy, #page.tools-manager table#report-table th.logistics ~ .logistics, #page.tools-manager table#report-table th.management ~ .management, #page.tools-manager table#report-table th.balancing ~ .balancing {
  border-left: none;
}
#page.tools-manager table#report-table td.work ~ .work, #page.tools-manager table#report-table td.procurement ~ .procurement, #page.tools-manager table#report-table td.change ~ .change, #page.tools-manager table#report-table td.additional ~ .additional, #page.tools-manager table#report-table td.energy ~ .energy, #page.tools-manager table#report-table td.logistics ~ .logistics, #page.tools-manager table#report-table td.management ~ .management, #page.tools-manager table#report-table td.balancing ~ .balancing {
  border-left: 1px solid #ddd;
}
#page.tools-manager table#report-table td.residual {
  background: #fffaeb;
}
#page.tools-manager table#report-table td.residual.total {
  background: #fff6d7;
}
#page.tools-manager table#report-table td.delivery {
  background: #eff1f9;
}
#page.tools-manager table#report-table td.delivery.total {
  background: #e1e3f3;
}
#page.tools-manager table#report-table td.third {
  background: #eff8f0;
}
#page.tools-manager table#report-table td.third.total {
  background: #e1f2e2;
}
#page.tools-manager table#report-table td.additional {
  background: #fbfcf0;
}
#page.tools-manager table#report-table td.additional.total {
  background: #f7fade;
}
#page.tools-manager table#report-table td.tranche {
  background: #ebf8fe;
}
#page.tools-manager table#report-table td.tranche.total {
  background: #d7f2fe;
}
#page.tools-manager table#report-table td.open {
  background: #f2f4f5;
}
#page.tools-manager table#report-table td.open.total {
  background: #e6eaed;
}
#page.tools-manager table#report-table tr.provisional {
  color: #BBB;
}
#page.tools-manager table#report-table tr.layer-0 {
  font-weight: bold;
}
#page.tools-manager table#report-table tr.layer-0 td {
  border-top: 1px solid #ddd;
}
#page.tools-manager table#report-table tr.layer-1 {
  font-weight: bold;
}
#page.tools-manager table#report-table tr.layer-1 td {
  border-top: 1px solid #ddd;
}
#page.tools-manager table#report-table tr.layer-2 td:first-child {
  padding-left: 3em;
}
#page.tools-manager table#report-table tr.layer-3 td:first-child {
  padding-left: 6em;
}
#page.tools-manager table#report-table tr.layer-3 td:first-child:before {
  content: "-";
  padding-right: 1em;
}
#page.tools-manager table#report-table button.extend {
  margin-left: 0.5em;
}
#page.tools-manager table#report-table button.colapse, #page.tools-manager table#report-table button.collapse {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

#page.tools-manager #report-chart {
  margin-top: 4rem;
  font-size: 0.75rem;
}

/**
 * E360G-specific styles for PRICING MODULE
 *
 * @project     PWS Tools
 * @subproject  Module Pricing
 * @package     PwsTools\Pricing
 * @author      Bernd Wendt <wendt@portfoliowerkstadt.de>
 * @copyright   2018 PortfolioWerkStadt GmbH
 * @license     Proprietary
 * @since       2018-03-17
 */
#page.tools-pricing-result table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1em;
}
#page.tools-pricing-result table td, #page.tools-pricing-result table th {
  border: 1px solid #ddd;
  padding: 0.2em 0.4em;
}
#page.tools-pricing-result table.result-details {
  margin-bottom: 2em;
}
#page.tools-pricing-result table.result-details th {
  background: #f3f3f3;
}
#page.tools-pricing-result table.result-details td:first-child {
  width: 24em;
  padding-left: 3em;
}
#page.tools-pricing-result table.result-details th:not(:first-child), #page.tools-pricing-result table.result-details td:not(:first-child) {
  width: 8em;
}
#page.tools-pricing-result table.result-details tr.header-product th,
#page.tools-pricing-result table.result-details tr.header-total th {
  background: #e6e6e6;
}
#page.tools-pricing-result table.result-details tr.header-unit {
  font-size: 0.875em;
}
#page.tools-pricing-result table.result-details tr.header-unit th {
  background: #e6e6e6;
}

#page.tools-content.tools-prica-gas table.prica-result-data-e360g.prica-pfc-info {
  margin-bottom: 2em;
}
#page.tools-content.tools-prica-gas table.prica-result-data-e360g td {
  padding: 0.2em 1em 0.2em 0;
}
#page.tools-content.tools-prica-gas table.prica-result-data-e360g td:first-child {
  min-width: 16em;
  font-weight: bold;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g {
  margin-bottom: 5rem;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g thead tr:nth-child(2) th {
  font-size: 0.75em;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g td, #page.tools-content.tools-prica-gas table.prica-result-prices-e360g th {
  padding: 0.2em 0.4em;
  min-width: 8em;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g td.right, #page.tools-content.tools-prica-gas table.prica-result-prices-e360g th.right {
  text-align: right;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g td.centre, #page.tools-content.tools-prica-gas table.prica-result-prices-e360g th.centre {
  text-align: center;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g td {
  padding-left: 4.4em;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g tr.total td {
  padding-left: 0.4em;
  font-weight: bold;
  background: #ddd;
}
#page.tools-content.tools-prica-gas table.prica-result-prices-e360g tr.sum td {
  padding-left: 2.4em;
  font-weight: bold;
  background: #eee;
}
#page.tools-content.tools-prica-gas table.prica-result-list {
  margin-bottom: 5rem;
}
#page.tools-content.tools-prica-gas table.prica-result-list td, #page.tools-content.tools-prica-gas table.prica-result-list th {
  padding: 0.2rem 0.4rem;
  border: 1px solid #ddd;
}
#page.tools-content.tools-prica-gas table.prica-result-list td:not(:first-child), #page.tools-content.tools-prica-gas table.prica-result-list th:not(:first-child) {
  padding-left: 1.4rem;
}
#page.tools-content.tools-prica-gas table.prica-result-list th {
  background: #eee;
}

#page.tools-content.tools-user {
  padding-bottom: 10rem;
}
#page.tools-content.tools-user .buttons {
  margin-top: 1rem;
}
#page.tools-content.tools-user table.contact {
  margin-top: 3em;
}
#page.tools-content.tools-user table.contact img {
  width: 16em;
  border-radius: 50%;
  margin-right: 3em;
}
#page.tools-content.tools-user table.contact .header {
  font-weight: bold;
  margin-bottom: 0.75em;
}
#page.tools-content.tools-user table.contact a {
  color: #50af2d;
}

#page.tools-content.login, #page.tools-content.tools-overview {
  padding-bottom: 10rem;
}

button,
a.button,
input[type=submit],
button.solid,
a.button.solid,
input[type=submit].solid {
  outline: none;
  text-decoration: none;
  cursor: pointer;
  font-family: "GloberBold";
  text-transform: uppercase;
  letter-spacing: 0.2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #0096dc;
  background-color: white;
  border: 1px solid #0096dc;
}
button:hover,
a.button:hover,
input[type=submit]:hover,
button.solid:hover,
a.button.solid:hover,
input[type=submit].solid:hover {
  color: white;
  background-color: #0096dc;
}
button.cancel,
a.button.cancel,
input[type=submit].cancel,
button.solid.cancel,
a.button.solid.cancel,
input[type=submit].solid.cancel {
  color: #9E9E9E;
  background-color: white;
  border: 1px solid #9E9E9E;
}
button.cancel:hover,
a.button.cancel:hover,
input[type=submit].cancel:hover,
button.solid.cancel:hover,
a.button.solid.cancel:hover,
input[type=submit].solid.cancel:hover {
  color: white;
  background-color: #9E9E9E;
}
button.new, button.next, button.positive,
a.button.new,
a.button.next,
a.button.positive,
input[type=submit].new,
input[type=submit].next,
input[type=submit].positive,
button.solid.new,
button.solid.next,
button.solid.positive,
a.button.solid.new,
a.button.solid.next,
a.button.solid.positive,
input[type=submit].solid.new,
input[type=submit].solid.next,
input[type=submit].solid.positive {
  color: #50af2d;
  background-color: white;
  border: 1px solid #50af2d;
}
button.new:hover, button.next:hover, button.positive:hover,
a.button.new:hover,
a.button.next:hover,
a.button.positive:hover,
input[type=submit].new:hover,
input[type=submit].next:hover,
input[type=submit].positive:hover,
button.solid.new:hover,
button.solid.next:hover,
button.solid.positive:hover,
a.button.solid.new:hover,
a.button.solid.next:hover,
a.button.solid.positive:hover,
input[type=submit].solid.new:hover,
input[type=submit].solid.next:hover,
input[type=submit].solid.positive:hover {
  color: white;
  background-color: #50af2d;
}
button.primary,
a.button.primary,
input[type=submit].primary,
button.solid.primary,
a.button.solid.primary,
input[type=submit].solid.primary {
  color: #50af2d;
  background-color: white;
  border: 1px solid #50af2d;
}
button.primary:hover,
a.button.primary:hover,
input[type=submit].primary:hover,
button.solid.primary:hover,
a.button.solid.primary:hover,
input[type=submit].solid.primary:hover {
  color: white;
  background-color: #50af2d;
}

button.light,
a.button.light,
input[type=submit].light {
  border: none;
}
button.light:not(:hover),
a.button.light:not(:hover),
input[type=submit].light:not(:hover) {
  background: none;
}

.pseudo-button.solid.green {
  color: white;
  background-color: #0096dc;
  border: none;
}
.pseudo-button.solid.green:hover {
  background-color: #0085c3;
}

#quickmenu nav a.button {
  background-color: white;
  color: #50235a;
  border: 1px solid #50235a;
}
#quickmenu nav a.button:hover {
  background-color: #50235a;
  color: white;
}

#quickmenu #language a.lang:hover {
  color: white;
  background-color: #50af2d;
}
#quickmenu #language a.lang.active {
  color: #50af2d;
}

.onca-dropdown-menu a.button {
  border-radius: 0;
}

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : 24.01.2023, 13:09:22
    Author     : Bernd Wendt
*/
#page.tools-content a.tools-description {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: left;
  color: #50af2d;
  font-family: "GloberRegular", "Arial", sans-serif;
  padding: 1em;
  margin-bottom: 2rem;
  min-height: 12em;
  border: 1px solid #50af2d;
  box-shadow: none;
}
#page.tools-content a.tools-description.tools-gas, #page.tools-content a.tools-description.tools-strom {
  min-height: 8em;
}
#page.tools-content a.tools-description.tools-gas h2, #page.tools-content a.tools-description.tools-strom h2 {
  font-size: 2rem;
}
#page.tools-content a.tools-description h2 {
  display: block;
  border-bottom: 1px solid #50af2d;
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
#page.tools-content a.tools-description button {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background: #0096dc;
  display: none;
}

/**
 * _footer.scss
 *
 * Site styles for footer
 *
 * Created: 2016-04-01
 * Author: Bernd Wendt, onca Development
 * 
 */
div#footer {
  background-image: url(/img/background_logo.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-top: 24rem;
  padding: 10rem 1rem 0 1rem;
  height: auto;
}
div#footer .row {
  background-color: rgba(244, 244, 244, 0.94);
  color: black;
  margin: 1rem -1rem 0 -1rem;
  padding: 2rem 2rem 1rem 2rem;
  font-size: 0.875rem;
  line-height: 1.6em;
}
div#footer .footer-top {
  padding-bottom: 1.5rem;
}
div#footer .footer-bottom {
  line-height: 1.4em;
}
div#footer a {
  color: inherit;
}

@media (max-width: 768px) {
  div#footer {
    padding: 10rem 0 0 0;
  }
  div#footer .row {
    margin: 1rem 0 0 0;
    padding: 2rem 0.5rem 1rem 0.5rem;
  }
}
html, body {
  font-family: "GloberRegular", "Arial", sans-serif;
}

h1 {
  font-family: "GloberLight", "Arial", sans-serif;
  color: black;
}

h2 {
  font-family: "GloberBook", "Arial", sans-serif;
  color: #0096dc;
}

button, a {
  font-family: "GloberBold", "Arial", sans-serif;
}

input:focus {
  outline: 1px solid #0096dc;
}

i.icon {
  padding-right: 0.125em;
}

#header table a#logo {
  padding: 1.5rem 1rem;
}
#header table a#logo img {
  width: 12rem;
}

#container {
  max-width: none;
  margin: 0;
  box-shadow: none;
}

.tools-header {
  border: none;
}

/*# sourceMappingURL=style.css.map */