@font-face {
    font-family: 'libre_franklinregular';
    src: url('data/webfontkit/librefranklin-regular-webfont.woff2') format('woff2'),
    url('data/webfontkit/librefranklin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'open_sans';
    src: url('data/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'open_sans';
    src: url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot');
    src: url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'),
    url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'),
    url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf') format('truetype'),
    url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "open_sans";
    -webkit-text-size-adjust: auto;
    min-font-size: 1px;
}

.alert-success {
    color: #418a28;
    background-color: #ceeec4;
}

.alert-danger {
    color: #BD2424;
    background-color: #f3bfbf;
}

.alert-warning {
    color: #c28e0a;
    background-color: #fae09e;
}

.alert-info {
    color: #0C5A8A;
    background-color: #5bb7f1;
}

.success {
    color: #52AE32;
}

.danger {
    color: #BD2424;
}

.warning {
    color: #E8A80C;
}

.info {
    color: #0C5A8A;
}

.success-gridcell {
    background-color: #52AE32;
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.danger-gridcell {
    background-color: #BD2424;
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.warning-gridcell {
    background-color: #E8A80C;
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.info-gridcell {
    background-color: #0C5A8A;
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.purple-gridcell {
    background-color: #984ea3; /*#984ea3*/
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.nothing-gridcell {
    background-color: #777777;
    color: whitesmoke;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: alpha(opacity=30); /* IE 5-7 */
    -moz-opacity: 0.3; /* Netscape */
    -khtml-opacity: 0.3; /* Safari 1.x */
    opacity: 0.3; /* Good browsers */
}

.purple-gridcelltext {
    color: #984ea3; /*#E80C7A*/;
}

.danger-gridcelltext {
    color: #BD2424;
}

.warning-gridcelltext {
    color: #E8A80C;
}

.success-gridcelltext {
    color: #52AE32;
}

h1 {
    font-family: "libre_franklinregular";
    color: #666666;
}

h2 {
    font-family: "libre_franklinregular";
    color: #666666;
}

h3 {
    font-family: "libre_franklinregular";
    color: #666666;
}

h4 {
    font-family: "libre_franklinregular";
    color: #666666;
}

h5 {
    font-family: "libre_franklinregular";
    color: #666666;
}

.widget-layout {
    font-family: "libre_franklinregular";
    color: #666666;
}

.ftui-title-label {
    font-family: "libre_franklinregular";
}

.navbar-nav {
    font-family: "libre_franklinregular";
    color: #666666;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 2px;
}

.navbar {
    margin-bottom: 10px;
}


.kw-chp-list {
    content: url("data/symbols/svg/ListeBHKW-01.svg");
    width: 100%;
    height: 100%;
}

.kw-chp-list-green {
    content: url("data/symbols/green/01-Liste-aller-BHKW.svg");
    width: 100%;
    height: 100%;
}

.kw-status {
    content: url("data/symbols/svg/Liste_Status-01.svg");
    width: 100%;
    height: 100%;
}

.kw-status-green {
    content: url("data/symbols/green/10-Liste-Status.svg");
    width: 100%;
    height: 100%;
}

.kw-overview {
    content: url("data/symbols/svg/Messwerte-01.svg");
    width: 100%;
    height: 100%;
}

.kw-overview-green {
    content: url("data/symbols/green/03-Messwerte.svg");
    width: 100%;
    height: 100%;
}

.kw-evaluation {
    content: url("data/symbols/svg/Laufzeiten-Trend-01.svg");
    width: 100%;
    height: 100%;
}

.kw-evaluation-green {
    content: url("data/symbols/green/04-Laufzeiten-Trend.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-times {
    content: url("data/symbols/svg/Zaehler-Zeiten-01.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-times-green {
    content: url("data/symbols/green/05-Zaehler-Zeiten.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-power {
    content: url("data/symbols/svg/Zaehler-Leistungen-01.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-power-green {
    content: url("data/symbols/green/06-Zaehler-Leistungen.svg");
    width: 100%;
    height: 100%;
}

.kw-fault-list {
    content: url("data/symbols/svg/Logbuch-Alarme-01.svg");
    width: 100%;
    height: 100%;
}

.kw-fault-list-green {
    content: url("data/symbols/green/07-Logbuch-Alarme.svg");
    width: 100%;
    height: 100%;
}

.kw-network-list {
    content: url("data/symbols/svg/Info-Standort-01.svg");
    width: 100%;
    height: 100%;
}

.kw-network-list-green {
    content: url("data/symbols/green/08-Info-Standorte.svg");
    width: 100%;
    height: 100%;
}

.kw-dashboard-overview {
    content: url("data/symbols/svg/Uebersicht-01.svg");
    width: 100%;
    height: 100%;
}

.kw-dashboard-overview-green {
    content: url("data/symbols/green/09-Dashboard-Uebersicht.svg");
    width: 100%;
    height: 100%;
}

.kw-status-list {
    content: url("data/symbols/svg/Liste_Status-01.svg");
    width: 100%;
    height: 100%;
}

.kw-status-list-green {
    content: url("data/symbols/green/10-Liste-Status.svg");
    width: 100%;
    height: 100%;
}

.kw-service-list {
    content: url("data/symbols/svg/Liste_Service-01.svg");
    width: 100%;
    height: 100%;
}

.kw-service-list-green {
    content: url("data/symbols/green/11-Liste-Service.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-list {
    content: url("data/symbols/svg/Liste_Zaehler-01.svg");
    width: 100%;
    height: 100%;
}

.kw-meter-list-green {
    content: url("data/symbols/green/12-Liste-Zaehler.svg");
    width: 100%;
    height: 100%;
}

.kw-alarm-list {
    content: url("data/symbols/svg/Liste_Alarme-01.svg");
    width: 100%;
    height: 100%;
}

.kw-alarm-list-green {
    content: url("data/symbols/green/13-Liste-Alarme.svg");
    width: 100%;
    height: 100%;
}

.kw-information-list {
    content: url("data/symbols/svg/Liste_Infos-01.svg");
    width: 100%;
    height: 100%;
}

.kw-information-list-green {
    content: url("data/symbols/green/14-Liste-Informationen.svg");
    width: 100%;
    height: 100%;
}

.kw-synchronisation-list {
    content: url("data/symbols/svg/Liste_Synchronisation-01.svg");
    width: 100%;
    height: 100%;
}

.kw-synchronisation-list-green {
    content: url("data/symbols/green/15-Liste-Synchronisation.svg");
    width: 100%;
    height: 100%;
}

.kw-pending-changes-list {
    content: url("data/symbols/svg/Liste_Aenderungen-01.svg");
    width: 100%;
    height: 100%;
}

.no-padding {
    padding: 0;
}

.paddingModalFullscreen {
    padding-top: 38px;
}

.heightModalContentFullscreen {
    height: calc(100% - 35px);
}

.marginTopMediaQuery {

}

@media (max-width: 1024px) {
    .paddingModalFullscreen {
        padding-top: 68px;
    }

    .heightModalContentFullscreen {
        height: calc(100% - 35px);
    }

    .marginTopMediaQuery {
        margin-top: 30px;
    }
}

.heightModalContentFullscreenFooter {
    height: 35px;
}


.modal-body-fullscreen {
    padding: 0;
    width: 100%;
    bottom: 0;
}

.modal-content-fullscreen {
    padding: 0;
}


.color-white {
    color: white;
}

.grid-table tbody tr.selected {
    background-color: rgba(82, 174, 50, 0.5);
}

button.left-action {
    float: left;
    margin-right: 8px
}

.ftui-titlebar {
    cursor: auto;
}

.trash {
    height: 150px;
    margin-bottom: 20px;
    background: rgba(255, 0, 0, 0.1) center center url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQzOC41MjkgNDM4LjUyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUyOSA0MzguNTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQxNy42ODksNzUuNjU0Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2OC02LjU2My0yLjU2OGgtODguMjI0TDMwMi45MTcsMjUuNDFjLTIuODU0LTcuMDQ0LTcuOTk0LTEzLjA0LTE1LjQxMy0xNy45ODkgICAgQzI4MC4wNzgsMi40NzMsMjcyLjU1NiwwLDI2NC45NDUsMGgtOTEuMzYzYy03LjYxMSwwLTE1LjEzMSwyLjQ3My0yMi41NTQsNy40MjFjLTcuNDI0LDQuOTQ5LTEyLjU2MywxMC45NDQtMTUuNDE5LDE3Ljk4OSAgICBsLTE5Ljk4NSw0Ny42NzZoLTg4LjIyYy0yLjY2NywwLTQuODUzLDAuODU5LTYuNTY3LDIuNTY4Yy0xLjcwOSwxLjcxMy0yLjU2OCwzLjkwMy0yLjU2OCw2LjU2N3YxOC4yNzQgICAgYzAsMi42NjQsMC44NTUsNC44NTQsMi41NjgsNi41NjRjMS43MTQsMS43MTIsMy45MDQsMi41NjgsNi41NjcsMi41NjhoMjcuNDA2djI3MS44YzAsMTUuODAzLDQuNDczLDI5LjI2NiwxMy40MTgsNDAuMzk4ICAgIGM4Ljk0NywxMS4xMzksMTkuNzAxLDE2LjcwMywzMi4yNjQsMTYuNzAzaDIzNy41NDJjMTIuNTY2LDAsMjMuMzE5LTUuNzU2LDMyLjI2NS0xNy4yNjhjOC45NDUtMTEuNTIsMTMuNDE1LTI1LjE3NCwxMy40MTUtNDAuOTcxICAgIFYxMDkuNjI3aDI3LjQxMWMyLjY2MiwwLDQuODUzLTAuODU2LDYuNTYzLTIuNTY4YzEuNzA4LTEuNzA5LDIuNTctMy45LDIuNTctNi41NjRWODIuMjIxICAgIEM0MjAuMjYsNzkuNTU3LDQxOS4zOTcsNzcuMzY3LDQxNy42ODksNzUuNjU0eiBNMTY5LjMwMSwzOS42NzhjMS4zMzEtMS43MTIsMi45NS0yLjc2Miw0Ljg1My0zLjE0aDkwLjUwNCAgICBjMS45MDMsMC4zODEsMy41MjUsMS40Myw0Ljg1NCwzLjE0bDEzLjcwOSwzMy40MDRIMTU1LjMxMUwxNjkuMzAxLDM5LjY3OHogTTM0Ny4xNzMsMzgwLjI5MWMwLDQuMTg2LTAuNjY0LDguMDQyLTEuOTk5LDExLjU2MSAgICBjLTEuMzM0LDMuNTE4LTIuNzE3LDYuMDg4LTQuMTQxLDcuNzA2Yy0xLjQzMSwxLjYyMi0yLjQyMywyLjQyNy0yLjk5OCwyLjQyN0gxMDAuNDkzYy0wLjU3MSwwLTEuNTY1LTAuODA1LTIuOTk2LTIuNDI3ICAgIGMtMS40MjktMS42MTgtMi44MS00LjE4OC00LjE0My03LjcwNmMtMS4zMzEtMy41MTktMS45OTctNy4zNzktMS45OTctMTEuNTYxVjEwOS42MjdoMjU1LjgxNVYzODAuMjkxeiIgZmlsbD0iI2ZmOWNhZSIvPgoJCTxwYXRoIGQ9Ik0xMzcuMDQsMzQ3LjE3MmgxOC4yNzFjMi42NjcsMCw0Ljg1OC0wLjg1NSw2LjU2Ny0yLjU2N2MxLjcwOS0xLjcxOCwyLjU2OC0zLjkwMSwyLjU2OC02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTktNC44NTMtMi41NjgtNi41NjdjLTEuNzE0LTEuNzA5LTMuODk5LTIuNTY1LTYuNTY3LTIuNTY1SDEzNy4wNGMtMi42NjcsMC00Ljg1NCwwLjg1NS02LjU2NywyLjU2NSAgICBjLTEuNzExLDEuNzE0LTIuNTY4LDMuOTA0LTIuNTY4LDYuNTY3djE2NC40NTRjMCwyLjY2OSwwLjg1NCw0Ljg1MywyLjU2OCw2LjU3QzEzMi4xODYsMzQ2LjMxNiwxMzQuMzczLDM0Ny4xNzIsMTM3LjA0LDM0Ny4xNzJ6IiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTIxMC4xMjksMzQ3LjE3MmgxOC4yNzFjMi42NjYsMCw0Ljg1Ni0wLjg1NSw2LjU2NC0yLjU2N2MxLjcxOC0xLjcxOCwyLjU2OS0zLjkwMSwyLjU2OS02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTItNC44NTMtMi41NjktNi41NjdjLTEuNzA4LTEuNzA5LTMuODk4LTIuNTY1LTYuNTY0LTIuNTY1aC0xOC4yNzFjLTIuNjY0LDAtNC44NTQsMC44NTUtNi41NjcsMi41NjUgICAgYy0xLjcxNCwxLjcxNC0yLjU2OCwzLjkwNC0yLjU2OCw2LjU2N3YxNjQuNDU0YzAsMi42NjksMC44NTQsNC44NTMsMi41NjgsNi41N0MyMDUuMjc0LDM0Ni4zMTYsMjA3LjQ2NSwzNDcuMTcyLDIxMC4xMjksMzQ3LjE3MnogICAgIiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTI4My4yMiwzNDcuMTcyaDE4LjI2OGMyLjY2OSwwLDQuODU5LTAuODU1LDYuNTctMi41NjdjMS43MTEtMS43MTgsMi41NjItMy45MDEsMi41NjItNi41N1YxNzMuNTgxICAgIGMwLTIuNjYzLTAuODUyLTQuODUzLTIuNTYyLTYuNTY3Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2NS02LjU3LTIuNTY1SDI4My4yMmMtMi42NywwLTQuODUzLDAuODU1LTYuNTcxLDIuNTY1ICAgIGMtMS43MTEsMS43MTQtMi41NjYsMy45MDQtMi41NjYsNi41Njd2MTY0LjQ1NGMwLDIuNjY5LDAuODU1LDQuODUzLDIuNTY2LDYuNTdDMjc4LjM2NywzNDYuMzE2LDI4MC41NSwzNDcuMTcyLDI4My4yMiwzNDcuMTcyeiIgZmlsbD0iI2ZmOWNhZSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
    border-radius: 10px;
}

/*TODO: Fao: no idea why the elements regarding this class have position: relative; conflict with new FTUI-Widget-Draggable */
.grid-with-bottom-buttons {
    position: inherit !important;
}

/*TODO: Fao: no idea why the elements regarding this class have position: relative; conflict with new FTUI-Widget-Draggable */
.grid-with-bottom-buttons .ftui-grid-container {
    position: inherit !important;
}

.widget-container-one-column {
    position: absolute;
    width: calc(100% - 100px);
    top: 55px;
    left: 65px;
}

.widget-container-columns {
    top: 50px;
    left: 50px;
    width: calc(100% - 50px);
    height: calc(100% - 50px) !important;
}

.widget-container-one-column .ftui-widget {
    padding-bottom: 40px;
}

.ftui-titlebar-disabled {
    background: repeating-linear-gradient(135deg, #52ae32, #52ae32 10px, #424242 10px, #424242 20px);
}

#EventsGaugeAvgPower1 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvgPower2 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvgPower3 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvgPower4 > svg > text:first-of-type > tspan {
    font-size: 13px;
}


#EventsGaugeAvailability1 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvailability2 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvailability3 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeAvailability4 > svg > text:first-of-type > tspan {
    font-size: 13px;
}


#EventsGaugeLoad1 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeLoad2 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeLoad3 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeLoad4 > svg > text:first-of-type > tspan {
    font-size: 13px;
}


#EventsGaugeFullLoadHours1 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeFullLoadHours2 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeFullLoadHours3 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

#EventsGaugeFullLoadHours4 > svg > text:first-of-type > tspan {
    font-size: 13px;
}

.leaflet-popup-content {
    margin: 0;
}

.leaflet-popup-content-wrapper {
    border-radius: 10px;
}

.no-outline:focus {
    outline: none !important;
}

#noVNC_canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}