:root{
    --piramida-app-width:700px;

	--piramida-padding-large:25px;
    --piramida-padding-medium:20px;
    --piramida-padding-normal:10px;
	--piramida-padding-small:5px;
	--piramida-padding-smalles:2px;
	
    --piramida-margin-largest:25px;
	--piramida-margin-large:15px;
    --piramida-margin-normal:10px;
	--piramida-margin-small:5px;
	--piramida-margin-smalles:2px;

	--piramida-border-radius:2px;
	
	--piramida-customTable-max-height:500px;
	
	--piramida-messageBox-max-width:90vw;
	--piramida-messageBox-max-height:90vh;
	--piramida-messageBox-grid-auto-title-row:40px;
	
	--piramida-chat-height:600px;
	--piramida-chat-input-row:80px;

	--piramida-grey-lighten-5:##fff;
	--piramida-grey-lighten-4:#f5f5f5;
	--piramida-grey-lighten-3:#eeeeee;
	--piramida-grey-lighten-2:#e0e0e0;
	--piramida-grey-lighten-1:#bdbdbd;
	--piramida-grey:#9e9e9e;
    --piramida-grey-darken-1:#757575;
    --piramida-grey-darken-4:#212121;

    --piramida-light-blue-darken-3: #0277bd;
    --piramida-light-blue-darken-1: #039be5 ;
    --piramida-white: white;
    --piramida-black: black;

    --piramida-box-shadow-small:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    --piramida-box-shadow-normal:0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    
    --piramida-transition-normal: all .2s ease-out;

    --piramida-messageBox-min-width:30vw;

    --piramida-checkbox-size:15px;
}

html{
    background-color:#fafafa ;
}

.piramida_app *{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
    max-width: var(--piramida-app-width);
    -webkit-transition:var(--piramida-transition-normal);
    -o-transition:var(--piramida-transition-normal);
    transition:var(--piramida-transition-normal);
}


.piramida_selectPath{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
    -webkit-padding-start:0;
            padding-inline-start:0;
    background-color: var(--piramida-grey-lighten-3);
    color: var(--piramida-grey-darken-1);
    padding:var(--piramida-padding-normal);
    border-radius:var(--piramida-border-radius);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top:var(--piramida-margin-large);
    margin-bottom:var(--piramida-margin-large);
}

.piramida_selectPath li{
    list-style: none;
    
}

.piramida_selectPath li::after{
    content: ' / ';
    margin-left:var(--piramida-margin-small);
    margin-right:var(--piramida-margin-small);
}

.piramida_selectPath li:last-of-type::after{
    content: '';
}

.piramida_tabLebleGroup{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom:var(--piramida-margin-large);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.piramida_tabLebleGroup:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_tabLable{
    outline: 0;
    border:0;
    color: var(--piramida-black);
    padding:var(--piramida-padding-small);
    border-radius:0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    min-width:-webkit-max-content;
    min-width:-moz-max-content;
    min-width:max-content;
    border-left: 2px solid var(--piramida-grey-lighten-1);
}

.piramida_tabLable:hover{
    color: var(--piramida-light-blue-darken-1);
    border-left-color: var(--piramida-light-blue-darken-1);
}

.piramida_tabLableSelect{
    color: var(--piramida-light-blue-darken-3);
    border-left-color: var(--piramida-light-blue-darken-3);
    border-left-width: 4px;
}

.piramida_tabLableSelect:first-child{
    border-left-color: var(--piramida-light-blue-darken-3);
}

.piramida_hiden{
    display: none;
}

.piramida_customTable{
    width: 100%;
    max-height: var(--piramida-customTable-max-height);
    overflow-y: auto;
}

.piramida_customTable:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_customTable th{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--piramida-white);
    padding:var(--piramida-padding-small);
}

.piramida_customTable table{
    width: 100%;
    border-collapse: collapse;
}

.piramida_customTable tr{
    border-bottom:1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTable tr:last-child{
    border-bottom:0;
}

.piramida_customTable td{
    border:1px solid var(--piramida-grey-lighten-2);
    padding:var(--piramida-padding-small);
}

.piramida_customTable tr:nth-child(2n){
    background-color: var(--piramida-grey-lighten-4);
}

.piramida_customTable tr:hover{
    background-color: var(--piramida-grey-lighten-3);
}

.piramida_customTable .piramida_titleRow{
    background-color: var(--piramida-grey-lighten-2);
}

.piramida_customTable th{
    background-color: var(--piramida-grey-lighten-3);
    padding:var(--piramida-padding-small);
    border-right: 1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTable th:last-child(){
    border-right:0px;
}

.piramida_customTable th button{
    width: 100%;
    padding:var(--piramida-padding-small);
    cursor: pointer;
    text-align: start;
    border: 0;
    background-color: transparent;
    font-weight: bold;
    font-size: 0.9rem;
}


.piramida_marginLeftAuto{
    margin-left: auto;
}

.piramida_marginRightAuto{
    margin-right: auto;
}

.piramida_flexRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.piramida_inputParams{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--piramida-grey-lighten-3);
    padding: var(--piramida-padding-normal);
    padding-bottom: var(--piramida-padding-medium);
}

.piramida_inputParamsRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.piramida_inputParamsRow *{
    border: 0;
    margin: 0;
    background-color: transparent;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.piramida_inputParamsRow:last-of-type{
    margin-bottom: var(--piramida-margin-larged);
}

.piramida_inputParamsGroup{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;

    margin: var(--piramida-margin-small) 0;
}

.piramida_inputParamsGroup .piramida_line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.piramida_inputParamsGroup .piramida_line span{
    margin: 0 var(--piramida-margin-small);
}

.piramida_inputParamsRow select, 
.piramida_inputParamsRow input, 
.piramida_inputParamsRow button{
    padding: var(--piramida-padding-small);
}

.piramida_inputParamsGroup input[type=date]:focus-visible{
    border: 0;
    outline: 0;
}

.piramida_inputParamsGroup select:not(:first-child), 
.piramida_inputParamsGroup input:not(:first-child), 
.piramida_inputParamsGroup button:not(:first-child){
    margin-left: var(--piramida-margin-normal);
}

.piramida_inputParamsRow select, 
.piramida_inputParamsRow input[type='button']{
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: var(--piramida-white);
    background-color: var(--piramida-light-blue-darken-3);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
}

.piramida_inputParamsRow input[type='button']:hover, 
.piramida_inputParamsRow select:hover, 
.piramida_inputParamsRow button:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_home{
    margin: 0 var(--piramida-margin-large);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
    background-color: var(--piramida-white);
}

.piramida_homeopen{
    margin: var(--piramida-margin-large) 0;
}

.piramida_home:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_home:first-child{
    margin-top:var(--piramida-margin-normal);
}

.piramida_homeContent{
    padding:var(--piramida-padding-normal);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
    border-top: 0;
}

.piramida_homeLabel{
    padding:var(--piramida-padding-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    background-color: var(--piramida-grey-lighten-5);
    color: var(--piramida-light-blue-darken-3);
    border: 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.piramida_homeLabel:hover{
    cursor: pointer;
}

.piramida_homeLabelImg{
    margin-right:var(--piramida-margin-normal);
}

.piramida_clockwise{
    padding: 0;
}

.piramida_instrumentReadings .piramida_selectPath{
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--piramida-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.piramida_refreshButton{
    display: block;
    border: 0;
    color: var(--piramida-white);
    background-color: var(--piramida-light-blue-darken-3);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
}

.piramida_refreshButton:hover{
    cursor: pointer;
    border-color:black;
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_meterpointReadingImgGroup{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.piramida_meterpointReadingImg{
    width: 30%;
    margin:var(--piramida-margin-small);
    position: relative;
    border-radius:var(--piramida-border-radius);
    border:1px solid var(--piramida-black);
    overflow: hidden;
}

.piramida_meterpointReadingImg img{
    width: 100%;
}

.piramida_meterpointReadingDelete{
    position: absolute;
    top: 0;
    right: 0;
    padding:var(--piramida-padding-small);
    background-color: transparent;
    border:0;
}

.piramida_meterpointReadingDelete:hover{
    cursor: pointer;
    background-color: rgba(117, 117, 117, 0.493);
}

.piramida_messageBacground{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(182, 182, 182, 0.623);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.piramida_messageBox{
    margin: auto;
    min-width: var(--piramida-messageBox-min-width);
    background-color: var(--piramida-white);
    border-radius:var(--piramida-border-radius);
    overflow: hidden;
    max-width: var(--piramida-messageBox-max-width);
    max-height: var(--piramida-messageBox-max-height);
    display: -ms-grid;
    display: grid;
    grid-auto-rows: var(--piramida-messageBox-grid-auto-title-row) 1fr;
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
    z-index: 5;
}

.piramida_messageBox .piramida_title{
    padding:var(--piramida-padding-normal);
    background-color:var(--piramida-light-blue-darken-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.piramida_messageBox .piramida_title * {
    color: var(--piramida-white);
}

.piramida_messageBox .piramida_title button{
    border: 0;
    background-color: transparent;
}

.piramida_messageBox .piramida_title button:hover{
    cursor: pointer;
}

.piramida_messageBox .piramida_content{
    padding: var(--piramida-padding-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.piramida_messageBoxImgFullScrean{
    max-width: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}

.piramida_chat{
    width: 100%;
    height: var(--piramida-chat-height);
    display: -ms-grid;
    display: grid;
    grid-auto-rows: 1fr var(--piramida-chat-input-row);
    padding: var(--piramida-padding-normal);
    background-color: var(--piramida-white);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
}

.piramida_messageContaner{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow-y: scroll;
    background-color: var(--piramida-white);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
}

.piramida_chat .piramida_messageContaner:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_chat:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_chat .piramida_inputContaner textarea{
    margin: var(--piramida-margin-small);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
    padding: var(--piramida-padding-normal);
    width: 100%;
    border:0;
    resize: none;
    outline: 0;
}

.piramida_chat .piramida_inputContaner textarea:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_inputContaner{
    margin-top:var(--piramida-margin-normal);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.piramida_messageR{
    margin:var(--piramida-margin-normal) 0;
    text-align: right;
    padding:var(--piramida-padding-normal);
}

.piramida_messageL{
    margin:var(--piramida-margin-normal) 0;
    text-align: left;
    padding:var(--piramida-padding-normal);
}

.piramida_messageR:hover,
.piramida_messageL:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_attribute{
    padding:var(--piramida-padding-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.piramida_attribute .piramida_title{
    padding: 0;
    margin: 0;
}

.piramida_attribute input{
    padding:var(--piramida-padding-small);
}

.piramida_report{
    margin: 0 var(--piramida-margin-large);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
    background-color: var(--piramida-white);
}

.piramida_reportOpen{
    margin: var(--piramida-margin-large) 0;
}

.piramida_reportTitle{
    padding:var(--piramida-padding-normal);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    background-color: var(--piramida-grey-lighten-5);
    color: var(--piramida-light-blue-darken-3);
    border: 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin: 0;
}

.piramida_reportTitle:hover{
    cursor: pointer;
}

.piramida_report .content{
    padding:var(--piramida-padding-normal);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
    border-top: 0;
}

.piramida_reportParametr{
    margin: var(--piramida-margin-large);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.piramida_reportParametrTitle{
    margin-right: var(--piramida-margin-large);
}

.piramida_diagramm{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top:var(--piramida-margin-normal);
}

.piramida_diagramm .piramida_description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.piramida_diagramm .piramida_description .piramida_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding:var(--piramida-padding-normal);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.piramida_diagramm .piramida_description .piramida_item svg{
    margin-right:var(--piramida-margin-small);
}

.piramida_tableFilterBox{
    padding:var(--piramida-padding-normal);
    background-color:  var(--piramida-white);
}

.piramida_tableFilterBox li{
    list-style: none;
    padding: var(--piramida-padding-small);
}

.piramida_tableFilterBox li label:hover,
.piramida_tableFilterBox li input:hover{
    cursor: pointer;
}

.piramida_tableFilterBox table{
    width: 100%;
}

.piramida_violationStatus{
    margin-bottom:var(--piramida-margin-normal);
}


.piramida_dateInputBox, 
.piramida_dateInputBox *{
    -webkit-transition:all 0s ease-out;
    -o-transition:all 0s ease-out;
    transition:all 0s ease-out;
}

.piramida_dateInputBox{
    position: relative;
}

.piramida_dateInputBoxIcon{
    border: 0;
    padding: var(--piramida-padding-small);
    color:var(--piramida-white);
    background-color: var(--piramida-light-blue-darken-3);
    margin: 0 var(--piramida-margin-small);
    -webkit-box-shadow: var(--piramida-box-shadow-small);
            box-shadow: var(--piramida-box-shadow-small);
}

.piramida_dateInputBoxIcon:hover{
    cursor: pointer;
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_calendarComponent{
    padding: var(--piramida-padding-normal);
    background-color: var(--piramida-white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.piramida_calendarComponent button{
    background-color: transparent;
    padding: var(--piramida-padding-normal);
    border: 0;
}

.piramida_calendarComponent button:hover{
    cursor: pointer;
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.piramida_calendarComponent .piramida_title{
    background-color: var(--piramida-white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.piramida_calendarComponent .piramida_title *{
    background-color: var(--piramida-white);
    color: var(--piramida-light-blue-darken-3);
    font-weight: bold;
}

.piramida_calendarComponent .piramida_content{
    margin: auto;
}

.piramida_calendarComponentDay{
    width: 100%;
    padding: var(--piramida-padding-small);
}

.piramida_currentMonth{
    color:var(--piramida-black);
}

.piramida_anotherMonth{
    color:var(--piramida-grey-lighten-1);
}

.piramida_filterButton{
    color: var(--piramida-light-blue-darken-3);
}

.piramida_filterButton:hover{
    -webkit-box-shadow:var(--piramida-box-shadow-normal);
            box-shadow:var(--piramida-box-shadow-normal);
    cursor: pointer;
}

.piramida_svg{
    width: 100%; 
    height: 100%;
    margin: 0; 
    padding: 0;
}

.piramida_sortOrderButton{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.piramida_button{
    -webkit-box-shadow:var(--piramida-box-shadow-small);
            box-shadow:var(--piramida-box-shadow-small);
    padding: var(--piramida-padding-small);
    color: var(--piramida-white);
    background-color: var(--piramida-light-blue-darken-3);
    margin: 0 var(--piramida-margin-normal);
    border: 0;
}

.piramida_button:hover{
    -webkit-box-shadow:var(--piramida-box-shadow-normal);
            box-shadow:var(--piramida-box-shadow-normal);
    cursor: pointer;
}

.piramida_button:disabled{
    background-color: var(--piramida-grey-darken-1);
    cursor:auto;
    -webkit-box-shadow:var(--piramida-box-shadow-small);
            box-shadow:var(--piramida-box-shadow-small);
}

.piramida_instrumentReadings .piramida_selectPath{
    padding-bottom: var(--piramida-padding-medium);
}

.piramida_variantType{
    width: 100%;
}

.piramida_variantType input[type='text']{
    width: 100%;
}

.piramida_metterPointVariantType{
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.piramida_metterPointVariantType li{
    list-style: none;
}

.piramida_metterPointVariantType li input:hover,
.piramida_metterPointVariantType li label:hover{
    cursor: pointer;
}

.metterPointVariantMinimizate li{
    padding: var(--piramida-margin-normal) 0;
}

.metterPointVariantMinimizate:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
}

.metterPointVariantMinimizateTitle{
    padding: var(--piramida-padding-normal);
    border: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--piramida-margin-small);
    width: 100%;
}

.metterPointVariantMinimizateTitle:hover{
    -webkit-box-shadow: var(--piramida-box-shadow-normal);
            box-shadow: var(--piramida-box-shadow-normal);
    cursor: pointer;
}

.piramida_metterPoint_ElQuality_diagramm{
    margin-top: var(--piramida-margin-largest);
}

.piramida_customTableBody .piramida_coloredRow{
    background-color: var(--piramida-grey-lighten-4);
}   


.piramida_customTable{
    overflow: auto;
    max-height: var(--piramida-customTable-max-height);
}

.piramida_customTableHead{
    position: sticky;
    top: 0;
}

.piramida_customTableHead > div{
    background-color: var(--piramida-grey-lighten-3);
}

.piramida_customTable tr{
    border-bottom:1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTable tr:last-child{
    border-bottom:0;
}

.piramida_customTableHead > div{
    border-top:1px solid var(--piramida-grey-lighten-2);
    border-bottom:1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTableHead > div:first-child{
    border-left:1px solid var(--piramida-grey-lighten-2);
    border-right:1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTableHead > div:not(:first-child){
    border-right:1px solid var(--piramida-grey-lighten-2);
}


.piramida_customTableBody > div
{
    border-right:1px solid var(--piramida-grey-lighten-2);
    border-bottom:1px solid var(--piramida-grey-lighten-2);
    padding:var(--piramida-padding-small);
}

.piramida_customTableBody > div:first-child,
.piramida_customTableBody > .piramida_coloredRow + .piramida_row,
.piramida_customTableBody > .piramida_row + .piramida_coloredRow{
    border-left:1px solid var(--piramida-grey-lighten-2);
}

.piramida_customTable tr:nth-child(2n){
    background-color: var(--piramida-grey-lighten-4);
}

.piramida_customTable tr:hover{
    background-color: var(--piramida-grey-lighten-3);
}

.piramida_customTableHead{
    background-color: var(--piramida-grey-lighten-2);
}

.piramida_customTable .piramida_customTableHead{
    background-color: var(--piramida-grey-lighten-3);
}

.piramida_customTable th:last-child(){
    border-right:0px;
}

.piramida_customTable .piramida_customTableHead button{
    width: 100%;
    padding:var(--piramida-padding-small);
    cursor: pointer;
    text-align: start;
    border: 0;
    background-color: transparent;
    font-weight: bold;
    font-size: 0.9rem;
}