@font-face {
  font-family: "offline-worktime";
  src: url("/Themes/Base/vendor/jquery-datatables/Fonticons/approvals.eot?owqkm8");
  src: url("/Themes/Base/vendor/jquery-datatables/Fonticons/approvals.eot?owqkm8#iefix") format("embedded-opentype"), url("/Themes/Base/vendor/jquery-datatables/Fonticons/approvals.ttf?owqkm8") format("truetype"), url("/Themes/Base/vendor/jquery-datatables/Fonticons/approvals.woff?owqkm8") format("woff"), url("/Themes/Base/vendor/jquery-datatables/Fonticons/approvals.svg?owqkm8#offline-worktime") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* #region COLLAPSES */
[data-toggle=collapse] {
  position: relative;
  display: block;
  padding-right: 0.75rem;
  min-height: 1rem;
}

.collapse-trigger {
  position: absolute;
  top: 0.5rem;
  right: 0;
  width: 0 !important;
  height: 0 !important;
  border: 0.3rem solid transparent;
  border-bottom-width: 0;
  border-top-width: 0.4rem;
  border-top-color: #129CDD;
  transition: transform 0.2s;
}
.collapsed .collapse-trigger {
  transform: rotate(-90deg);
  border-top-color: #4d4d4d;
}
.collapsed:hover .collapse-trigger {
  border-top-color: #129CDD;
}

.collapse-filters-trigger {
  max-width: 75px !important;
  min-width: 75px !important;
}
.collapse-filters-trigger a.action-icon {
  color: #129CDD;
  margin-top: 2px;
}
.collapse-filters-trigger a.action-icon.collapsed, .collapse-filters-trigger a.action-icon.collapsed:active, .collapse-filters-trigger a.action-icon.collapsed:focus {
  color: #4d4d4d;
}
.collapse-filters-trigger a.action-icon:hover {
  color: #129CDD;
}

/* #endregion */
.icon-owt {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "offline-worktime" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-approve:before {
  content: "\e900";
}

.icon-decline:before {
  content: "\e901";
}

.icon-filter:before {
  content: "\e903";
}

.icon-operations:before {
  content: "\e904";
}

.icon-revoke:before {
  content: "\e905";
}

.icon-row-sorter:before {
  content: "\e906";
}

.icon-sort-down:before {
  content: "\e907";
}

.icon-sort-up:before {
  content: "\e908";
}

.icon-status-approved:before,
.icon-status-synched:before {
  content: "\e909";
  color: #5cb85c;
}

.icon-status-declined:before,
.icon-status-rejected:before,
.icon-status-deleted:before {
  content: "\e90a";
  color: #d9534f;
}

.icon-status-requested:before,
.icon-status-pending:before {
  content: "\e90b";
  color: #B3B3B3;
}

.icon-status-warning:before,
.icon-status-revoked:before,
.icon-status-modified:before {
  content: "\e90c";
  color: #f0ad4e;
}

/* #region TABLE */
table.dataTable.no-footer {
  border-color: #666666;
}

.table th label:only-child,
.table td label:only-child {
  margin: 0;
}

label.select-all {
  margin-bottom: 0;
}

.grid-table thead th {
  font-weight: bold;
}
.grid-table thead th.sorting, .grid-table thead th.sorting_asc, .grid-table thead th.sorting_desc {
  cursor: pointer;
  background-position: calc(100% - 5px) 50%;
  padding-right: 20px;
}
.grid-table thead th:empty {
  background-position: 50% 50%;
}

/* #endregion */
/* #region FILTERED GRID */
.filtered-grid {
  margin-bottom: 4rem;
  position: relative;
}
.filtered-grid::after {
  display: block;
  clear: both;
  content: "";
}
.filtered-grid .table th, .filtered-grid .table td {
  border-top: 0 none;
}
.filtered-grid .dataTables_wrapper {
  border: 0;
  border-radius: 0;
}
.filtered-grid table.dataTable td {
  border: 0;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #B3B3B3;
}
.filtered-grid .dataTables_length {
  display: inline-block;
  float: none;
}
.filtered-grid .dataTables_length label {
  margin-bottom: 0;
}

.filtered-grid-inner {
  border: 2px solid #B3B3B3;
  border-radius: 0.3rem;
  padding: 0.75rem 0 1px;
  float: left;
  clear: both;
  min-width: 100%;
}
.filtered-grid-inner .grid-table {
  border: 0 none;
  margin: 0;
}
.filtered-grid-inner .grid-table th {
  border-radius: 0 !important;
}
.filtered-grid-inner .grid-table td {
  position: relative;
}
.filtered-grid-inner .grid-table td.iconColumn {
  text-align: center;
  width: 100px;
}
.filtered-grid-inner .action-icon {
  display: block;
  outline: none;
  text-decoration: none !important;
  color: #4d4d4d;
}
.filtered-grid-inner .action-icon:hover {
  color: #129CDD !important;
}
.filtered-grid-inner .action-icon:hover .icon-owt:before {
  color: #129CDD !important;
}
.filtered-grid-inner .action-icon.aspNetDisabled, .filtered-grid-inner .action-icon.disabled {
  color: #6c757d;
}
.filtered-grid-inner .action-icon.aspNetDisabled .icon-owt:before, .filtered-grid-inner .action-icon.disabled .icon-owt:before {
  color: #6c757d !important;
}
.filtered-grid-inner .icon-owt {
  font-size: 1.875rem;
}
.filtered-grid-inner .status-column,
.filtered-grid-inner .action-column {
  width: 2rem;
  min-width: 2rem;
  text-align: center;
  padding-bottom: 0.75rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.filtered-grid-inner .action-column > .custom-checkbox {
  padding: 0;
  left: 1rem;
}
.filtered-grid-inner .collapse-filters {
  position: relative;
  bottom: 0;
}
.filtered-grid-inner .collapse-filters hr {
  margin-top: 0;
}
.filtered-grid-inner .filter-table {
  width: 100%;
  max-width: 100%;
}
.filtered-grid-inner .filter-table td:not(:first-child) {
  border-left: 1px solid #B3B3B3;
}
.filtered-grid-inner .filter-table .modal-button {
  padding: 0 0.375rem;
}
.filtered-grid-inner .filter-table .modal-button .btn-text {
  font-size: 2.5rem;
  line-height: 0.8;
  vertical-align: -2px;
}
.filtered-grid-inner .filter-table .modal-button:after {
  vertical-align: 9px;
}
.filtered-grid-inner .filter-table .modal-button + .dropdown-menu {
  padding: 0;
}
.filtered-grid-inner .filter-table .modal-button + .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
}
.filtered-grid-inner .filter-table .modal-button + .dropdown-menu .dropdown-item:hover, .filtered-grid-inner .filter-table .modal-button + .dropdown-menu .dropdown-item:active {
  background-color: #129CDD;
  color: #fff;
}
.filtered-grid-inner .filter-table .filterState p {
  margin: 0;
  font-size: 0.6875rem;
}
.filtered-grid-inner .filter-table .action-column {
  vertical-align: bottom;
}
.filtered-grid-inner .active-filters {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filtered-grid-inner .remove-filters-container,
.filtered-grid-inner .remove-filters {
  max-width: 120px;
  min-width: 120px;
}
.filtered-grid-inner .empty-table {
  margin: 1rem 3rem;
  padding: 0 1rem;
}

table.grid-table {
  border: none !important;
  width: 100% !important;
}
table.grid-table thead th {
  position: relative;
  background-image: none !important;
}
table.grid-table thead th.sorting, table.grid-table thead th.sorting_asc, table.grid-table thead th.sorting_desc {
  background-image: none !important;
}
table.grid-table thead th.sorting::after, table.grid-table thead th.sorting_asc::after, table.grid-table thead th.sorting_desc::after {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%);
  display: block;
  font-family: FontAwesome;
  color: #129CDD;
}
table.grid-table thead th.sorting:after {
  content: "\f0dc";
  color: #ddd;
  font-size: 0.8rem;
  padding-top: 0.12rem;
}
table.grid-table thead th.sorting_asc:after {
  content: "\f0de";
  color: #129CDD;
}
table.grid-table thead th.sorting_desc:after {
  content: "\f0dd";
  color: #129CDD;
}
table.grid-table th {
  border-bottom: 0 !important;
  border-top: 0;
}
table.grid-table th:first-child {
  border: 0 !important;
}
table.grid-table th.status-column, table.grid-table th.action-column {
  width: 2rem !important;
}
table.grid-table td.action-column:first-child,
table.grid-table td.status-column:first-child {
  text-align: center;
}

.filter-panel .search {
  max-width: none;
}
.filter-panel .card-header {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.filtered-grid-pager {
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: -3.7rem;
}

.status-column .icon-owt {
  font-size: 1.45rem;
}

.filtered-grid-wrapper {
  position: relative;
}
.filtered-grid-wrapper .dataTables_processing {
  height: 100%;
  top: 0px;
  margin-top: 0px;
  background: #fff;
  opacity: 0.8;
}

/* #endregion */
/* #region PAGINATION */
.filtered-grid .dataTables_paginate {
  float: none;
  text-align: center;
  margin-bottom: 5px;
}
.filtered-grid .dataTables_paginate .ui-button,
.filtered-grid .dataTables_paginate .paginate_button,
.filtered-grid .dataTables_paginate .paginate_button:hover {
  background: transparent;
  color: #696969 !important;
  outline: none !important;
  font-weight: 700;
  text-decoration: underline !important;
  padding: 0 1px;
  margin: 0 1px;
  opacity: 1;
  filter: none;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.filtered-grid .dataTables_paginate .paginate_button.current,
.filtered-grid .dataTables_paginate .paginate_button.current:hover {
  border: none;
  background: #129cdd;
  color: #fff !important;
  text-decoration: none !important;
}
.filtered-grid .dataTables_paginate .fg-button:first-child {
  border-radius: 0;
}
.filtered-grid .dataTables_paginate .ui-button.ui-state-disabled,
.filtered-grid .dataTables_paginate .paginate_button.disabled,
.filtered-grid .dataTables_paginate .paginate_button.disabled:hover {
  background-color: #129cdd;
  color: #fff;
  border: none;
}
.filtered-grid .dataTables_paginate .ui-button.previous,
.filtered-grid .dataTables_paginate .ui-button.next,
.filtered-grid .dataTables_paginate .paginate_button.previous,
.filtered-grid .dataTables_paginate .paginate_button.next,
.filtered-grid .dataTables_paginate .paginate_button.previous:hover,
.filtered-grid .dataTables_paginate .paginate_button.next:hover {
  text-decoration: none !important;
  color: #fff !important;
  background-color: #4d4d4d;
  border-radius: 5px;
  margin: 0 10px;
}
.filtered-grid .dataTables_paginate .ui-button.previous.ui-state-disabled,
.filtered-grid .dataTables_paginate .ui-button.next.ui-state-disabled,
.filtered-grid .dataTables_paginate .paginate_button.previous.disabled,
.filtered-grid .dataTables_paginate .paginate_button.next.disabled {
  background-color: #b3b3b3;
  border: none;
}

/* #endregion */
/* #region LOADING */
.filtered-grid.loading:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
  border-radius: 5px;
}
.filtered-grid.loading .table-spinner {
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0%;
  z-index: 1;
}
.filtered-grid.loading .table-spinner .spinner-border {
  width: 3rem;
  height: 3rem;
  color: #b3b3b3;
}

.filtered-grid .table-spinner,
body.longRunningPostback .filtered-grid.loading .table-spinner,
body.longRunningAjax .filtered-grid.loading .table-spinner {
  display: none; /* hide grey loading ring in assignment table when central loading ring is visible */
}

/* #endregion */