.rlog-grid-page {
  max-width: 800px;
}
.rlog-grid-page .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.rlog-grid-page .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid lightgray;
  font-weight: 600;
  width: 100%;
  background-color: #EFEBEB;
}
.rlog-grid-page .grid-header-icon {
  margin-left: 3px;
}
.rlog-grid-page .grid-header-row .grid-sailor-item:hover {
  text-decoration: underline;
  cursor: pointer;
}
.rlog-grid-page .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 30px;
  width: 100%;
}
.rlog-grid-page .grid-sailor-row {
  display: table;
  height: 30px;
  border-bottom: thin solid lightgray;
  width: 100%;
}
.rlog-grid-page .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.rlog-grid-page .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.rlog-grid-page .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.rlog-grid-page .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.rlog-grid-page .grid-sailor-item {
  /*display: table-cell;*/
  /*width: 25%;*/
  padding-top: 5px;
}
.rlog-grid-page .detail-container {
  width: 100%;
  display: none;
  background-color: white;
  border: thin dotted;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 60px;
}
.rlog-grid-page .detail-container .status-message {
  float: left;
  padding-right: 12px;
  padding-top: 5px;
}
.rlog-grid-page .detail-header {
  width: 100%;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #969696;
}
.rlog-grid-page label.detail-label {
  display: table;
  width: 100%;
  padding-top: 0px;
  margin-bottom: 10px;
  /* override bootstrap 'label' */
  font-weight: normal;
  /* override bootstrap 'label' */
  background-color: #ffffff;
}
.rlog-grid-page label.detail-label span {
  color: #969696;
}
.rlog-grid-page label.detail-label span.error-msg-red {
  color: red;
}
.rlog-grid-page input.detail-field,
.rlog-grid-page textarea.detail-field {
  display: block;
  font-weight: normal;
  width: 100%;
}
.rlog-grid-page input.detail-field.ng-touched.ng-empty.ng-invalid-required,
.rlog-grid-page textarea.detail-field.ng-touched.ng-empty.ng-invalid-required {
  background-color: #fff5d8;
}
.rlog-grid-page .error-color {
  background-color: #fff5d8;
}
.rlog-grid-page .button-row {
  float: right;
  padding-top: 11px;
  background-color: #ffffff;
  font-size: 100%;
}
.rlog-grid-page .active-row:before {
  content: "\02713";
  /* html entity checkmark */
  padding-right: 3px;
}
.rlog-grid-page .grid-icons-container {
  float: right;
}
.rlog-grid-page .grid-icons-container .fa-icon-item {
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-chevron-down:hover:before {
  background-color: lightgray;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-chevron-up:hover:before {
  background-color: lightgray;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-square-o:hover:before {
  content: "\f14a";
  /* f14a  or f046 */
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-check-square-o:hover:before {
  content: "\f14a";
  /* f14a  or f046 */
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-trash-o:hover:before {
  content: "\f1f8";
  cursor: pointer;
}