/*.perspectiveListContainer*/
table th.fileTitle {
    padding-left: 8px !important;
    white-space: nowrap;
}

table .fileTitle {
    font-size: 14px;
    padding-left: 0 !important;
}

.fileTitleWidth {
    min-width: 110px;
}

.extTagButton {
    padding: 2px 4px 2px 4px;
    background: #bbb !important;
    color: white !important;
    margin: 1px;
    border: 0;
    border-radius: 5px !important;
    text-decoration: none;
}

.fileButton {
    padding: 1px 12px 1px 1px;
    background-color: #E5E5E5;
    font-weight: normal;
    color: #222222;
    text-align: left;
    margin: 1px;
    border: #ddd solid 1px;
    z-index: 9999;
}

.fileExt {
  background-color: inherit;
  color: inherit;
  text-transform: uppercase;
  font-size: 12px;
  padding: 4px;
}

.fileTitleButton {
  margin: 1px;
  padding: 1px;
  margin-left: 5px;
  background-color: #515151;
  color: white;
  background-color: gray;
  border-radius: 3px;
  opacity: 0.8 !important;
  /*mix-blend-mode: darken;*/
}

.fileTitleButton:hover, .fileTitleButton:active, .fileTitleButton:focus  {
  background-color: #515151;
  color: white;
  border-radius: 3px;
  opacity: 1 !important;
}

.fileSelection {
  margin-left: 0px;
}

.fileSelection i {
  padding-right: 0px;
  padding-left: 0px;
}


table.dataTable tr.even {
    background-color: white;
}

table.dataTable tr.odd {
    background-color: white;
}

.activeRow {
    background: rgba(29, 209, 159, 0.52) !important;
}

table.dataTable tr.ui-selected {
    color: white;
    background: #1DD19F !important; /* 00b4ff #7BD8FF */
}

table.dataTable tr.odd td.sorting_1 { background-color: inherit; }
table.dataTable tr.odd td.sorting_2 { background-color: inherit; }
table.dataTable tr.odd td.sorting_3 { background-color: inherit; }
table.dataTable tr.even td.sorting_1 { background-color: inherit; }
table.dataTable tr.even td.sorting_2 { background-color: inherit; }
table.dataTable tr.even td.sorting_3 { background-color: inherit; }

table.dataTable thead th {
    border-bottom: 1px solid lightgray;
}

table.dataTable tfoot th {
    border-top: 1px solid lightgray;
}

table.dataTable tbody td {
    border-bottom: 1px solid lightgray;
}

#aboutExtensionModal img {
    max-width: 100%;
}

#aboutExtensionModal h1 {
    font-size: 22px;
}

#aboutExtensionModal h2 {
    font-size: 20px;
}

#aboutExtensionModal h3 {
    font-size: 18px;
}

#aboutExtensionModal .modal-body {
    max-height: 500px;
    overflow: auto;
}

.fileTitleWidth {
    min-width: 115px !important;
}