.sortable-tree li div input[type=text], #sortableListsBase li div input[type=text] {
  border: 1px solid transparent;
  width: 400px;
  padding: 5px; }
  .sortable-tree li div input[type=text]:hover, #sortableListsBase li div input[type=text]:hover {
    border-bottom: 1px solid #ccc; }

.sortable-tree li div select, #sortableListsBase li div select {
  border: 1px solid #ccc;
  width: 200px;
  padding: 5px; }
  .sortable-tree li div select:hover, #sortableListsBase li div select:hover {
    border-bottom: 1px solid #ccc; }
  .sortable-tree li div select:focus, #sortableListsBase li div select:focus {
    border-bottom: 1px solid #4a87b6; }

.sortable-tree ul, .sortable-tree li, #sortableListsBase ul, #sortableListsBase li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.sortable-tree ul ul, #sortableListsBase ul ul {
  border: 1px solid #dbdbdb; }

.sortable-tree li, #sortableListsBase li {
  padding-left: 25px;
  margin: 5px;
  border: 1px solid #dbdbdb;
  background-color: #f9f9f9; }

.sortable-tree li div, #sortableListsBase li div {
  padding: 3px 5px;
  background-color: #fff; }

.sortable-tree .splaceholder, #sortableListsBase .splaceholder {
  background-color: #f0f0f0;
  border-style: dotted;
  margin-bottom: 7px !important; }

.sortable-tree .shint, #sortableListsBase .shint {
  background-color: #f5ecd7; }

.sortable-tree .opener, #sortableListsBase .opener {
  padding-top: 4px;
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-left: -22px;
  margin-right: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  color: #666;
  cursor: pointer; }

.sortable-tree .opener:hover, #sortableListsBase .opener:hover {
  color: #333;
  cursor: pointer; }

.chat-window {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .chat-window.floating {
    position: absolute;
    top: 50px;
    left: 65px;
    height: 450px;
    width: 750px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 188888;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); }
  .chat-window .chat-window-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 40px;
    border-bottom: 1px solid rgba(140, 140, 140, 0.2);
    padding: 8px 10px;
    font-size: 18px;
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: 200;
    color: #4A87B6; }
    .chat-window .chat-window-header a {
      float: right;
      font-size: 14px;
      display: inline-block;
      font-size: 12px;
      color: #8E8E8E;
      cursor: pointer;
      margin-top: 4px;
      margin-left: 5px;
      margin-right: 10px; }
      .chat-window .chat-window-header a:hover {
        color: #000; }
  .chat-window .chat {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .chat-window .chat .chat-channel-filter {
      padding: 4px 10px;
      position: relative; }
      .chat-window .chat .chat-channel-filter input {
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        padding: 2px 0 2px 15px; }
        .chat-window .chat .chat-channel-filter input:focus {
          border-bottom: 1px solid #6296be;
          background-color: #fff; }
      .chat-window .chat .chat-channel-filter .fa {
        position: absolute;
        left: 10px;
        color: #999;
        top: 7px; }
    .chat-window .chat .chat-left {
      -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
      background-color: #f6f6f6;
      border-right: 1px solid #d2d2d2;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      overflow: auto; }
      .chat-window .chat .chat-left::-webkit-scrollbar {
        width: 5px; }
      .chat-window .chat .chat-left::-webkit-scrollbar-track {
        background: #eaeaea; }
      .chat-window .chat .chat-left::-webkit-scrollbar-thumb {
        background: #969696; }
      .chat-window .chat .chat-left .chat-header {
        padding: 10px 10px 0 10px;
        font-size: 11px;
        font-weight: bold;
        margin-bottom: 5px; }
      .chat-window .chat .chat-left ul {
        list-style: none;
        list-style-position: outside;
        padding-left: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .chat-window .chat .chat-left ul li {
          -webkit-box-flex: 0;
          -ms-flex-positive: 0;
          flex-grow: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          -webkit-box-ordinal-group: 101;
          -ms-flex-order: 100;
          order: 100;
          padding: 4px 10px;
          cursor: pointer;
          border-top: 1px solid transparent;
          border-bottom: 1px solid transparent; }
          .chat-window .chat .chat-left ul li:hover {
            background-color: rgba(213, 232, 251, 0.4); }
          .chat-window .chat .chat-left ul li.active {
            background-color: #d5e8fb;
            border-top: 1px solid #bfdbf8;
            border-bottom: 1px solid #bfdbf8; }
          .chat-window .chat .chat-left ul li small {
            font-size: 11px;
            font-weight: bold;
            margin-top: 4px;
            display: inline-block;
            color: #777; }
          .chat-window .chat .chat-left ul li .count {
            display: none; }
          .chat-window .chat .chat-left ul li.show-count .count {
            display: inline-block;
            float: right;
            background: #456;
            color: #fff;
            padding: 1px 4px;
            font-size: 11px;
            margin-top: -1px;
            border-radius: 2px; }
    .chat-window .chat .chat-right {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .chat-window .chat .chat-right.loading {
        position: relative; }
        .chat-window .chat .chat-right.loading::after {
          content: url("/assets/images/symbols/preloader.gif");
          text-align: center;
          padding-top: 20px;
          color: #999;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(255, 255, 255, 0.6); }
      .chat-window .chat .chat-right .conversation {
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow: auto; }
        .chat-window .chat .chat-right .conversation::-webkit-scrollbar {
          width: 5px; }
        .chat-window .chat .chat-right .conversation::-webkit-scrollbar-track {
          background: #ddd; }
        .chat-window .chat .chat-right .conversation::-webkit-scrollbar-thumb {
          background: #666; }
        .chat-window .chat .chat-right .conversation .upload-list {
          background-color: rgba(255, 255, 255, 0.5);
          padding-top: 10px;
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          left: 0;
          width: 100%;
          border-bottom: 1px solid #ddd;
          margin: 0 !important; }
          .chat-window .chat .chat-right .conversation .upload-list > div {
            background-color: #fff;
            border: 1px solid #ddd;
            margin: 10px;
            padding: 5px; }
        .chat-window .chat .chat-right .conversation .uploader-drag {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          left: 0;
          width: 100%;
          padding: 10px;
          display: none;
          background-color: rgba(244, 244, 244, 0.6);
          text-align: center;
          border-bottom: 1px solid #ddd; }
          .chat-window .chat .chat-right .conversation .uploader-drag .uploader-drag-messsage {
            padding: 10px;
            border: 1px solid rgba(100, 100, 100, 0.3);
            font-size: 12px;
            color: #fff;
            background-color: rgba(100, 100, 100, 0.6); }
        .chat-window .chat .chat-right .conversation.dz-drag-hover .uploader-drag {
          display: block; }
        .chat-window .chat .chat-right .conversation .day {
          padding: 5px 0;
          background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #666), color-stop(51%, #fff), to(#fff));
          background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #666 50%, #fff 51%, #fff 100%);
          background: -o-linear-gradient(top, #fff 0%, #fff 50%, #666 50%, #fff 51%, #fff 100%);
          background: linear-gradient(to bottom, #fff 0%, #fff 50%, #666 50%, #fff 51%, #fff 100%);
          position: -webkit-sticky;
          position: sticky;
          top: 0px;
          text-align: center; }
          .chat-window .chat .chat-right .conversation .day span {
            display: inline-block;
            background-color: #fff;
            padding: 0 10px; }
        .chat-window .chat .chat-right .conversation .message {
          margin: 10px; }
          .chat-window .chat .chat-right .conversation .message:after {
            content: "";
            display: table;
            clear: both; }
          .chat-window .chat .chat-right .conversation .message .message-reactions {
            margin-top: 5px;
            font-size: 11px;
            line-height: 20px; }
            .chat-window .chat .chat-right .conversation .message .message-reactions i {
              font-style: normal;
              font-size: 16px; }
          .chat-window .chat .chat-right .conversation .message .message-value {
            -webkit-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out; }
            .chat-window .chat .chat-right .conversation .message .message-value .reactions {
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out;
              display: block;
              border-top: 1px solid #ddd;
              visibility: hidden;
              height: 0;
              overflow: hidden;
              opacity: 0;
              padding-top: 0;
              font-size: 18px; }
              .chat-window .chat .chat-right .conversation .message .message-value .reactions a {
                line-height: 24px;
                border: 0;
                padding: 3px;
                display: inline-block;
                border-radius: 2px; }
                .chat-window .chat .chat-right .conversation .message .message-value .reactions a:hover {
                  border: 0;
                  background-color: rgba(209, 226, 255, 0.9); }
            .chat-window .chat .chat-right .conversation .message .message-value:hover .reactions {
              padding-top: 4px;
              -webkit-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out;
              visibility: visible;
              height: 36px;
              overflow: hidden;
              opacity: 1; }
          .chat-window .chat .chat-right .conversation .message.outgoing .from {
            text-align: right; }
          .chat-window .chat .chat-right .conversation .message.outgoing .message-value {
            background-color: #6296be;
            color: #fff;
            float: right; }
          .chat-window .chat .chat-right .conversation .message.outgoing .message-reactions {
            color: #fff; }
          .chat-window .chat .chat-right .conversation .message.outgoing .time {
            float: left; }
          .chat-window .chat .chat-right .conversation .message.outgoing a {
            color: #fff;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }
            .chat-window .chat .chat-right .conversation .message.outgoing a:hover {
              text-decoration: none;
              border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
          .chat-window .chat .chat-right .conversation .message.incoming .message-value {
            background-color: #f5f5f5;
            color: #000; }
          .chat-window .chat .chat-right .conversation .message.incoming .message-reactions {
            color: #666; }
          .chat-window .chat .chat-right .conversation .message.incoming .time {
            float: right; }
          .chat-window .chat .chat-right .conversation .message.incoming a {
            color: #4A87B6;
            border-bottom: 1px dotted rgba(74, 135, 182, 0.47); }
            .chat-window .chat .chat-right .conversation .message.incoming a:hover {
              text-decoration: none;
              border-bottom: 1px solid rgba(74, 135, 182, 0.47); }
          .chat-window .chat .chat-right .conversation .message.prev {
            margin-bottom: 2px; }
          .chat-window .chat .chat-right .conversation .message.next {
            margin-top: 2px; }
            .chat-window .chat .chat-right .conversation .message.next .from {
              display: none; }
          .chat-window .chat .chat-right .conversation .message .from {
            color: #666;
            font-size: 11px;
            font-weight: bold;
            margin-left: 2px;
            margin-right: 2px; }
          .chat-window .chat .chat-right .conversation .message .message-value {
            padding: 5px 10px;
            border-radius: 5px;
            max-width: 60%;
            display: inline-block;
            line-height: 1.5em; }
          .chat-window .chat .chat-right .conversation .message .time {
            font-size: 10px;
            color: #ccc; }
          .chat-window .chat .chat-right .conversation .message .cloud-file-item {
            display: block;
            background-color: #fff;
            padding: 8px;
            border: 1px solid #eee !important;
            min-width: 200px;
            margin-top: 5px;
            margin-bottom: 5px;
            color: #666; }
            .chat-window .chat .chat-right .conversation .message .cloud-file-item:hover {
              text-decoration: none;
              border: 1px solid #1f78d8 !important; }
            .chat-window .chat .chat-right .conversation .message .cloud-file-item .name {
              display: block;
              font-weight: bold;
              white-space: nowrap;
              overflow: hidden;
              color: #666; }
            .chat-window .chat .chat-right .conversation .message .cloud-file-item .meta {
              font-size: 11px;
              line-height: 1em;
              color: #999; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .meta .fa {
                color: #ddd; }
            .chat-window .chat .chat-right .conversation .message .cloud-file-item .type {
              float: left;
              font-size: 32px;
              margin-right: 10px;
              color: #ddd; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .type .fa-file-word-o {
                color: #2A5699; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .type .fa-file-excel-o {
                color: #207245; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .type .fa-file-pdf-o {
                color: #e91f00; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .type .fa-file-archive-o {
                color: #5ab328; }
              .chat-window .chat .chat-right .conversation .message .cloud-file-item .type .fa-file-image-o {
                color: #d87a2e; }
      .chat-window .chat .chat-right .messagetext {
        padding: 4px;
        border-top: 1px solid #d2d2d2; }
        .chat-window .chat .chat-right .messagetext textarea {
          width: 100%;
          height: 28px;
          padding: 5px;
          border: 1px solid #d2d2d2; }
          .chat-window .chat .chat-right .messagetext textarea:focus {
            border: 1px solid #4a87b6; }

.delete-notice {
  margin: 0px 15px 5px 15px;
  padding: 8px;
  border: 1px solid #eee; }
  .delete-notice + .delete-notice {
    margin-top: 10px; }

.cloud-files-list .cloud-files .cloud-file-item {
  display: block;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-right: 15px;
  margin-top: 0;
  float: none;
  width: auto; }
  .cloud-files-list .cloud-files .cloud-file-item:hover {
    border-top: 0;
    border-left: 0;
    border-right: 0; }
  .cloud-files-list .cloud-files .cloud-file-item .meta {
    float: left; }
  .cloud-files-list .cloud-files .cloud-file-item .links {
    float: right;
    margin-top: 0;
    top: -10px;
    margin-bottom: -10px;
    position: relative; }

.cloud-files-list .cloud-files .cloud-file-item + .cloud-file-item {
  margin-top: 0; }

.cloud-files {
  height: 100%; }
  .cloud-files .cloud-file-item::after {
    content: "";
    display: table;
    clear: both; }
  .cloud-files .cloud-file-item {
    padding: 10px;
    border: 1px solid #eee;
    margin-left: 15px;
    margin-top: 10px;
    float: left;
    width: 300px; }
    .cloud-files .cloud-file-item:hover {
      text-decoration: none;
      border: 1px solid #1f78d8; }
    .cloud-files .cloud-file-item .name {
      display: block;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      margin-bottom: 5px; }
    .cloud-files .cloud-file-item .meta {
      color: #999; }
      .cloud-files .cloud-file-item .meta .fa {
        color: #ddd; }
    .cloud-files .cloud-file-item .links {
      margin-top: 10px;
      text-align: right; }
      .cloud-files .cloud-file-item .links .btn {
        margin-left: 8px; }
    .cloud-files .cloud-file-item .type {
      float: left;
      font-size: 32px;
      margin-right: 10px;
      color: #ddd; }
      .cloud-files .cloud-file-item .type .fa-file-word-o {
        color: #2A5699; }
      .cloud-files .cloud-file-item .type .fa-file-excel-o {
        color: #207245; }
      .cloud-files .cloud-file-item .type .fa-file-pdf-o {
        color: #e91f00; }
      .cloud-files .cloud-file-item .type .fa-file-archive-o {
        color: #5ab328; }
      .cloud-files .cloud-file-item .type .fa-file-image-o {
        color: #d87a2e; }
  .cloud-files .loading-layer {
    background-color: rgba(199, 199, 199, 0.4);
    bottom: 0;
    display: none;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; }
  .cloud-files.loading .loading-layer {
    display: block; }
  .cloud-files .upload-list {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important; }
    .cloud-files .upload-list > div {
      background-color: #fff;
      border: 1px solid #ddd;
      margin: 0 auto;
      padding: 5px;
      width: 50%; }
  .cloud-files .uploader-drag {
    display: none;
    background-color: rgba(244, 244, 244, 0.6);
    bottom: 0;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; }
    .cloud-files .uploader-drag .uploader-drag-messsage {
      padding: 20px;
      border: 2px solid rgba(100, 100, 100, 0.8);
      margin: 30px;
      font-size: 18px;
      color: #fff;
      background-color: rgba(100, 100, 100, 0.5); }
  .cloud-files.dz-drag-hover .uploader-drag {
    display: block; }

.import-row-error {
  border-bottom: 1px solid #dedede;
  padding: 10px 20px; }
  .import-row-error .error {
    color: #be2626;
    display: inline-block;
    font-weight: bold;
    margin-left: 20px; }

.import-deal {
  padding: 10px 20px;
  border-bottom: 1px solid #dedede; }
  .import-deal:after {
    content: "";
    display: table;
    clear: both; }
  .import-deal h3 {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-bottom: 5px; }
  .import-deal .doc-row {
    border-bottom: 1px solid #eee;
    padding: 6px 5px; }
    .import-deal .doc-row:nth-child(even) {
      background-color: #fafafa; }

.import-success {
  background-color: #e9e9e9;
  border: 1px solid #b4b4b4;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin: 20px;
  padding: 10px; }

.form-group h4 {
  font-family: 'Arial', sans-serif !important; }

.form-group .dropzone {
  display: none; }

.editable .dropzone {
  margin: 4px 5px 10px;
  display: block; }

.file-item {
  border-bottom: 1px solid #eee;
  margin: 5px;
  padding: 5px 0; }
  .file-item .meta {
    color: #999; }
  .file-item a {
    cursor: pointer; }
    .file-item a.remove-button {
      float: right; }

table.default {
  width: 100%;
  border: 1px solid #dedede; }
  table.default td {
    padding: 3px 10px;
    border-right: 1px solid #b4b4b4; }
    table.default td:last-child {
      border-right: 0px; }
    table.default td .file-item {
      margin: 0; }
      table.default td .file-item:last-of-type {
        border: 0; }
  table.default th {
    padding: 6px 10px;
    border-right: 1px solid #d6d6d6;
    text-align: left;
    background-color: #ececec; }
    table.default th:last-child {
      border-right: 0px; }
  table.default tr {
    border-bottom: 1px solid #b4b4b4; }
    table.default tr[data-action]:hover td {
      background-color: #dfeff7;
      cursor: pointer; }

.upload-list {
  margin: 10px 5px; }
  .upload-list .upload-file-progress {
    border-bottom: 1px solid #eee; }
    .upload-list .upload-file-progress .file-data {
      display: inline-block;
      width: 59%;
      overflow: hidden; }
      .upload-list .upload-file-progress .file-data .size {
        color: #999; }
    .upload-list .upload-file-progress .progress-bar {
      display: inline-block;
      width: 40%;
      border: 1px solid #CFD7E2;
      padding: 1px; }
      .upload-list .upload-file-progress .progress-bar .progress {
        background-color: #a6c3d6; }
  .upload-list .error {
    color: #be2626;
    font-weight: bold; }

.letter-form {
  position: relative; }
  .letter-form .tab-content-loader {
    display: none; }
  .letter-form.loading .tab-content-loader {
    display: block; }
  .letter-form.error .error-message {
    padding: 10px;
    background-color: #ffedf2;
    color: #7d1919;
    font-weight: bold;
    border: 1px solid #c7afaf;
    margin: 10px; }

.letter-field {
  border-bottom: 1px solid #CFD7E2;
  padding: 8px; }
  .letter-field .field-label {
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    padding-top: 5px; }
  .letter-field input, .letter-field select {
    padding: 4px;
    border: 1px solid #CCC;
    width: 100%;
    font-size: 13px; }
    .letter-field input:focus, .letter-field select:focus {
      border: 1px solid #4a87b6; }
  .letter-field textarea {
    padding: 4px;
    border: 1px solid #CCC;
    width: 100%;
    font-size: 13px;
    height: 180px;
    font-family: 'Arial', sans-serif; }
    .letter-field textarea:focus {
      border: 1px solid #4a87b6; }
  .letter-field:nth-child(even) {
    background-color: #FCFCFC; }

h4.documents-subheader {
  font-size: 14px;
  font-weight: 500;
  margin: 10px 5px; }

.documents-bricks .document {
  margin: 5px 5px 0 5px;
  position: relative; }
  .documents-bricks .document .loading-layer {
    background-color: rgba(199, 199, 199, 0.4);
    bottom: 0;
    display: none;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; }
  .documents-bricks .document.loading .loading-layer {
    display: block; }
  .documents-bricks .document .upload-list {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important; }
    .documents-bricks .document .upload-list > div {
      background-color: #fff;
      border: 1px solid #ddd;
      margin: 0 auto;
      padding: 5px;
      width: 50%; }
  .documents-bricks .document .uploader-drag {
    display: none;
    background-color: rgba(199, 199, 199, 0.4);
    bottom: 0;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0; }
  .documents-bricks .document.dz-drag-hover .uploader-drag {
    display: block; }
  .documents-bricks .document:last-child {
    margin-bottom: 5px; }
  .documents-bricks .document.pidoc .document-wrapper {
    border-left: 5px solid #ccb3e7; }
  .documents-bricks .document.pidoc .pidoc-download-info {
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: auto; }
    .documents-bricks .document.pidoc .pidoc-download-info .icon {
      float: left; }
      .documents-bricks .document.pidoc .pidoc-download-info .icon .fa {
        font-size: 22px; }
      .documents-bricks .document.pidoc .pidoc-download-info .icon.alert {
        color: #ac3e33; }
    .documents-bricks .document.pidoc .pidoc-download-info .info {
      overflow: auto;
      margin-left: 10px;
      line-height: 1.6em;
      float: left; }
  .documents-bricks .document.doc .document-wrapper {
    border-left: 5px solid #afc8ea; }
  .documents-bricks .document.letter > .document-wrapper {
    border-left: 5px solid #eabc7c; }
  .documents-bricks .document .document-wrapper {
    border: 1px solid #cacaca;
    padding: 8px; }
    .documents-bricks .document .document-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    .documents-bricks .document .document-wrapper .enadawca-status {
      border-top: 1px solid #cacaca;
      margin-top: 10px;
      padding-top: 10px; }
      .documents-bricks .document .document-wrapper .enadawca-status .status {
        font-weight: bold; }
    .documents-bricks .document .document-wrapper .doc-files-mark {
      display: inline-block;
      height: 19px;
      line-height: 15px;
      text-align: center;
      width: 19px;
      border-style: solid;
      border-width: 1px;
      padding-top: 2px; }
      .documents-bricks .document .document-wrapper .doc-files-mark.has-files {
        color: #a6cc96;
        border-color: #B7D3AB;
        background-color: #F6FFF2; }
      .documents-bricks .document .document-wrapper .doc-files-mark.empty {
        color: #D3A5A5;
        border-color: #E2C5C5;
        background-color: #FFF9F9; }
    .documents-bricks .document .document-wrapper .title {
      height: 30px; }
    .documents-bricks .document .document-wrapper .type {
      font-size: 14px; }
    .documents-bricks .document .document-wrapper .file .meta {
      color: #999; }
  .documents-bricks .document .responses {
    padding-left: 35px;
    background-image: url("/assets/images/symbols/arr-brl.png");
    background-repeat: no-repeat;
    background-position: 10px 5px; }
    .documents-bricks .document .responses .document {
      margin: 0; }
      .documents-bricks .document .responses .document .document-wrapper {
        border-top: 0; }
  .documents-bricks .document .copies {
    padding-left: 35px;
    background-image: url("/assets/images/symbols/copy.png");
    background-repeat: no-repeat;
    background-position: 10px 5px; }
    .documents-bricks .document .copies .document {
      margin: 0; }
      .documents-bricks .document .copies .document .document-wrapper {
        border-top: 0; }

.documents-tab {
  padding: 10px; }
  .documents-tab .name, .documents-tab .name-input {
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0;
    display: inline-block;
    -webkit-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
    .documents-tab .name.highlight, .documents-tab .name-input.highlight {
      background-color: #fff6c2; }
  .documents-tab .document-details {
    position: absolute;
    right: 0;
    top: 70px;
    bottom: 0;
    overflow: auto;
    left: 99%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .documents-tab .document-details .close-details {
      cursor: pointer;
      float: right;
      font-size: 18px;
      padding: 10px;
      color: #8e8e8e; }
    .documents-tab .document-details.opened {
      visibility: visible;
      left: 50%; }
  .documents-tab .documents-list {
    -webkit-transition: right 0.2s ease-in-out;
    -ms-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
    border-top: 1px solid #ddd;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 70px; }
    .documents-tab .documents-list.with-open-details {
      right: 50%; }
    .documents-tab .documents-list .document-row {
      padding: 10px 15px;
      border-bottom: 1px solid #cdcdcd;
      position: relative;
      -webkit-transition: right 0.2s ease-in-out;
      -ms-transition: right 0.2s ease-in-out;
      -o-transition: right 0.2s ease-in-out;
      transition: right 0.2s ease-in-out; }
      .documents-tab .documents-list .document-row.selected {
        background-color: #ecf4f6; }
      .documents-tab .documents-list .document-row .name-input {
        border: 0;
        border-bottom: 1px solid #1e86bc;
        min-width: 200px; }
      .documents-tab .documents-list .document-row .file {
        padding-top: 5px; }
        .documents-tab .documents-list .document-row .file .fa {
          vertical-align: top; }
      .documents-tab .documents-list .document-row .open-stream {
        color: #4a87b6;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        margin-left: 15px;
        margin-top: 3px;
        float: right; }
        .documents-tab .documents-list .document-row .open-stream .fa {
          font-size: 14px; }
      .documents-tab .documents-list .document-row .hover {
        display: none;
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        padding: 3px;
        border: 1px solid #454545;
        color: #333;
        background-color: #DDDDDD;
        text-align: center;
        opacity: .8; }
      .documents-tab .documents-list .document-row.dz-drag-hover .hover {
        display: block; }

@media all and (max-width: 1680px) {
  .document-wrapper .title {
    height: auto !important;
    display: inline-block; }
    .document-wrapper .title:after {
      content: "";
      display: table;
      clear: both; }
  .document-wrapper .title > span.actions {
    display: block;
    padding: 5px 0;
    margin-left: 5px; } }

.log .row b {
  display: inline-block;
  padding: 0 5px; }

.log .row .status {
  float: right; }

.log .row.done {
  font-size: 18px;
  text-align: center; }

.month-switcher {
  width: 480px; }
  .month-switcher .name {
    font-size: 16px;
    font-family: "Open Sans", "Arial", sans-serif;
    color: #4a87b6;
    display: inline-block;
    margin-left: 10px; }
  .month-switcher a .fa {
    margin-right: 0px !important; }

.court-shed table {
  border-spacing: 0;
  margin: 0;
  border-collapse: collapse; }

.court-shed table td {
  padding: 0;
  border-bottom: 1px solid #ddd; }

.court-shed .layout {
  table-layout: fixed; }

.court-shed .lanes-container {
  overflow: auto;
  display: block; }

.court-shed .lane {
  position: relative;
  min-height: 20px; }

.court-shed .lane, .court-shed .name {
  min-height: 20px; }

.court-shed .odd {
  background-color: #fafafa; }

.court-shed .task {
  position: absolute;
  background-color: #fcfcfc;
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: #d3d3d3;
  height: 30px;
  width: 120px;
  font-size: 11px;
  padding: 5px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden; }
  .court-shed .task .task-content {
    z-index: 2;
    position: relative; }
  .court-shed .task.note::after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 5px;
    color: rgba(60, 160, 60, 0.57);
    font-size: 22px;
    z-index: 1; }

.court-shed .task.selected {
  -webkit-box-shadow: 0px 0px 0px 3px #5eb5f5;
  box-shadow: 0px 0px 0px 3px #5eb5f5; }

.court-shed .names {
  width: 40px;
  margin-bottom: 17px; }

.court-shed .names td {
  text-align: right; }

.court-shed .names .name {
  border-right: 1px solid #eee;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 4px;
  text-align: right;
  color: #666; }

.court-shed .scale-row {
  font-size: 1px; }

.court-shed .scale {
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  overflow: hidden;
  position: relative;
  margin-right: 17px; }

.court-shed .scale-item {
  border-left: 1px solid #b4b4b4;
  bottom: 0;
  display: block;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  vertical-align: bottom; }

.task-preview .prow {
  padding: 10px 5px;
  border-bottom: 1px solid rgba(140, 140, 140, 0.2); }
  .task-preview .prow p {
    font-size: 12px;
    margin-bottom: 5px; }

.task-preview .plabel {
  color: #999; }

.task-preview h2 {
  margin: 10px 0 0 5px;
  font-weight: normal; }

.actions .deadline {
  color: #666;
  margin-left: 20px; }
  .actions .deadline > a {
    color: #000;
    display: inline-block;
    padding: 4px;
    border: 1px solid transparent; }
  .actions .deadline > a:hover, .actions .deadline > a.dropdown-open {
    text-decoration: none;
    border: 1px solid #aaa;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2); }
  .actions .deadline > b {
    padding: 4px;
    display: inline-block; }