.menu {
    font-size: 11pt;
    width: 29%;
    position: absolute;
    top: 0px;
    background-color: #F2F2F2;
    border-right: 4px solid #ababab;
    min-height: 100%;
}

    .menu .navigation-menu {
        background: #F2F2F2;
    }

    .menu .dx-list-item {
        white-space: normal;
        background: rgb(242, 242, 242);
        color: #818181;
    }


        .menu .dx-list-item.selected-menu-item {
            background: darkgrey;
        }

#BeurteilungDetail .dx-lookup-field {
    white-space: normal;
}

.dx-fieldset .dx-field-value {
    white-space: normal;
    text-align: left;
}

.dx-fieldset-header {
/*    padding-left: 15px; */
    color: #818181;
}

#BeurteilungDetail .dx-fieldset-header {
    padding-left: 0px;
}

.dx-field-label {
    white-space: normal;
}


.right {
    width: 71%;
    height: 100%;
    left: 29%;
    position: absolute;
    top: 0;
    padding-left: 1px;
}

    .right .dx-list-item {
        background: #F2F2F2;
    }

    .right .dx-fieldset {
    }

.boxHeader {
    color: #000;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    font-family: "HelveticaNeue-Medium","Helvetica Neue Medium","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 46px;
}

.box {
    padding: 10px;
}

#BeurteilungDetail .menu .dx-fieldset {
    padding-left: 0;
    margin-bottom: 0;
    margin: 2px;
}

#BeurteilungDetail .menu #GefaehrdungList {
    height: 80%;
}

#BeurteilungDetail .menu .dx-button {
    width: 100%;
}


#BeurteilungDetail .dx-slider-wrapper {
    padding-top: 30px;
}

#BeurteilungDetail .menu .dx-list-group-header {
    font-weight: bold;
    padding: 15px 15px 10px;
    background-color: lightyellow;
    color: #818181;
}


.NohlIndexBox {
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
}

    .NohlIndexBox .NohlIndex, .gefahrenstufe {
        padding: 10px;
        border: 1px solid grey;
    }

.low {
    background-color: green;
}

.medium {
    background-color: yellow;
}

.high {
    background-color: red;
}

.cell.low, .cell.medium, .cell.high {
    color: black;
    padding: 10px 3px;
    font-weight: bold;
}

#preview img {
    width: 990px;
}

#BeurteilungDetail input[type=radio] {
    width: 16px;
    height: 16px;
}

#BeurteilungDetail .dx-lookup {
    height: 32px;
}

.dx-field-label {
    width: 30%;
}

.dx-field-value {
    width: 70% !important;
}

 .massnahmetable {
    border: 1px solid #4d4d4d;
}


 .massnahmetable thead {
        border-bottom: 1px solid #4d4d4d;
    }

 .massnahmetable th {
        color: #dedede;
    }



 .massnahmetable tr {
        border-bottom: 1px solid #4d4d4d;
    }


    .massnahmetable td {
        border-bottom: 1px solid #4d4d4d;
    }
      .massnahmetable tr.noterledigt {
        background-color: rgba(255,0,0,0.3) ;
    }
      .massnahmetable tr.erledigt {
        background-color: rgba(0,255,0,0.3) ;
    }

       .massnahmetable td:nth-of-type(1), #BeurteilungDetail .massnahmetable th:nth-of-type(1) {
            width: 90px;
        }


      .massnahmetable td:nth-of-type(2), #BeurteilungDetail .massnahmetable th:nth-of-type(2) {
            width: 90px;
        }


       .massnahmetable td:nth-of-type(3), #BeurteilungDetail .massnahmetable th:nth-of-type(3) {
            width: 110px;
        }

     .massnahmetable td:nth-of-type(5), #BeurteilungDetail .massnahmetable th:nth-of-type(5) {
            width: 110px;
        }
        
  .massnahmetable td:nth-of-type(5) {
            font-size: 9pt; 
        }

  .massnahmetable .dx-button {
        margin-top: 10px;
    }