.sortCaret {
  font-weight: bold;
  margin-left: -2px;
  margin-right: 4px;
}

.sortCaretAsc {
  vertical-align: sub;
}

.sortCaretDesc {
  vertical-align: top;
}

.ideeTable {
  font-size: 12px;
  margin-bottom: 0;
}

.ideeTable th {
  font-size: 11px;
}

.ideeTable > thead > tr > th.fixedTh {
  background-color: #195da3;
  color: white;
}

.ideeTable > tbody > tr > td.fixedTd {
  background-color: white;
}

.tableContainer {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ccdbea;
  border-radius: 10px;
}

.table-bordered {
  border: 1px solid #ccdbea;
}

.table-hover > tbody > tr:hover {
  background-color: #ccdbea;
}

.tableContainer::-webkit-scrollbar {
  height: 10px;
}
.tableContainer::-moz-scrollbar {
  height: 10px;
}
.tableContainer::-ms-scrollbar {
  height: 10px;
}
.tableContainer::-o-scrollbar {
  height: 10px;
}
.tableContainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.tableContainer::-moz-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.tableContainer::-ms-scrollbar-track {
  -ms-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.tableContainer::-o-scrollbar-track {
  -o-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.tableContainer::-webkit-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.tableContainer::-moz-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.tableContainer::-ms-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.tableContainer::-o-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}

.tableContainer .actionButtonsContainer {
  display: flex !important;
  justify-content: space-around;
}

/*
* need to set wanted td & th widht value
*/

.header-fixed {
  width: 100%;
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
  display: block;
  text-align: center;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

.header-fixed > thead {
  /* 	overflow-y: scroll; */
  margin-right: 10px;
}

/* if scrollbar width change, modify relative variable in controller */

.header-fixed > thead::-webkit-scrollbar {
  width: 10px;
  visibility: hidden;
}
.header-fixed > thead::-moz-scrollbar {
  width: 10px;
  visibility: hidden;
}
.header-fixed > thead::-ms-scrollbar {
  width: 10px;
  visibility: hidden;
}
.header-fixed > thead::-o-scrollbar {
  width: 10px;
  visibility: hidden;
}
.header-fixed > tbody::-webkit-scrollbar {
  width: 10px;
}
.header-fixed > tbody::-moz-scrollbar {
  width: 10px;
}
.header-fixed > tbody::-ms-scrollbar {
  width: 10px;
}
.header-fixed > tbody::-o-scrollbar {
  width: 10px;
}
.header-fixed > tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.header-fixed > tbody::-moz-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.header-fixed > tbody::-ms-scrollbar-track {
  -ms-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.header-fixed > tbody::-o-scrollbar-track {
  -o-box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 76, 153, 0.3);
}
.header-fixed > tbody::-webkit-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.header-fixed > tbody::-moz-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.header-fixed > tbody::-ms-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}
.header-fixed > tbody::-o-scrollbar-thumb {
  background-color: #6291c5;
  border-radius: 10px;
}

.header-fixed > tbody {
  overflow-y: scroll;
  max-height: 350px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.header-fixed > tbody > tr > td > p,
.header-fixed > tbody > tr > td > div,
.header-fixed > thead > tr > th > div,
.header-fixed > tbody > tr > td > label > div,
.header-fixed > tbody > tr > td > label > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-fixed > thead > tr > th,
.header-fixed > thead > tr > th > div {
  word-spacing: 2px;
}