/* InfoBar */
.parent {
  display: flex;
  flex-wrap: wrap;
}

.child {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border: 1px solid #c5d3e2;
  padding: 5px 10px;
}

.child > label {
  min-width: initial;
}

.child > label.keretWarn {
  color: red;
}

.child.keretHead {
  background-color: #e5e9ec;
}

.child.keretHead span.kretaLabelTooltip {
  visibility: collapse;
}

.child.keretHead span.kretaLabelTooltip.keretWarn {
  visibility: visible;
}
/* */

td {
  border-bottom: 1px solid #c5d3e2;
}

td.info {
  border: 1px solid #c5d3e2;
  padding: 5px 10px;
  width: auto;
}

td.keretHead {
  background-color: #e5e9ec;
  border-top: 1px solid #c5d3e2;
}

td.keretHead > div {
  visibility: collapse;
}

td.keretWarn > div {
  visibility: visible;
}

td.keretHead span {
  max-width: 250px;
}

.info > label {
  text-align: right;
  padding-left: 10px;
  min-width: 0px;
}

.info > label.keretWarn {
  color: red;
}

.gridCheckBox {
  min-width: 23px;
}

.modalConfirmNote {
  text-align: center;
}

.modalConfirmNote .k-textbox {
  min-width: 330px;
}

.modalConfirmNote .k-textbox.required {
  border-color: red;
}

.modalConfirmNote div.noteCaption,
.modalConfirmNote div.noteValidation {
  text-align: left;
  padding-left: 30px;
}

.modalConfirmNote div.noteValidation {
  display: none;
  color: red;
}

.modalConfirmNote div.noteRequired {
  display: block;
}