ul.person-list {
  list-style: none;
  display: block;
  padding: 5px 10px;
}

  ul.person-list > li {
    display: inline-block;
    width: 350px;
    height: 100px;
    margin: 20px 10px;
    padding: 5px;
    border: solid 1px #428BCA;
    border-radius: 6px;
    box-shadow: 0 0 10px #9dd2ff;
    background-color: #F8FAFF;
  }

    ul.person-list > li span.image {
      width: 85px;
      height: 85px;
      float: left;
      line-height: 85px;
      vertical-align: middle;
    }

      ul.person-list > li span.image > img {
        max-width: 80px;
        max-height: 80px;
        border-radius: 12px;
      }


    ul.person-list > li span.name {
      display: inline-block;
      margin-left: 5px;
      float: left;
      min-width: 240px;
      max-width: 240px;
      width:240px;
      height: 30px;
      font-size: 16px;
      overflow: hidden;
    }

    ul.person-list > li span.positions {
      display: inline-block;
      margin-left: 5px;
      float: left;
      width:240px;
      min-width: 240px;
      max-width: 240px;
      max-height: 55px;
      font-size: 12px;
      overflow: hidden;
    }

    ul.person-list > li span.positions > ul {      
      margin:0 17px;
      padding:0;
    }


    .tableMalzemeBaslik{
        background-color:#EEEEEE;
    }

    .tableCheckboxBaslik{
        background-color:#EEEEEE;
    }

    .tableCheckBoxGroupContainer{
        padding-right:13px;
        padding-left:13px;
    }

    .tableCheckBoxGroup{
        border-radius:30px;
    }

    .setCheckBoxPosition{
        position:relative;
        top:0px;
        margin-right:9px;
        margin-left:9px;
    }

    .hrBolumAyrac{
        border-top: 2px solid #5BC0DE;
    }

    .sutunSol{    padding-right:50px; }
    .sutunSag{    padding-left:50px; }

    .bolumBaslikColor{
        color:#67afe9;
    }