body {
    font-size: 0.75em;
}

.notifyDialog .ui-dialog-titlebar {
    display: none;
}
.notifyDialog.ui-dialog {
    padding: 0;
}
.notifyDialog .ui-dialog-content {
    color: black; /* Fehér szöveg */
    padding: 10px;
    border: none;
}

.notifyDialogWarn .ui-dialog-titlebar {
    display: none;
}
.notifyDialogWarn.ui-dialog {
    padding: 0;
}
.notifyDialogWarn .ui-dialog-content {
    background-color: #ffcc66;
    color: black; /* Fehér szöveg */
    padding: 10px;
    border: none;
}

.notifyDialogError .ui-dialog-titlebar {
    display: none;
}
.notifyDialogError.ui-dialog {
    padding: 0;
}
.notifyDialogError .ui-dialog-content {
    background-color: #ff9999;
    color: black; /* Fehér szöveg */
    padding: 10px;
    border: none;
}

.notifyDialogSuc .ui-dialog-titlebar {
    display: none;
}
.notifyDialogSuc.ui-dialog {
    padding: 0;
}
.notifyDialogSuc .ui-dialog-content {
    background-color: #33ff66;
    color: black; /* Fehér szöveg */
    padding: 10px;
    border: none;
}

#divHomersekletContent,
#divDeviceContent {
    display: flex;
    flex-wrap: wrap;
}

.homeroBoxContent,
.deviceBoxContent {
    padding: 2px;
    flex: 0 0 calc(20% - 4px);
}

.homeroBoxContent {
    cursor: pointer;
}

.homeroBoxContentSelected {
    background-color: green;
}

.homeroBoxContentContent,
.deviceBoxContentContent {
    padding: 5px;
}

.deviceBoxContentContent_disconnected {
    padding: 5px;
    background: none;
    background-color: #fcd9d9;
}

.tblHomeroContent {
    width: 100%;
}

.blueText {
    color: blue;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}
#divNyilaszarokContent {
    display: flex;
    flex-wrap: wrap;
}
.boxNyilaszarok {
    padding: 2px;
    flex: 0 0 calc(20% - 4px);
}
.boxNyilaszarokContent {
    padding: 5px;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

#btnLogout,
#btnLogin {
    position: relative;
    float: right;
}

#divCurrentlyContent {
    border-radius: 0px 0px 20px 20px;
    padding: 10px;
}

#tblCurrentEnergy {
    text-align: center;
    border: 1px solid black;
    border-collapse: collapse;
}

#tblCurrentEnergy td {
    border: 1px solid black;
    padding: 5px;
}

.noFloat {
    clear: both;
}

.btnSetFriendlyName {
    cursor: pointer;
}

.divLampContent {
    width: 250px;
    display: inline-block;
    padding: 5px;
    margin: 5px;
    position: relative;
    height: 30px;
}

.lampCaption {
    display: block;
    justify-content: center;
    align-items: center;
}


.tesztClass1 {
    font-weight: bold;
    width: 100%;
}

.dimmerSlider {
    display: block;
    width: calc(100% - 75px);
}

.toggle {
    position: absolute;
    transform: translate(50%, -50%);
    top: calc(50% - 5px);
    right: 30px;
    margin: 5px;
}

#divPresences {
    position: relative;
    float: right;
}
.imgPresense {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.imgPresenseY {
    background-image: url("/css/icons8-face-50.png");
    background-size: cover;
}
.imgPresenseN {
    background-image: url("/css/icons8-face-50_black.png");
    background-size: cover;
}

#divWebsocket {
    position: relative;
    float: left;
    margin: 1px;
}

.svgWebsocket_connecting {
    color: yellow;
}

.svgWebsocket_closed {
    color: red;
}

.svgWebsocket_opened {
    color: limegreen;
}


@media only screen and (max-width: 400px) {
    .deviceBoxContent {
        flex: calc(100% - 4px);
    }
    .boxNyilaszarok {
        padding: 2px;
        flex: 0 0 calc(100% - 4px);
    }
    .deviceBoxContentContent {
        padding: 5px;
    }
    .divLampContent {
        width: calc(100% - 10px);
        display: inline-block;
        padding: 5px;
        margin: 5px;
    }
    #tblCurrentEnergy tr {
        display: inline-flex;
        flex-direction: column;
    }

}

@media only screen and (min-width: 401px) and (max-width: 750px) {
    .deviceBoxContent {
        flex: calc(50% - 4px);
    }
    .boxNyilaszarok {
        padding: 2px;
        flex: 0 0 calc(50% - 4px);
    }
    .deviceBoxContentContent {
        padding: 5px;
    }
    .divLampContent {
        width: calc(100%/2 - 22px);
        display: inline-block;
        padding: 5px;
        margin: 5px;
    }
    #tblCurrentEnergy tr {
        display: inline-flex;
        flex-direction: column;
    }
}