.result-element {
    display: flex;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    flex-direction: column;
    border-bottom: solid 1px #e6e6e6;

}

.result-element.footerBlockElement {
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 0px #e6e6e6;
}

.result-element:last-child {
    border-bottom: 0px;
}

.footerBlock {
    justify-content: flex-end !important;
}
.footerBlock span{
    cursor:pointer;
}

.result-base-meta,
.result-more-meta {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 9px;
    max-height: 30px;
    padding: 5px 0;
    box-sizing: border-box;
}

.result-base-meta {
    justify-content: space-between;
    text-align: center;
}

.result-more-meta {
    justify-content: space-between;
}

.result-base-meta.headBlock div {
    color: #727272;
    text-decoration: underline;
    cursor:pointer;
}

.result-base-meta.headBlock div:hover {
    color: #000;
}

.result-base-meta div,
.result-more-meta div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-el-id {
    min-width: 40px;
}

.result-el-description {
    min-width: 50px;
}

.result-el-name {
    min-width: 90px;
}

#sortingWrapper .result-el-name {
    text-decoration: underline;
}

#headBlock .result-el-name:hover {
    cursor: pointer;

}

.result-el-roomId {
    min-width: 30px;
}

.result-el-roomName {
    min-width: 90px;
}

#summaryWrapper .result-el-roomName {
    min-width: 50px;
}

#summaryWrapper .result-el-name {
    min-width: 110px;
}

.result-el-taskId {
    min-width: 50px;
}

.result-el-result {
    min-width: 30px;
}

.result-el-timeMs {
    min-width: 30px;
}

.result-el-status {
    min-width: 30px;
}


#headBlock .result-el-name:hover,
#headBlock .result-el-del:hover {
    color: #727272;
}

.result-el-del {
    /*min-width: 50px;*/
    text-decoration: underline;
    cursor: not-allowed;
}

.result-el-startDate {
    /*min-width: 170px;*/
}

.result-el-status-filter {
    display: flex;
    justify-content: flex-end !important;
}

.result-el-status-filter span.off {
    color: #888;
    cursor:pointer;
    padding:0 3px;
}

.result-el-status-filter span.on {
    color: #28a745;
    cursor:pointer;
    padding:0 3px;
}

.statoggle{
    padding-left:5px;
}

/*SurfacePro7 width*/
@media (min-width: 1369px) {
    #sortingWrapper{
        padding-right:24px;
        box-sizing: border-box;
    }
}

#summaryWrapper{
    border-bottom:0px;
    margin-top:10px;
}

.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}

.status-dot.online {
  background-color: #4caf50; /* зелёный */
}

.status-dot.offline {
  background-color: #000000; /* красный */
}

.summaryBlock{
    padding:0 10px;
}