:root {
  --border: #111111;
  --table-tr-background: #ffffff;
  --table-tr-selected-background: #b0bed9;
  --table-th-border: #dddddd;
  --table-tr-border: #111111;
  --table-tr-odd-background: #f9f9f9;
  --table-tr-odd-selected-background: #acbad4;
  --table-tr-hover-background: #f6f6f6;
  --table-tr-hover-selected-background: #aab7d1;
  --table-nofooter-border: #111111;
  --paginate_button-color: #333333;
  --paginate_button-current-color: #333333;
  --paginate_button-current-border: #979797;
  --paginate_button-current-background: #ffffff;
  --paginate_button-current-background-gradient1: #ffffff;
  --paginate_button-current-background-gradient2: #dcdcdc;
  --paginate_button-disabled-color: #666666;
  --paginate_button-hover-color: #ffffff;
  --paginate_button-hover-border: #111111;
  --paginate_button-hover-background: #585858;
  --paginate_button-hover-background-gradient1: #585858;
  --paginate_button-hover-background-gradient2: #111111;
  --paginate_button-active-background: #2b2b2b;
  --paginate_button-active-background-gradient1: #2b2b2b;
  --paginate_button-active-background-gradient2: #0c0c0c;
  --paginate_button-active-background-boxshadow: #111111;
  --dataTables_processing-background: #ffffff;
  --dataTables_processing-background-gradient1: rgba(255, 255, 255, 0);
  --dataTables_processing-background-gradient2: rgba(255, 255, 255, 0.9);
  --dataTables_processing-background-gradient3: rgba(255, 255, 255, 0.9);
  --dataTables_processing-background-gradient4: rgba(255, 255, 255, 0);
  --dataTables_wrapper-color: #333333;
  --dataTables_wrapper-border: #111111;
  --dataTables_wrapper-select: #aaaaaa;
  --dataTables_wrapper-input: #aaaaaa;
  --table-dtrg-group-td-background: #e0e0e0;
  --table-dtrg-level1-td-background1: #f0f0f0;
  --table-dtrg-level2-td-background1: #f3f3f3;
  --body-color: #333333;
  --body-background: #ffffff;
  --a-link-color: #333333;
  --a-visited-color: #333333;
  --a-hover-color: #333333;
  --a-active-color: #333333;
  --modal-background: rgb(0, 0, 0);
  --modal-background2: rgba(0, 0, 0, 0.4);
  --modal-content-background: #ffffff;
  --modal-content-color: #333333;
  --close-color: #333333;
  --close-color-hover: #000000;
}

[data-theme="dark"] {
  --border: #eeeeee;
  --table-tr-background: #202124;
  --table-tr-selected-background: #585858;
  --table-th-border: #111111;
  --table-tr-border: #dddddd;
  --table-tr-odd-background: #242528;
  --table-tr-odd-selected-background: #585858;
  --table-tr-hover-background: #28292c;
  --table-tr-hover-selected-background: #464646;
  --table-nofooter-border: #eeeeee;
  --paginate_button-color: #bdc1c6;
  --paginate_button-current-color: #bdc1c6;
  --paginate_button-current-border: #535457;
  --paginate_button-current-background: #202124;
  --paginate_button-current-background-gradient1: #3A3B3E;
  --paginate_button-current-background-gradient2: #535457;
  --paginate_button-disabled-color: #999999;
  --paginate_button-hover-color: #ffffff;
  --paginate_button-hover-border: #535457;
  --paginate_button-hover-background: #585858;
  --paginate_button-hover-background-gradient1: #3A3B3E;
  --paginate_button-hover-background-gradient2: #535457;
  --paginate_button-active-background: #2b2b2b;
  --paginate_button-active-background-gradient1: #585858;
  --paginate_button-active-background-gradient2: #202124;
  --paginate_button-active-background-boxshadow: #eeeeee;
  --dataTables_processing-background: #ffffff;
  --dataTables_processing-background-gradient1: rgba(255, 255, 255, 0);
  --dataTables_processing-background-gradient2: rgba(255, 255, 255, 0.9);
  --dataTables_processing-background-gradient3: rgba(255, 255, 255, 0.9);
  --dataTables_processing-background-gradient4: rgba(255, 255, 255, 0);
  --dataTables_wrapper-color: #bdc1c6;
  --dataTables_wrapper-border: #eeeeee;
  --dataTables_wrapper-select: #aaaaaa;
  --dataTables_wrapper-input: #aaaaaa;
  --table-dtrg-group-td-background: #3A3B3E;
  --table-dtrg-level1-td-background1: #46474A;
  --table-dtrg-level2-td-background1: #535457;
  --body-color: #bdc1c6;
  --body-background: #202124;
  --a-link-color: #bdc1c6;
  --a-visited-color: #bdc1c6;
  --a-hover-color: #bdc1c6;
  --a-active-color: #bdc1c6;
  --modal-background: rgb(0, 0, 0);
  --modal-background2: rgba(0, 0, 0, 0.4);
  --modal-content-background: #202124;
  --modal-content-color: #bdc1c6;
  --close-color: #bdc1c6;
  --close-color-hover: #ffffff;
}

/*jquery.dataTables.min.css*/
td.dt-control {
  background: url("https://www.datatables.net/examples/resources/details_open.png")
    no-repeat center center;
  cursor: pointer;
}
tr.dt-hasChild td.dt-control {
  background: url("https://www.datatables.net/examples/resources/details_close.png")
    no-repeat center center;
}
table.dataTable td.dt-left,
table.dataTable th.dt-left {
  text-align: left;
}
table.dataTable td.dataTables_empty,
table.dataTable td.dt-center,
table.dataTable th.dt-center {
  text-align: center;
}
table.dataTable td.dt-right,
table.dataTable th.dt-right {
  text-align: right;
}
table.dataTable td.dt-justify,
table.dataTable th.dt-justify {
  text-align: justify;
}
table.dataTable td.dt-nowrap,
table.dataTable th.dt-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable thead th.dt-head-left {
  text-align: left;
}
table.dataTable tfoot td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable thead th.dt-head-center {
  text-align: center;
}
table.dataTable tfoot td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable thead th.dt-head-right {
  text-align: right;
}
table.dataTable tfoot td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable thead th.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable thead th.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody td.dt-body-left,
table.dataTable tbody th.dt-body-left {
  text-align: left;
}
table.dataTable tbody td.dt-body-center,
table.dataTable tbody th.dt-body-center {
  text-align: center;
}
table.dataTable tbody td.dt-body-right,
table.dataTable tbody th.dt-body-right {
  text-align: right;
}
table.dataTable tbody td.dt-body-justify,
table.dataTable tbody th.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody td.dt-body-nowrap,
table.dataTable tbody th.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable tfoot th,
table.dataTable thead th {
  font-weight: 700;
}
table.dataTable thead td,
table.dataTable thead th {
  padding: 10px 18px;
  border-bottom: 1px solid var(--border);
}
table.dataTable thead td:active,
table.dataTable thead th:active {
  outline: 0;
}
table.dataTable tfoot td,
table.dataTable tfoot th {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid var(--border);
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../css/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../css/sort_asc.png") !important;
}
table.dataTable thead .sorting_desc {
  background-image: url("../css/sort_desc.png") !important;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../css/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../css/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: var(--table-tr-background);
}
table.dataTable tbody tr.selected {
  background-color: var(--table-tr-selected-background);
}
table.dataTable tbody td,
table.dataTable tbody th {
  padding: 8px 10px;
}
table.dataTable.display tbody td,
table.dataTable.display tbody th,
table.dataTable.row-border tbody td,
table.dataTable.row-border tbody th {
  border-top: 1px solid var(--table-th-border);
}
table.dataTable.display tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.row-border tbody tr:first-child th {
  border-top: none;
}
table.dataTable.cell-border tbody td,
table.dataTable.cell-border tbody th {
  border-top: 1px solid var(--table-th-border);
  border-right: 1px solid var(--table-th-border);
}
table.dataTable.cell-border tbody tr td:first-child,
table.dataTable.cell-border tbody tr th:first-child {
  border-left: 1px solid var(--table-th-border);
}
table.dataTable.cell-border tbody tr:first-child td,
table.dataTable.cell-border tbody tr:first-child th {
  border-top: none;
}
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd {
  background-color: var(--table-tr-odd-background);
}
table.dataTable.display tbody tr.odd.selected,
table.dataTable.stripe tbody tr.odd.selected {
  background-color: var(--table-tr-odd-selected-background);
}
table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover {
  background-color: var(--table-tr-hover-background);
}
table.dataTable.display tbody tr:hover.selected,
table.dataTable.hover tbody tr:hover.selected {
  background-color: var(--table-tr-hover-selected-background);
}
table.dataTable.no-footer {
  border-bottom: 1px solid var(--table-nofooter-border);
}
table.dataTable.nowrap td,
table.dataTable.nowrap th {
  white-space: nowrap;
}
table.dataTable.compact thead td,
table.dataTable.compact thead th {
  padding: 4px;
}
table.dataTable.compact tfoot td,
table.dataTable.compact tfoot th {
  padding: 4px;
}
table.dataTable.compact tbody td,
table.dataTable.compact tbody th {
  padding: 4px;
}
table.dataTable td,
table.dataTable th {
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--dataTables_wrapper-select);
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid var(--dataTables_wrapper-input);
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--paginate_button-color) !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--paginate_button-current-color) !important;
  border: 1px solid var(--paginate_button-current-border);
  background-color: var(--paginate_button-current-background);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, var(--paginate_button-current-background-gradient1)),
    color-stop(100%, var(--paginate_button-current-background-gradient2))
  );
  background: -webkit-linear-gradient(top, var(--paginate_button-current-background-gradient1) 0, var(--paginate_button-current-background-gradient2) 100%);
  background: -moz-linear-gradient(top, var(--paginate_button-current-background-gradient1) 0, var(--paginate_button-current-background-gradient2) 100%);
  background: -ms-linear-gradient(top, var(--paginate_button-current-background-gradient1) 0, var(--paginate_button-current-background-gradient2) 100%);
  background: -o-linear-gradient(top, var(--paginate_button-current-background-gradient1) 0, var(--paginate_button-current-background-gradient2) 100%);
  background: linear-gradient(to bottom, var(--paginate_button-current-background-gradient1) 0, var(--paginate_button-current-background-gradient2) 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  cursor: default;
  color: var(--paginate_button-disabled-color) !important;
  border: 1px solid transparent;
  background: 0 0;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--paginate_button-hover-color) !important;
  border: 1px solid var(--paginate_button-hover-border);
  background-color: var(--paginate_button-hover-background);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, var(--paginate_button-hover-background-gradient1)),
    color-stop(100%, var(--paginate_button-hover-background-gradient2))
  );
  background: -webkit-linear-gradient(top, var(--paginate_button-hover-background-gradient1) 0, var(--paginate_button-hover-background-gradient2) 100%);
  background: -moz-linear-gradient(top, var(--paginate_button-hover-background-gradient1) 0, var(--paginate_button-hover-background-gradient2) 100%);
  background: -ms-linear-gradient(top, var(--paginate_button-hover-background-gradient1) 0, var(--paginate_button-hover-background-gradient2) 100%);
  background: -o-linear-gradient(top, var(--paginate_button-hover-background-gradient1) 0, var(--paginate_button-hover-background-gradient2) 100%);
  background: linear-gradient(to bottom, var(--paginate_button-hover-background-gradient1) 0, var(--paginate_button-hover-background-gradient2) 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: 0;
  background-color: var(--paginate_button-active-background);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, var(--paginate_button-active-background-gradient1)),
    color-stop(100%, var(--paginate_button-active-background-gradient2))
  );
  background: -webkit-linear-gradient(top, var(--paginate_button-active-background-gradient1) 0, var(--paginate_button-active-background-gradient2) 100%);
  background: -moz-linear-gradient(top, var(--paginate_button-active-background-gradient1) 0, var(--paginate_button-active-background-gradient2) 100%);
  background: -ms-linear-gradient(top, var(--paginate_button-active-background-gradient1) 0, var(--paginate_button-active-background-gradient2) 100%);
  background: -o-linear-gradient(top, var(--paginate_button-active-background-gradient1) 0, var(--paginate_button-active-background-gradient2) 100%);
  background: linear-gradient(to bottom, var(--paginate_button-active-background-gradient1) 0, var(--paginate_button-active-background-gradient2) 100%);
  box-shadow: inset 0 0 3px var(--paginate_button-active-background-boxshadow);
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: var(--dataTables_processing-background);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, var(--dataTables_processing-background-gradient1)),
    color-stop(25%, var(--dataTables_processing-background-gradient2)),
    color-stop(75%, var(--dataTables_processing-background-gradient3)),
    color-stop(100%, var(--dataTables_processing-background-gradient4))
  );
  background: -webkit-linear-gradient(
    left,
    var(--dataTables_processing-background-gradient1) 0,
    var(--dataTables_processing-background-gradient2) 25%,
    var(--dataTables_processing-background-gradient3) 75%,
    var(--dataTables_processing-background-gradient4) 100%
  );
  background: -moz-linear-gradient(
    left,
    var(--dataTables_processing-background-gradient1) 0,
    var(--dataTables_processing-background-gradient2) 25%,
    var(--dataTables_processing-background-gradient3) 75%,
    var(--dataTables_processing-background-gradient4) 100%
  );
  background: -ms-linear-gradient(
    left,
    var(--dataTables_processing-background-gradient1) 0,
    var(--dataTables_processing-background-gradient2) 25%,
    var(--dataTables_processing-background-gradient3) 75%,
    var(--dataTables_processing-background-gradient4) 100%
  );
  background: -o-linear-gradient(
    left,
    var(--dataTables_processing-background-gradient1) 0,
    var(--dataTables_processing-background-gradient2) 25%,
    var(--dataTables_processing-background-gradient3) 75%,
    var(--dataTables_processing-background-gradient4) 100%
  );
  background: linear-gradient(
    to right,
    var(--dataTables_processing-background-gradient1) 0,
    var(--dataTables_processing-background-gradient2) 25%,
    var(--dataTables_processing-background-gradient3) 75%,
    var(--dataTables_processing-background-gradient4) 100%
  );
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
  color: var(--dataTables_wrapper-color);
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > tbody
  > tr
  > td,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > tbody
  > tr
  > th,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > thead
  > tr
  > td,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > thead
  > tr
  > th {
  vertical-align: middle;
}
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > tbody
  > tr
  > td
  > div.dataTables_sizing,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > tbody
  > tr
  > th
  > div.dataTables_sizing,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > thead
  > tr
  > td
  > div.dataTables_sizing,
.dataTables_wrapper
  .dataTables_scroll
  div.dataTables_scrollBody
  > table
  > thead
  > tr
  > th
  > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid var(--border);
}
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table,
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/*jquery.dataTables.min.css*/
table.dataTable tr.dtrg-group td {
  background-color: var(--table-dtrg-group-td-background);
}
table.dataTable tr.dtrg-group.dtrg-level-0 td {
  font-weight: bold;
}
table.dataTable tr.dtrg-group.dtrg-level-1 td,
table.dataTable tr.dtrg-group.dtrg-level-2 td,
table.dataTable tr.dtrg-group.dtrg-level-3 td,
table.dataTable tr.dtrg-group.dtrg-level-4 td,
table.dataTable tr.dtrg-group.dtrg-level-5 td {
  background-color: var(--table-dtrg-level1-td-background1);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: var(--table-dtrg-level2-td-background1);
  padding-left: 2.5em;
}
table.dataTable tr.dtrg-group.dtrg-level-3 td {
  background-color: var(--table-dtrg-level2-td-background1);
  padding-left: 3em;
}
table.dataTable tr.dtrg-group.dtrg-level-4 td {
  background-color: var(--table-dtrg-level2-td-background1);
  padding-left: 3.5em;
}
table.dataTable tr.dtrg-group.dtrg-level-5 td {
  background-color: var(--table-dtrg-level2-td-background1);
  padding-left: 4em;
}

/*custom*/
body {
  font: 1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-variant-ligatures: normal !important;
  font-variant-caps: normal !important;
  font-variant-numeric: normal !important;
  font-variant-east-asian: normal !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  line-height: 1em !important;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
  margin: 0;
  padding: 0;
  color: var(--body-color);
  background-color: var(--body-background);
  position: relative;
  height: auto !important;
  min-height: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: inherit;
}

.page {
  margin: auto;
  width: 50%;
}

.login {
  padding: 70px 0;
  text-align: center;
}

.header {
  clear: both;
}

.content {
  clear: both;
}

.footer {
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
}

.link {
  padding-left: 1em;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left;
}

.left {
  float: left;
}

.right {
  float: right;
}

.inline {
  display: inline-block;
}

input,
select,
textarea,
button {
  color: var(--body-color);
}

select option {
  color: var(--body-color);
  background-color: var(--body-background);
}

img {
  max-width: 1em;
  max-height: 1em;
  display: inline-block;
}

table.dataTable thead .sorting_disabled {
  background-image: none !important;
  cursor: default !important;
}

a:link {
  text-decoration: none;
  color: var(--a-link-color);
}

a:visited {
  text-decoration: none;
  color: var(--a-visited-color);
}

a:hover {
  text-decoration: underline;
  color: var(--a-hover-color);
}

a:active {
  text-decoration: underline;
  color: var(--a-active-color);
}

/*BEGIN Dark Mode slider*/

.theme-switch-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
}

.theme-switch-wrapper span {
  margin-right: 0.5rem;
  font-size: 1rem;
}

.theme-switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.theme-switch input {
  display: none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*END Dark Mode slider*/

caption {
  font-size: 1.1em;
  font-weight: bold;
}

/*BEGIN Modal window*/

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

.modal-content {
  background-color: var(--modal-content-background);
  color: var(--modal-content-color);
  width: 50%;
  min-height: 50%;
  margin: auto;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

.close {
  color: var(--close-color);
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: var(--close-color-hover);
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
}

.modal-body {
  padding: 2px 16px;
}

@-webkit-keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*END Modal window*/

/*BEGIN responsive*/

@media only screen and (max-width: 1440px) {
  .page,
  .modal-content {
    margin: auto;
    width: 66%;
  }
}
@media only screen and (max-width: 1280px) {
  .page,
  .modal-content {
    margin: auto;
    width: 90%;
  }

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    border-top: 1px solid var(--table-tr-border);
    border-left: 1px solid var(--table-tr-border);
    border-right: 1px solid var(--table-tr-border);
  }

  #contacttable tr:last-child {
    border-bottom: 1px solid var(--table-tr-border);
  }

  td {
    border: none !important;
    position: relative;
    padding-left: 50%;
  }
}

/*END responsive*/