/* tooltips auf der aktendetailseite */
.ttdiv {
  display: inline;
}

.ttdiv .ttbtn {
  padding: 0;
  cursor: help;
  vertical-align: baseline;
  line-height: 10px;
  background-color: white;
  color: black;
}

li.tree-parent.tree-focus span .ttdiv .ttbtn {
  background-color: #f0f0f0; /* color4 */
}

.ttdiv .ttdivcontent,
[role=tooltip],
.hidetooltip.hidetooltip.hidetooltip + [role=tooltip] {
  position: absolute;
  top: 2em;
  background-color: #DFE7EE; /* color3 */
  color: black;
  z-index: 25;
  padding: 16px;
  border: 1px solid #476274; /* color 1 */
}

[aria-describedby]:hover,
[aria-describedby]:focus {
  position: relative;
}

[aria-describedby]:hover + [role=tooltip],
[aria-describedby]:focus + [role=tooltip] {
  visibility: visible;
}

/* beiakte */
.table-data > tr:hover > td {
  background-color: #dfe7ee !important;
}

.aui #content {
  & h3,
  & h4 {
    color: #476274; /* color 1 */
  }
}

/* file details tree: document titles and file names black for accessibility */
.aui .portlet-content .portlet-body {
  .tree a.file-download-link,
  .tree a.item-title,
  .tree-parent span.item-title > a {
    color: black;
  }
}

.aui .akteneinsicht-portlet {
  .portlet.portlet-borderless-container {
    margin-bottom: 0 !important;
  }
  .portlet-borderless-container {
    padding: 0;
    margin-bottom: 0;
  }
  .portlet-body {
    position: relative;

    .akteneinsicht-errors
    {
      /*color: #C50E0E;*/
      color: black;
      background-color: #FDE3E3;
      border: 2px solid #C50E0E;
      border-left-width: 8px;
      margin-bottom: 2em;
      margin-top: 2em;
      padding: 1em;
      word-wrap: break-word;
    }

    .session-error-header {
      padding-top: 1em;
      padding-left: 1em;
    }

    .session-error-navi-logout {
      a {
        margin-left: 1em;
        font-size: 12pt;
        color: black;
      }
    }

    /*
    sortierung auf aktenuebersichtsseite
    sortierung und/oder filter auf aktendetailseite
     */
    .akteneinsicht-notification
    {
      font-size: 12pt;
      color: black;
      background-color: #deffde;
      border: 2px solid #92f892;
      margin-bottom: 1em;
      margin-top: 1em;
      padding: 1em;
      word-wrap: break-word;
      text-align: center;
    }

    #ng-sort-fieldset {
      text-align: right;
      margin-bottom: 1em;

      > legend {
        font-size: 12pt;
        margin-bottom: 0;
        text-align: left;
        border: none;
      }

      > select {
        margin-left: 1em;
        margin-bottom: 0;
        margin-top: 1em;
      }

      > select :focus {
        outline-offset: 2px;
      }

      button {
        margin-left: 1em;
        margin-bottom: 0;
        color: #333;
        background: #dfe7ee;
        margin-top: 1em;
        width: 20%;
      }

      > button :focus {
        outline-offset: 2px;
      }
    }

    .inner-padding {
      padding-top: 70px;
      padding-left: 20px;
    }
    .padding-right {
      padding-right: 20px;
    }
    .inner {
      form {
        margin-bottom: 0;
        min-height: 0;
      }
      #shipping {
        text-align: right;
        option,
        select {
          text-align: left;
          font-weight: normal;
        }
        select {
          float: left;
          margin-left: 4px;
          width: 155px;
        }
        legend {
          all: unset;
        }
        label, #fs-legend {
          float: left;
          font-size: 14px;
          padding: 4px 3px 0 0px;
          display: inline-block;
        }
        .btn {
          background: #476274;
          color: #fff;
          .icon {
            color: #fff;
          }
          border: 0;
          border-radius: 0;
          float: right;
          box-shadow: none;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          padding: 6px 4px 4px 4px;
          text-align: center;
        }
      }
    }

    .searchcontainer {

      .table-cell.beiakte-beiakte
      {
        background-color: #F9F9F9;
        word-wrap: break-word;
        > a {
          color: black;
        }
      }

      .table-cell.beiakte-hauptakte
      {
        background-color: white;
        word-wrap: break-word;
        > a {
          color: black;
        }
      }

      .table-cell {
        .file-link {
          text-decoration: none;
          border-bottom: 0;
          margin-right: 5px;
          .icon {
            font-size: 24px;
          }
        }
      }
    }

  }
}