/* SkyEye Checkpoint Table UX1 */

.hfcp{
  margin:0 0 14px;
  overflow:hidden;
  border:1px solid #d9dee4;
  border-radius:12px;
  background:#fff;
}

.hfcp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid #e6e9ed;
  background:#fafbfc;
}

.hfcp-head strong{
  display:block;
  font-size:13px;
}

.hfcp-head span{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:9px;
}

.hfcp-head-actions{
  display:flex;
  gap:6px;
}

.hfcp button,
.hfcp input,
.hfcp select{
  font:inherit;
}

.hfcp button{
  min-height:29px;
  padding:0 8px;
  border:1px solid #ccd3db;
  border-radius:6px;
  background:#fff;
  font-size:8px;
  cursor:pointer;
}

.hfcp button.secondary{
  background:#f5f7f9;
}

.hfcp-tools{
  display:flex;
  gap:7px;
  padding:8px 10px;
  border-bottom:1px solid #edf0f2;
}

.hfcp-tools input,
.hfcp-tools select{
  min-height:30px;
  box-sizing:border-box;
  border:1px solid #ccd3db;
  border-radius:6px;
  background:#fff;
  padding:0 7px;
  font-size:8px;
}

.hfcp-tools input{
  min-width:230px;
}

.hfcp-table-wrap{
  width:100%;
  overflow:auto;
}

.hfcp-table{
  width:100%;
  min-width:1280px;
  border-collapse:collapse;
  table-layout:fixed;
  white-space:nowrap;
  font-size:8px;
}

.hfcp-table th{
  position:sticky;
  top:0;
  z-index:4;
  padding:6px 5px;
  border-right:1px solid #e6eaee;
  border-bottom:1px solid #dce1e6;
  background:#f5f7f9;
  color:#667085;
  text-align:left;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
}

.hfcp-table th small{
  font-size:6px;
  text-transform:none;
}

.hfcp-table td{
  height:38px;
  box-sizing:border-box;
  padding:4px;
  border-right:1px solid #edf0f2;
  border-bottom:1px solid #edf0f2;
  vertical-align:middle;
}

.hfcp-table tbody tr:hover{
  background:#fafcff;
}

.hfcp-table tbody tr.dirty{
  background:#fff9df;
}

.hfcp-table input[type="text"],
.hfcp-table input[type="number"],
.hfcp-table select{
  width:100%;
  height:28px;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  padding:0 5px;
  font-size:8px;
}

.hfcp-table input:hover,
.hfcp-table select:hover,
.hfcp-table input:focus,
.hfcp-table select:focus{
  border-color:#bfc8d2;
  background:#fff;
  outline:none;
}

.hfcp-table input[type="checkbox"]{
  width:16px;
  height:16px;
  cursor:pointer;
}

.hfcp-seq{
  width:60px;
  text-align:center!important;
}

.hfcp-code{
  width:90px;
}

.hfcp-name{
  width:170px;
}

.hfcp-type{
  width:95px;
}

.hfcp-category{
  width:125px;
}

.hfcp-coordinate{
  width:105px;
}

.hfcp-radius{
  width:65px;
}

.hfcp-points{
  width:70px;
}

.hfcp-check{
  width:58px;
  text-align:center!important;
}

.hfcp-actions{
  width:112px;
}

.hfcp-actions{
  display:flex;
  align-items:center;
  gap:4px;
}

.hfcp-save{
  flex:1;
}

.hfcp-save:disabled{
  opacity:.38;
  cursor:default;
}

.hfcp-delete{
  min-width:28px!important;
  width:28px;
  padding:0!important;
  color:#a52a25;
  font-size:15px!important;
  font-weight:700;
}

.hfcp-delete:hover{
  border-color:#e0b3af;
  background:#fff2f1;
}

.hfcp-foot{
  padding:6px 10px;
  border-top:1px solid #edf0f2;
  background:#fafbfc;
  color:#7b8792;
  font-size:7px;
}

.hfcp-error{
  padding:8px 10px;
  border-bottom:1px solid #efc8c5;
  background:#fff1f0;
  color:#a52a25;
  font-size:9px;
}

.hfcp-empty{
  padding:20px;
  color:#7b8792;
  text-align:center;
  font-size:9px;
}

/*
 * Vana detail-editor peidetakse JS-i poolt ainult siis,
 * kui see on kindlalt checkpoint-editorina tuvastatud.
 */
.hfcp-legacy-hidden{
  display:none!important;
}

@media(max-width:800px){
  .hfcp-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .hfcp-tools{
    flex-direction:column;
  }

  .hfcp-tools input,
  .hfcp-tools select{
    width:100%;
  }

  /*
   * Telefonis säilib üks punkt = üks rida.
   * Tabelit saab horisontaalselt kerida.
   */
  .hfcp-table-wrap{
    -webkit-overflow-scrolling:touch;
  }
}