@charset "UTF-8";
:root {
  --color-primary: #737373;
  --color-primary-hover: #6e6e6e;
  --color-branding-main: #1f4f5d;
  --color-branding-main-hover: #193f4a; }

/* Container für die Chatfenster */
#chatContainer {
  position: fixed;
  bottom: 0;
  right: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* Rechtsbündige Ausrichtung */
  align-items: end;
  gap: 10px;
  z-index: 9999; }

/* Chat Fenster */
.chatWindow {
  width: 350px;
  max-width: 90%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  /* Sanfte Übergänge bei Höhe und Anzeige */
  max-height: 400px; }

.chatHeader {
  background: var(--color-primary);
  color: white;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px 10px 0 0;
  height: 50px;
  /* Festgelegte Höhe des Headers */ }

.chatMessages {
  padding: 10px;
  overflow-y: auto;
  flex-grow: 1; }

.chatFooter {
  padding: 10px;
  border-top: 1px solid #ccc; }

.chatFooter input {
  width: 100%;
  padding: 5px;
  box-sizing: border-box; }

/* Wenn minimiert */
.chatWindow.minimized {
  height: 50px;
  /* Nur die Höhe des Headers bleibt */ }
  .chatWindow.minimized .chatHeader {
    background: #888; }

.chatWindow.minimized .chatMessages,
.chatWindow.minimized .chatFooter {
  display: none;
  /* Nachrichten und Eingabefeld ausblenden */ }

#openModalBtn {
  position: fixed;
  right: 15px;
  bottom: 15px;
  border-radius: 50px;
  z-index: 100;
  font-size: 22px;
  text-align: center;
  aspect-ratio: 1 / 1;
  padding: 10px; }
  #openModalBtn #badgeUnreadMessagesTotal {
    display: none;
    background: red;
    position: absolute;
    top: -6px;
    right: -4px;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    padding: 5px;
    min-width: 20px; }

html, body {
  scroll-behavior: smooth;
  font-size: 14px; }
  html .h1, html .h2, html .h3, html .h4, html .h5, html .h6, html h1, html h2, html h3, html h4, html h5, html h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
    color: var(--color-branding-main); }
  html .fa-solid, html .fas, body .fa-solid, body .fas {
    font-weight: 900 !important; }
  html .tab-basic .nav-item, body .tab-basic .nav-item {
    margin-right: 40px; }
  html .modal-backdrop.show, body .modal-backdrop.show {
    opacity: .5 !important; }
  html .input-group-append, html .input-group-prepend, html .asColorPicker-trigger, body .input-group-append, body .input-group-prepend, body .asColorPicker-trigger {
    background: #eee; }
  html .page-body-wrapper, body .page-body-wrapper {
    background-color: #fff;
    min-height: calc(100vh - 120px); }
  @media screen and (min-width: 1200px) {
    html .modal-lgplus, body .modal-lgplus {
      max-width: 1050px; }
    html .modal-full, body .modal-full {
      max-width: calc(100vw - 50px); } }
  html .modal .modal-dialog, body .modal .modal-dialog {
    top: 50%;
    transform: translateY(-50%) !important;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); }
    html .modal .modal-dialog .modal-content, body .modal .modal-dialog .modal-content {
      background: #fff !important; }
      html .modal .modal-dialog .modal-content table th, html .modal .modal-dialog .modal-content table td, body .modal .modal-dialog .modal-content table th, body .modal .modal-dialog .modal-content table td {
        padding: 8px 10px; }
      html .modal .modal-dialog .modal-content .modal-body, body .modal .modal-dialog .modal-content .modal-body {
        max-height: calc(100vh - 250px);
        overflow: auto; }
  html .card, body .card {
    border: 1px solid #ddd !important; }
    html .card .card-illustration, body .card .card-illustration {
      text-align: center; }
      html .card .card-illustration img, body .card .card-illustration img {
        max-height: 200px;
        width: auto; }
    html .card.active, body .card.active {
      height: 100%;
      border: 3px solid #7ed321 !important; }
  html .dns-record-container, body .dns-record-container {
    border: 1px solid #eee;
    margin: 10px 0;
    padding: 10px;
    background: #fafafa;
    border-radius: 5px;
    font-size: 13px; }
  html .loadmask, body .loadmask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1; }
    html .loadmask-msg, body .loadmask-msg {
      z-index: 20001;
      position: absolute;
      border: 2px solid #bbb;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%);
      background: #fbfbfb;
      padding: 5px; }
      html .loadmask-msg div, body .loadmask-msg div {
        padding: 5px 10px 5px 30px;
        background: #fbfbfb url("/plugins/jquery-loadmask/images/loading.gif") no-repeat 5px 7px;
        color: #222;
        font-size: 13px;
        cursor: wait; }
  html .masked, body .masked {
    overflow: hidden !important; }
    html .masked-relative, body .masked-relative {
      position: relative !important; }
    html .masked-hidden, body .masked-hidden {
      visibility: hidden !important; }
  html .tiles-row .card, body .tiles-row .card {
    height: 100%; }
  @media (min-width: 992px) {
    html .modal-lg, body .modal-lg {
      max-width: 800px; } }
  html table.dataTable, body table.dataTable {
    width: 100% !important;
    border-collapse: collapse !important; }
  html table th.action, html table td.action, body table th.action, body table td.action {
    text-align: right !important;
    max-width: 250px; }
  html table.table th img, html table.table td img, body table.table th img, body table.table td img {
    width: auto;
    height: auto;
    border-radius: 0; }
  html #application table th, html #application table td, body #application table th, body #application table td {
    font-size: .675rem !important; }
  html #application table td, body #application table td {
    font-size: 14px !important; }
  html #application table.table th, html #application table.table td, body #application table.table th, body #application table.table td {
    font-size: .675rem !important; }
  html .content-wrapper, body .content-wrapper {
    padding: 0 15px; }
  html .input-group-range .input-group-append, html .input-group-range .input-group-prepend, body .input-group-range .input-group-append, body .input-group-range .input-group-prepend {
    padding: 0; }
    html .input-group-range .input-group-append .input-group-text, html .input-group-range .input-group-prepend .input-group-text, body .input-group-range .input-group-append .input-group-text, body .input-group-range .input-group-prepend .input-group-text {
      padding: 0 10px;
      font-size: 13px; }
  html .input-group-range input[type=range], body .input-group-range input[type=range] {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: auto;
    height: 25px;
    /* Specified height */
    background: #d3d3d3;
    /* Grey background */
    outline: none;
    /* Remove outline */
    opacity: 0.7;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s; }
    html .input-group-range input[type=range]:hover, body .input-group-range input[type=range]:hover {
      opacity: 1;
      /* Fully shown on mouse-over */ }
    html .input-group-range input[type=range]::-webkit-slider-thumb, body .input-group-range input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      /* Override default look */
      appearance: none;
      width: 25px;
      /* Set a specific slider handle width */
      height: 25px;
      /* Slider handle height */
      background: var(--color-primary);
      /* Green background */
      cursor: pointer;
      /* Cursor on hover */ }
    html .input-group-range input[type=range]::-moz-range-thumb, body .input-group-range input[type=range]::-moz-range-thumb {
      width: 25px;
      /* Set a specific slider handle width */
      height: 25px;
      /* Slider handle height */
      background: var(--color-primary);
      /* Green background */
      cursor: pointer;
      /* Cursor on hover */ }
  html .input-group-range .value, body .input-group-range .value {
    display: block;
    flex-basis: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7; }
  html #btn-scroll-top, body #btn-scroll-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0.8);
    color: #111;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    opacity: .6;
    aspect-ratio: 1 / 1;
    height: 65px;
    font-size: 25px;
    transition: all .2s ease; }
    html #btn-scroll-top:hover, body #btn-scroll-top:hover {
      opacity: 1; }
  @media (min-width: 768px) {
    html .navbar.horizontal-layout .nav-bottom .page-navigation, body .navbar.horizontal-layout .nav-bottom .page-navigation {
      min-height: 72px; }
      html .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item, body .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item {
        display: flex;
        align-items: center; }
        html .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search, body .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search {
          min-width: 400px;
          max-width: 100%; }
          html .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search form, body .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search form {
            width: 100%; }
            html .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search form input[type=search], body .navbar.horizontal-layout .nav-bottom .page-navigation .nav-item.search form input[type=search] {
              width: 100%;
              border-top: none;
              border-left: none;
              border-right: none; }
    html .navbar.horizontal-layout .nav-bottom .page-navigation > .nav-item:not(.mega-menu) .submenu, body .navbar.horizontal-layout .nav-bottom .page-navigation > .nav-item:not(.mega-menu) .submenu {
      margin-top: -2px; } }
  html .well, body .well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    font-size: 13px;
    border-radius: 5px;
    color: #666; }
  html .nav-tabs > li, body .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    html .nav-tabs > li > a, body .nav-tabs > li > a {
      position: relative;
      display: block;
      padding: 10px 15px;
      margin-right: 2px;
      line-height: 1.42857143;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
    html .nav-tabs > li.active a, body .nav-tabs > li.active a {
      color: #555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }
  html .tab-content, body .tab-content {
    padding-top: 20px; }
  html .widget-box, body .widget-box {
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(100, 100, 100, 0.1); }
    html .widget-box--title, body .widget-box--title {
      background: #f7f8f9; }
      html .widget-box--title.error, body .widget-box--title.error {
        background: #C9302C;
        color: #fff; }
  html .btn-default, body .btn-default {
    background: #fff;
    border-color: #333;
    color: #333; }
    html .btn-default:hover, html .btn-default:focus, html .btn-default:active, body .btn-default:hover, body .btn-default:focus, body .btn-default:active {
      background: #eee; }
  html a.text-primary, body a.text-primary {
    color: var(--color-branding-main) !important; }
    html a.text-primary:hover, body a.text-primary:hover {
      color: var(--color-branding-main-hover) !important; }
  html .progress-bar, body .progress-bar {
    background-color: var(--color-branding-main); }
  html .list-group-item.active,
  html .btn-primary,
  html .badge-primary,
  html .wizard > .actions a,
  html .pagination .page-item.active .page-link, body .list-group-item.active,
  body .btn-primary,
  body .badge-primary,
  body .wizard > .actions a,
  body .pagination .page-item.active .page-link {
    background: var(--color-primary);
    border-color: var(--color-primary); }
  html .pagination .page-link, body .pagination .page-link {
    color: var(--color-primary); }
  html .pagination .page-item:hover .page-link, body .pagination .page-item:hover .page-link {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover); }
  html .site-tile, body .site-tile {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 0;
    margin: 15px;
    transition: all .2s ease;
    position: relative; }
    html .site-tile:hover, body .site-tile:hover {
      transform: scale(1.05); }
    html .site-tile--image, body .site-tile--image {
      height: 100px;
      text-align: center;
      padding: 15px; }
      html .site-tile--image img, body .site-tile--image img {
        height: 100%;
        width: auto; }
    html .site-tile--label, body .site-tile--label {
      background: #eee;
      font-weight: bold;
      text-align: center;
      padding: 10px; }
    html .site-tile--count-upload-space-files, body .site-tile--count-upload-space-files {
      background: var(--color-primary);
      border-radius: 15px;
      padding: 5px 10px;
      position: absolute;
      top: 8px;
      right: 8px; }
  html .list-group-item.active.sub, body .list-group-item.active.sub {
    background: #eee;
    color: #495057; }
  html .btn-primary:hover,
  html .btn-primary:focus,
  html .btn-primary:active,
  html .wizard > .actions a:hover, body .btn-primary:hover,
  body .btn-primary:focus,
  body .btn-primary:active,
  body .wizard > .actions a:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
    color: #fff;
    box-shadow: none !important; }
  html a, body a {
    color: var(--color-primary); }
    html a:hover, html a:focus, body a:hover, body a:focus {
      color: var(--color-primary-hover); }
  html .datepicker.datepicker-dropdown,
  html .datepicker.datepicker-inline, body .datepicker.datepicker-dropdown,
  body .datepicker.datepicker-inline {
    width: auto; }
  html .datepicker table tr td,
  html .datepicker table tr th, body .datepicker table tr td,
  body .datepicker table tr th {
    border-radius: 0;
    font-size: 11px !important;
    height: auto;
    padding: 2px 5px !important;
    border: 1px solid transparent; }
  html .datepicker table tfoot, body .datepicker table tfoot {
    background: #e1e4e8; }
  html .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active::before,
  html .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active::before, body .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active::before,
  body .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active::before {
    height: 20px;
    background: var(--color-primary-hover) !important;
    top: 2px; }
  html .datepicker table tr td.active, html .datepicker table tr td.active:hover,
  html .datepicker table tr td.active.disabled, html .datepicker table tr td.active.disabled:hover, body .datepicker table tr td.active, body .datepicker table tr td.active:hover,
  body .datepicker table tr td.active.disabled, body .datepicker table tr td.active.disabled:hover {
    border-color: transparent; }
  html .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
  html .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody, body .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
  body .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
    top: 0; }
  html .datepicker table tr td.holiday,
  html .datepicker table tr td.holiday:hover, body .datepicker table tr td.holiday,
  body .datepicker table tr td.holiday:hover {
    color: #a94442 !important;
    background: rgba(169, 68, 66, 0.2) !important; }
  html form.login-form img.app-logo, body form.login-form img.app-logo {
    max-width: 330px;
    max-height: 120px; }
  html .mobile-nav, body .mobile-nav {
    margin-top: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding-top: 0;
    padding-bottom: 0; }
    html .mobile-nav .navbar-collapse.collapse.show, body .mobile-nav .navbar-collapse.collapse.show {
      padding-top: 8px;
      padding-bottom: 8px; }
    html .mobile-nav .navbar-collapse .divider, body .mobile-nav .navbar-collapse .divider {
      height: 1px;
      margin: 9px 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    html .mobile-nav .navbar-collapse .profile, body .mobile-nav .navbar-collapse .profile {
      font-size: 1.2em; }
      html .mobile-nav .navbar-collapse .profile img, body .mobile-nav .navbar-collapse .profile img {
        height: 26px;
        width: 26px; }
  html .dataTables_wrapper, body .dataTables_wrapper {
    margin-top: 15px; }

.sw > .tab-content {
  overflow: inherit;
  height: auto !important; }

.form-control-static {
  margin: 0;
  padding: 0.56rem 0.75rem;
  line-height: 14px; }

.js-toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  color: #dfdfdf !important; }
  .js-toggle-password i.active {
    display: none; }
  .js-toggle-password i.inactive {
    display: inline-block; }
  .js-toggle-password.active i.active {
    display: inline-block; }
  .js-toggle-password.active i.inactive {
    display: none; }

[data-toggle=secret] {
  display: none; }
  [data-toggle=secret].init-complete {
    display: initial; }

.js-toggle-secret {
  margin-left: 15px;
  transform: translateY(-50%);
  z-index: 999;
  color: #dfdfdf !important; }
  .js-toggle-secret i.active {
    display: none; }
  .js-toggle-secret i.inactive {
    display: inline-block; }
  .js-toggle-secret.active i.active {
    display: inline-block; }
  .js-toggle-secret.active i.inactive {
    display: none; }

.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.tt-hint,
.tt-query,
.typeahead,
.table-bordered th,
.table-bordered td {
  border-color: #aaa; }

.modal-backdrop.fade.in {
  opacity: 0.15 !important; }

.form-check.inline {
  display: inline-block;
  margin-right: 50px; }

.navbar.horizontal-layout {
  position: fixed;
  z-index: 10; }
  .navbar.horizontal-layout .dropdown-menu {
    border: 1px solid #ddd !important;
    margin-top: -21px !important;
    border-radius: 0 !important;
    padding: 0 !important; }
  .navbar.horizontal-layout .navbar-brand {
    font-size: .8rem; }
    .navbar.horizontal-layout .navbar-brand.brand-logo-mini {
      padding: 15px 15px;
      font-size: 18px;
      line-height: 20px;
      color: #fff !important; }
  .navbar.horizontal-layout .nav-bottom {
    border-bottom: 1px solid #ddd; }
  .navbar.horizontal-layout .nav-top {
    height: 30px;
    background: var(--color-primary); }
    @media (max-width: 991px) {
      .navbar.horizontal-layout .nav-top {
        height: 50px; } }
    .navbar.horizontal-layout .nav-top .nav-link,
    .navbar.horizontal-layout .nav-top .nav-profile-name {
      color: #fff !important;
      font-size: .8rem; }

#sidebar {
  width: 300px;
  left: 0;
  background: #fff;
  border-right: 1px solid #ddd;
  position: fixed;
  height: calc(100vh - 100px); }
  @media (max-width: 991px) {
    #sidebar {
      display: none; } }
  #sidebar .list-group .list-group-item {
    font-size: 13px;
    border: none;
    border-radius: 0; }
  #sidebar #filing-menu {
    max-height: 100%;
    overflow: auto; }
    #sidebar #filing-menu.has-calendar {
      max-height: calc(100% - 200px); }
  #sidebar #sidebar-static-global-calendar {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 10px 25px; }
    #sidebar #sidebar-static-global-calendar .datepicker td, #sidebar #sidebar-static-global-calendar .datepicker th {
      padding: 0 !important;
      border: none !important; }
    #sidebar #sidebar-static-global-calendar .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today::before, #sidebar #sidebar-static-global-calendar .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active::before, #sidebar #sidebar-static-global-calendar .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today::before, #sidebar #sidebar-static-global-calendar .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active::before {
      height: 18px;
      top: 0; }
    #sidebar #sidebar-static-global-calendar .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today::before, #sidebar #sidebar-static-global-calendar .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.today::before {
      background: var(--color-primary);
      box-shadow: none; }

#main h1 {
  font-size: 26px; }
#main h2 {
  font-size: 22px; }

footer {
  padding: 4px 15px !important; }

body.app .page-body-wrapper {
  margin-top: 102px;
  margin-left: 300px; }
  @media (max-width: 991px) {
    body.app .page-body-wrapper {
      margin: 0; } }
@media (max-width: 991px) {
  body.app .main-panel {
    padding-top: 15px; } }
body.app #main {
  width: calc(100vw - 300px); }
  @media (max-width: 991px) {
    body.app #main {
      width: 100%; } }

body.sharing .page-body-wrapper {
  margin: 0;
  padding-top: 140px;
  min-height: calc(100vh - 29px); }
  @media (max-width: 991px) {
    body.sharing .page-body-wrapper {
      padding-top: 60px; } }
@media (max-width: 991px) {
  body.sharing .main-panel {
    padding-top: 15px; } }

#file-preview {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 102px;
  width: 40%;
  max-width: 800px;
  border: 1px solid #ddd;
  background: #fff;
  overflow: auto; }
  #file-preview::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 15px;
    left: -15px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(100, 100, 100, 0.2) 100%); }
  #file-preview .viewer {
    display: block;
    height: 500px;
    width: 100%;
    max-height: 50vh;
    overflow: auto;
    border: 1px solid #ccc; }

#file-preview-sharing .viewer {
  display: block;
  height: 500px;
  width: 100%;
  max-height: 50vh;
  overflow: auto;
  border: 1px solid #ccc; }

#file-list th {
  position: relative; }
  #file-list th.filterable::before {
    content: "\f0b0";
    font-family: "Font Awesome 6 Free";
    font-weight: 900 !important;
    font-size: 12px;
    color: #ccc;
    margin-right: 5px; }
  #file-list th.active-filter::before {
    color: #666; }
  #file-list th .dropdown .dropdown-menu li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 0 15px;
    white-space: nowrap;
    font-weight: normal; }
    #file-list th .dropdown .dropdown-menu li a:hover {
      background: #f5f5f5; }
  #file-list th.sortable {
    padding-right: 60px; }
    #file-list th.sortable .dropdown {
      position: absolute;
      right: 10px;
      bottom: 8px; }
#file-list .filter-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  background-color: #f9f9f9;
  min-width: 200px;
  border: 1px solid #ccc;
  z-index: 1;
  padding: 10px;
  text-align: left; }
  #file-list .filter-dropdown label {
    display: inline-block;
    margin: 8px 0;
    cursor: pointer;
    margin-left: 10px; }
#file-list .active {
  background: #f5f5f5; }
#file-list .show-preview,
#file-list .show-preview-separator {
  cursor: pointer; }

/*# sourceMappingURL=theme.css.map */