﻿.sg-header-link,
.sg-header-link:hover,
.sg-header-link:active,
.sg-header-link:focus {
  color: black;
}

.sg-header-text {
  color: black;
  cursor: default;
}

.sgrid-container {
  width: 100%;
  position: relative;
}

#sg-modal-sortable .sg-modal-col-set,
#sg-modal-non-sortable .sg-modal-col-set {
  margin-bottom: 1rem;
  border: 1px solid #dadada;
  background-color: #efefef;
  cursor: pointer;
  padding-right: 0.2rem;
}

#sg-modal-non-sortable .sg-modal-col-set,
#sg-modal-non-sortable label,
#sg-modal-non-sortable select,
#sg-modal-non-sortable input {
  cursor: not-allowed;
}

#sg-modal-sortable .sg-modal-col-sort,
#sg-modal-non-sortable .sg-modal-col-sort {
  height: 3.4rem;
  font-size: 1.4rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

#sg-modal-sortable .sg-modal-col-set input,
#sg-modal-non-sortable .sg-modal-col-set input {
  margin: 1rem;
}

#sg-modal-non-sortable label i {
  margin: 1.2rem 0.6rem 1rem 1rem;
}

table.sgrid {
  /*border: none;*/
  /*border-collapse: collapse;*/
  width: 100%;
  table-layout: fixed;
}

table.sgrid td,
table.sgrid th {
  /*border-left: 1px solid #f5f5f5;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.sgrid td:first-child,
table.sgrid th:first-child {
  border-left: none;
}

#sg-settings-btn {
  font-size: 2rem;
}

#sg-settings-btn.link {
  font-size: 1.6rem; /*fallback when initial is not supported*/
  font-size: initial;
}

.sg-row-select-cell {
  cursor: pointer;
  text-align: center;
  padding: 0;
}

.sg-row-select-cell input {
  margin: 0;
  cursor: pointer;
}

.sg-row.selected {
  background-color: #e1e1e1 !important;
}

.sg-row .sg-row-select-cell i.checked,
.sg-row.selected .sg-row-select-cell i.unchecked {
  display: none;
}

.sg-row.selected .sg-row-select-cell i.checked,
.sg-row .sg-row-select-cell i.unchecked {
  display: inline-block;
}
