.Info_box {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 1rem 2rem;
}

.avatar {
  vertical-align: middle;
  border-radius: 50%;
}

#inactivity_timer .mobile-avatar {
  display: none;
}

@media (max-width: 1024px) {
  .settings-avatar {
    width: 20px;
    height: 20px;
  }
  .settings {
    display: none;
  }
  #inactivity_timer .mobile-avatar {
    display: block;
  }
}

@media (min-width: 1025px) {
  #inactivity_timer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.td-center {
  vertical-align: middle !important;
}

.no-padding {
  padding: 0;
}

.table-header {
  padding: 10px;
}

.table-sort-icon {
  padding-right: 5px;
}

.table-header-sorted {
  border-bottom: 3px solid #e2e2e2;
}

.table-detail-chevron {
  padding: 5px;
}

.table-mobile {
  margin-bottom: 10px;
}

.table {
  margin-top: 5px;
  border-top: 2px solid #e2e2e2;
}

.table-column {
  border-bottom: 1px solid #e2e2e2 !important;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .table-header > span {
    font-weight: 900;
  }
  .table-column:first-child {
    border-top: 3px solid #e2e2e2 !important;
    margin-bottom: 0px;
  }
  .table-column:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
  }
}

.table-column:before {
  font-weight: bold;
}

.table-mobile {
  /* background-color: #e2e2e2; */
}

.table-mobile-sort {
  margin: 15px;
}

.btn-default {
  background-color: white !important;
  color: black !important;
}

.btn-icon {
  color: black;
}

.next, .prev {
  cursor: pointer !important;
}

.multiselect__tag {
  background-color: #e2e2e2 !important;
  color: black !important;
}

.multiselect__tags {
  border-radius: 1px !important;
  border: 1px solid #ccc !important;
}

.multiselect__option--selected::after {
  font-family: 'Font Awesome 5 Pro';
  content: '\f00d' !important;
  color: silver;
}

.multiselect__option--highlight {
  background: #5F9CD0 !important;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: grey !important;
}

.multiselect__option--selected.multiselect__option--highlight::after {
  background: grey !important;
}

.multiselect__tag-icon::after {
  color: #000 !important;
}

.multiselect__tag-icon:hover::after {
  color: red !important;
}

.o-table__detail > td {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  box-shadow: inset 0px 11px 8px -10px #CCC,
 inset 0px -11px 8px -10px #CCC;
}

.o-table__td .o-icon--clickable {
  font-size: 2rem;
}

.direct_jump {
  width: 190px !important;
}

.direct_jump_input {
  border: 0;
  margin-left: 15px;
  margin-right: 5px;
}

@media (min-width: 1024px) {
  .direct_jump_container {
    margin-top: 25px;
  }
}

@media (max-width: 1024px) {
  .direct_jump {
    display: none;
  }
  .direct_jump_container {
    margin-top: 5px;
    display: none;
  }
}

.input-icon {
  margin-left: 5px;
}

.o-switch__check--checked {
  background-color: #5F9CD0 !important;
}

.o-table__th--sortable::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0dc";
  margin-right: 5px;
  color: #ccc;
}

.desc > .o-table__wrapper > .o-table > thead > tr > .table-header-sorted::before {
  content: "\f0dd";
  color: #000;
}

.asc > .o-table__wrapper > .o-table > thead > tr > .table-header-sorted::before {
  content: "\f0de";
  color: #000;
}

.o-table__th__sort-icon {
  visibility: hidden;
}

.multiselect__content-wrapper {
  max-height: 450px !important;
}

.panel .panel-collapsible {
  margin: 0;
  border: 1px solid lightgrey !important;
  border-radius: 0;
}

.panel .panel-collapsible .panel-heading {
  background-color: #efefef;
  border-radius: 0;
}

.panel .panel-collapsible .panel-title a::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  margin-right: 10px;
  font-size: 16px;
}

.panel .panel-collapsible .panel-title a.collapsed::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  margin-right: 16px;
  font-size: 16px;
}