.thermaHolder{
    display:flex;
    gap: 5px;
    align-items: center;
}
body .work_place .thermaHolder input{
    width: 60px !important;
    min-width: 60px !important;
}
.thermaButton{
    width: 45px !important;
    min-width:40px !important;
    padding: 14px 10px !important;
    text-align: center;
}

dialog#thermaDialog{
    border: 1px solid #ddd;
    padding: 28px;
}
dialog#thermaDialog form{    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:5px;
}

dialog#thermaDialog #thermaTemp{
    font-size: 32px;
    display:inline-flex;
    align-items: center;
    gap: 8px;
}
dialog#thermaDialog #thermaTemp font{
    font-size:0.6em;
    height: 24px;
}
dialog#thermaDialog #thermaStatus{
    padding: 10px 0;
    --statusColor: #626262;
    color:var(--statusColor);
    line-height: 18px;
}
dialog#thermaDialog .Connected#thermaStatus{
    --statusColor: green;
}
dialog#thermaDialog .Disconnecting#thermaStatus,
dialog#thermaDialog .Disconnected#thermaStatus{
    --statusColor: red;
}
dialog#thermaDialog .Available#thermaStatus{
    --statusColor: orange;
}
dialog#thermaDialog #thermaStatus::after{
    background-color: var(--statusColor);
    border-radius:50%;
    width:15px;
    height:15px;
    display:inline-block;
    content:'';
    transform: translateY(2px);
    margin-left: 5px;
}

dialog#thermaDialog .buttonHolder{display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 10px;}

dialog#thermaDialog #thermaCancel{
    background-color:rgb(87, 87, 87);
}