/* table fixed header */
.table-fixed-header {
	height: 70vh;
}
	
.table-fixed-header table tbody {
	height: 55vh;
}

#es-loading {
	width:300px;
	height:300px;
	margin:0 auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-150px;
	margin-left:-150px;
	visibility:hidden;
}

/* Formatering av Upload-knapp */
.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px; }

.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

/* Search form */
#search input[type="search"] {
  width: 100%;
  color: white !important;
  background: transparent;
  border: 0px;
  outline: none;
  padding: 0;
  margin-top: 1rem;
  font-size: 1.875rem;
  height: 3.125rem;
  line-height: 2.625rem; }
  @media only screen and (min-width: 40.0625em) {
    #search input[type="search"] {
      margin-top: 1rem;
      font-size: 3.75rem;
      height: 6.25rem;
      line-height: 5.3125rem; } }

/* Adjust margin for form elements below */
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 4px 1rem 0; }
	
/* Formatering at datatable */
	
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

/* Search form */
#search input[type="search"] {
  width: 100%;
  color: white !important;
  background: transparent;
  border: 0px;
  outline: none;
  padding: 0;
  margin-top: 0px;
  font-size: 1.875rem;
  height: 3.125rem;
  line-height: normal; }
  @media only screen and (min-width: 40.0625em) {
    #search input[type="search"] {
      margin-top: 0px;
      font-size: 1.875rem;
      height: 3.125rem;
      line-height: normal; } }
  @media only screen and (min-width: 64.0625em) {
    #search input[type="search"] {
      margin-top: 0px;
      font-size: 1.875rem;
      height: 3.125rem;
      line-height: normal; } }

/* Button group */
.button-group {
  list-style: none;
  margin-bottom: 1rem;
  font-size: 0.9rem; }
.button-group::before, .button-group::after {
    content: ' ';
    display: table; }
.button-group::after {
    clear: both; }
.button-group .button {
    float: left;
    margin: 0; }
  .button-group .button:not(:last-child) {
      border-right: 1px solid #fefefe; }
  .button-group.tiny {
    font-size: 0.6rem; }
  .button-group.small {
    font-size: 0.75rem; }
  .button-group.large {
    font-size: 1.25rem; }
  .button-group.expanded {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button {
      display: table-cell;
      float: none; }
  .button-group.primary .button {
    background-color: #2199e8;
    color: #fefefe; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #147cc0;
      color: #fefefe; }
  .button-group.secondary .button {
    background-color: #777;
    color: #fefefe; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
  .button-group.success .button {
    background-color: #3adb76;
    color: #fefefe; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: #fefefe; }
  .button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button-group.stacked .button, .button-group.stacked-for-small .button {
    width: 100%; }
    .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
      border-right: 1px solid; }
  @media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      width: auto; }
      .button-group.stacked-for-small .button:not(:last-child) {
        border-right: 1px solid #fefefe; } }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        border-right: 0; } }

    	    	
/* Radio buttons */
input[data-toggle] {
  display: none; }

input[data-toggle]:checked + label,
input[data-toggle]:checked + label:active {
  background-color: green;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }

/* 06.03.2025: Husker ikke hvorfor jeg la til denne, men nå ødelegger den button groups
.button-group.toggle li:not(first-child) {
  margin: 0 -0.9rem; }
 */

/* Lag mørkere bakgrunn når vi viser en jquery dialog */
.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background: rgb(50, 50, 50) !important; /* This will make it darker */
}