#pj-securespace-front-attach .logout {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 10px;
}

#pj-securespace-front-attach .logout:hover {
  cursor: pointer;
}

#pj-securespace-front-attach .logout .icon {
  margin-right: 5px;
}

#pj-securespace-front-attach .action-box {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

#pj-securespace-front-attach .action-box div p {
  display: inline-block;
  margin: 0;
  line-height: 40px;
}

#pj-securespace-front-attach .action-box div a {
  margin-left: 10px;
  text-decoration: none;
  color: inherit;
  line-height: 40px;
}

#pj-securespace-front-attach .action-box div a:hover,
#pj-securespace-front-attach .action-box div a:active {
  cursor: pointer;
  color: #999;
}

#pj-securespace-front-attach .action-box div a span {
  line-height: 40px;
}

#pj-securespace-front-attach .action-box .search input {
  margin: 0;
}

#pj-securespace-front-attach .action-box .search span {
  margin: 3px 5px 0 0;
}

#pj-securespace-front-attach .action-box .search {
}
#pj-securespace-front-attach .action-box .search span {
  float: left;
  line-height: 1.6em;
}

#pj-securespace-front-attach ul.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 20px;
  margin-left: 0;
}
#pj-securespace-front-attach ul.list li {
  width: 30%;
  padding: 15px 10px 10px 10px;
  list-style-type: none;
  overflow: hidden;
}

#pj-securespace-front-attach ul.list li:not(.hidden-item) {
  border: 1px dotted #ddd;
}

#pj-securespace-front-attach * .entry-top {
  display: flex;
  flex-direction: row;
}

#pj-securespace-front-attach * .entry-info {
  width: 45%;
  text-align: center;
}

#pj-securespace-front-attach * .entry-info p {
  margin: 0;
}
#pj-securespace-front-attach * .entry-info a,
#pj-securespace-front-attach * .entry-details .entry-title {
  color: inherit;
  text-decoration: none;
}
#pj-securespace-front-attach * .entry-info .entry-icon {
  width: 100%;
  font-size: 6em;
  display: block;
}
#pj-securespace-front-attach * .entry-info .entry-extension,
#pj-securespace-front-attach * .entry-info .entry-size {
  display: inline-block;
}

#pj-securespace-front-attach * .entry-details {
  width: 55%;
}

#pj-securespace-front-attach * .entry-details .entry-title {
  font-weight: bold;
  overflow-wrap: break-word;
}

#pj-securespace-front-attach * .entry-details .entry-descr {
  text-overflow: ellipsis;
  overflow: hidden;
}

#pj-securespace-front-attach * .entry-bottom {
  margin-top: 10px;
}

#pj-securespace-front-attach * .entry-bottom span {
  float: left;
  margin: 4px 10px 0 0;
}

#pj-securespace-front-attach * .entry-bottom p {
  margin: 0;
}

.entry-bottom2 {
  border-top: 1px solid #ddd;
  padding-top: 0.5em;
}

#pj-securespace-front-attach * .entry-details .entry-title:hover,
#pj-securespace-front-attach * .entry-info .entry-icon:hover {
  cursor: pointer;
}

#pj-securespace-front-attach .folder-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#pj-securespace-front-attach .folder-item .folder-info {
  opacity: 0;
}

#pj-securespace-front-attach .notice.notice-error {
  color: #c9302c;
}

/* Pagination */
#pj-securespace-front-attach .pagination {
  float: right;
  margin-bottom: 20px;
}
#pj-securespace-front-attach .pagination p {
  display: inline-block;
  margin: 5px 20px 0 0;
}

#pj-securespace-front-attach .pagination div {
  display: inline-block;
}

#pj-securespace-front-attach .pagination .button {
  background: #fff;
  color: #555;
  text-align: center;
  width: 35px;
  height: 30px;
  border: 1px solid #ddd;
  padding: 0;
  margin: 0;
  border-radius: initial;
}

#pj-securespace-front-attach .pagination .previous-button,
#pj-securespace-front-attach .pagination .next-button {
  margin-top: 3px;
}

#pj-securespace-front-attach .pagination .button:hover {
  cursor: pointer;
  color: #bbb;
}

#pj-securespace-front-attach .pagination .selected {
  background: #f2f2f2;
}

/* Reset password */
#pj-securespace-front-attach form.signin,
#pj-securespace-front-attach form.reset,
#pj-securespace-front-attach form.resetpassword {
  width: 230px;
  margin: 0 auto;
}

#pj-securespace-front-attach form.signin .signin-pw {
  margin-bottom: 0;
}

#pj-securespace-front-attach form.signin .password {
  display: block;
  margin-bottom: 15px;
}
#pj-securespace-front-attach form.signin .password:hover {
  cursor: pointer;
  text-decoration: none;
}

#pj-securespace-front-attach form.signin a.button,
#pj-securespace-front-attach form.resetpassword a.button {
  width: 83%;
  text-align: center;
}

#pj-securespace-front-attach form.signin .help-box {
  display: flex;
  justify-content: space-between;
}
#pj-securespace-front-attach form.signin .help-link {
  text-decoration: none;
}

/* Modal */
#pj-securespace-front-attach .modal {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
}

#pj-securespace-front-attach .modal .overlay  {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0,0,0,0.5);
}

#pj-securespace-front-attach .modal .content {
  background-color: #fefefe;
  margin: 100px auto;
  width: 40%;
  text-align: center;
  padding: 0 20px;
}

#pj-securespace-front-attach .modal .content .modal-header{
  padding: 20px;
  margin: -20px -20px 10px;
}

#pj-securespace-front-attach .legalnoticelink {
  cursor: pointer;
}

@media all and (max-width: 958px) {
  #pj-securespace-front-attach ul.list li {
    width: 45%;
  }

  #pj-securespace-front-attach .modal .content {
    width: 60%;
    margin: 50px auto;
  }
}

@media all and (max-width: 530px) {
  #pj-securespace-front-attach ul.list {
    margin: 0;
  }

  #pj-securespace-front-attach ul.list li {
    width: 100%;
  }

  #pj-securespace-front-attach .action-box {
    flex-direction: column;
  }

  #pj-securespace-front-attach .modal .content {
    width: 80%;
  }
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}