.ip-cm-pob-table, .ip-cm-pob-table-row {
   width: 100%;
   min-height: 10px;
   padding: 10px;
}

.ip-cm-pob-border-td {
   border-right: 1px solid #999;
   height: 10px;
   padding-right: 5px;
   margin-right: 5px;
}

.updated-date-column {
   display: inline-block;
}

.ip-cm-pob-row div {
   display: inline-block;
   margin-left: auto;
}

.ip-cm-pob-element-label {
   margin-left: auto;
}

.ip-pda {
   display: grid;
   max-width: 250px;
   font-size: 0.5rem;
   grid-template-columns: repeat(7, 1fr);
   grid-template-rows: repeat(5, 20px);
}

.ip-pda-second {
   max-width: 450px;
   width: 330px;
   grid-template-columns: repeat(5, 1fr) !important;
}

.ip-pda-text-title {
   font-weight: bold;
   min-height: 20px;
   font-size: 0.6rem;
   line-height: 20px;
}

.ip-pda-text-column-title {
   text-align: center;
   min-height: 20px;
   font-weight: bold;
   vertical-align: bottom;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   font-size: 0.6rem;
   line-height: 10px;
}

.ip-pda-text-column-title span {
   vertical-align: bottom;
   font-size: 0.6rem;
}

.ip-pda-field {
   text-align: center;
   min-height: 20px;
   line-height: 20px;
   font-size: 0.6rem;
   /* max-width: 30px; */
   overflow: hidden;
   text-overflow: ellipsis;
}

.ip-pda-container {
   margin-right: 5px;
   margin-left: 2px;
}

.ip-pda-first, .ip-pda-second {
   display: none;
}

.ip-cm-pob-container {
   display: flex;
   flex-flow: row nowrap;
   width: 100%;
   min-height: 20px;
   font-size: 0.55rem !important;
   line-height: 20px;
}

.ip-cm-pob-area {
   display: flex;
   flex-flow: column nowrap;
   width: 30%;
   min-width: 150px;
   box-sizing: border-box;
}

.ip-cm-pob-area:nth-child(1), .ip-cm-pob-area:nth-child(2) {
   border-right: 1px solid #999;
   padding-right: 5px;
   margin-right: 5px;
}

.ip-cm-pob-group {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.flex-down {
   margin-top: 40px;
}

@media screen and (max-width: 768px) {
   .ip-pda-text-title {
      font-weight: bold;
      min-height: 20px;
      font-size: 1.3rem;
      line-height: 20px;
   }
   .ip-cm-pob-container {
      font-size: 1.3rem;
      line-height: 30px;
      flex-flow: column wrap;
      padding-left: 10px;
      box-sizing: border-box;
   }
   .ip-cm-pob-area:nth-child(1), .ip-cm-pob-area:nth-child(2) {
      border-right: none;
      margin-bottom: 30px;
   }
   .ip-cm-pob-area {
      border-right: none;
      margin-bottom: 30px;
      width: 70%;
   }
   .flex-down {
      margin-top: 0px;
   }
}

@media print {
   .ip-cm-pob-table { 
      border: none !important;
   }
   .ip-cm-pob-row td {
      border: none !important
   }
   .ip-cm-pob {
      height: 200px !important;
   }
   #PersonnelStatusLegend {
      page-break-before: always;
   }
}