/*   basics   */
/*  Color SCHEME */
/*  #8396bd  */
/*  #e3e6e6  */
/*  #ffffff  */
/*  #262626  */
/*  #262626  */
/*  #e3e6e6  */
/* #FFC801 */
/* #ffff4a */
/* media breaks */
/* other */
/*  mixin  */
/*   basics   */
/*  Color SCHEME */
/* #1b4379  #0033b3 */
/*neu: #56a532  ; alt: rgb(32,144,119);*/
/* 10% sw */
.ugpfrm {
  padding: 1.5rem 2rem;
}
.ugpfrm .ugp_grid {
  border: 1px solid #e2e2e2;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
  overflow: hidden;
  max-width: 32rem;
}
.ugpfrm .ugp_row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid #eee;
}
.ugpfrm .ugp_row:last-child {
  border-bottom: none;
}
.ugpfrm .ugp_row_hd {
  background: rgb(27, 67, 121);
  color: #fff;
  font-weight: bold;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 0.5rem 1rem;
}
.ugpfrm .ugp_row:not(.ugp_row_hd) {
  cursor: pointer;
  transition: background-color 0.12s ease-in-out;
}
.ugpfrm .ugp_row:not(.ugp_row_hd):hover {
  background-color: #f3f6fb;
}
.ugpfrm .ugp_row:not(.ugp_row_hd).selected {
  background-color: rgba(86, 165, 50, 0.12);
  box-shadow: inset 3px 0 0 rgb(86, 165, 50);
}
.ugpfrm .ugp_col_name {
  font-weight: 600;
  color: #222;
}
.ugpfrm .ugp_empty {
  padding: 1.5rem 1rem;
  text-align: center;
  color: #777;
}
.ugpfrm .ugp_err {
  padding: 1rem 2rem;
  color: #b00020;
  font-weight: bold;
}