.bg-dark-navy {
  background-color: #0e2639;
  color: white;
}
.BoxShadow {
  -webkit-box-shadow: -2px 3px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 3px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 3px 20px -10px rgba(0, 0, 0, 0.75);
}
.white-bg {
  background-color: rgba(255, 255, 255, 0.98) !important;
}
.t {
  border: 1px solid red !important;
}
.b {
  border: 1px solid blue !important;
}
.text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.disable-select {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.skeleton {
  background: linear-gradient(-45deg, rgba(147, 18, 18, 0.33), #d3d3d3, #fff, #fff);
  -moz-animation: gradientBG infinite ease-out;
  -o-animation: gradientBG infinite ease-out;
  -webkit-animation: gradientBG infinite ease-out;
  animation: gradientBG 3s infinite;
  background-size: 200% 200%;
}
.skeleton-animated {
  background: linear-gradient(45deg, rgba(147, 18, 18, 0.33), #d3d3d3, #fff, #fff);
  -moz-animation: skell-loading infinite ease-out;
  -o-animation: skell-loading infinite ease-out;
  -webkit-animation: skell-loading infinite ease-out;
  animation: skell-loading 3s infinite;
  background-size: 100% 100%;
}
@keyframes skell-loading {
  from {
    background-size: 100% 100%;
  }
  to {
    background-size: 200% 100%;
  }
}
#PrivateDocuments[v-cloak] {
  display: none;
}
#PrivateDocuments {
  direction: rtl;
  min-height: 100vh;
}
#PrivateDocuments h4 {
  text-align: right;
  padding: 2em;
}
#PrivateDocuments .sub-activities-control .sub-activities-list ul li {
  cursor: pointer;
}
#PrivateDocuments .sub-activities-control .sub-activities-list ul li:hover {
  background-color: #0e2639;
  color: white;
}
#PrivateDocuments .sub-activities-control .sub-activities-list ul li:hover a {
  color: white;
}
#PrivateDocuments .password-form-container {
  padding: 4em;
}
#PrivateDocuments .password-form-container .password-form {
  padding: 1.5em;
  text-align: right;
  border: 1px solid;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
#PrivateDocuments .password-form-container .password-form h2 {
  font-weight: bold;
  padding-bottom: 0.2em;
}
#PrivateDocuments .password-form-container .password-form h3 {
  padding-bottom: 0.7em;
}
#PrivateDocuments .password-form-container .password-form__input input {
  width: 70%;
  height: 50px;
  outline: none;
  border-radius: 10px;
  text-align: right;
  border: 2px solid #b2b5bd;
}
#PrivateDocuments .password-form-container .password-form__status {
  text-align: center;
  padding: 1em;
  color: #bb2323;
}
#PrivateDocuments .password-form-container .password-form__buttons {
  padding: 3em 8em 4em;
}
#PrivateDocuments .password-form-container .password-form__buttons button {
  margin-left: 5em;
}
#PrivateDocuments .doc-viewer-container {
  padding: 3em 5em;
  width: 100%;
}
#PrivateDocuments .doc-viewer-container iframe {
  width: 100%;
  height: 80vh;
}
@media screen and (max-width: 991px) {
  #PrivateDocuments {
    min-height: unset;
  }
  #PrivateDocuments .password-form-container {
    padding: 4em;
  }
  #PrivateDocuments .password-form-container .password-form {
    padding: 1.5em;
    width: 100%;
  }
  #PrivateDocuments .password-form-container .password-form h3 {
    font-size: 1.4em;
  }
  #PrivateDocuments .password-form-container .password-form h2 {
    font-size: 1.6em;
  }
  #PrivateDocuments .password-form-container .password-form__input input {
    width: 70%;
    height: 50px;
  }
  #PrivateDocuments .password-form-container .password-form__buttons {
    padding: 3em 2em 4em;
  }
  #PrivateDocuments .password-form-container .password-form__buttons button {
    margin-left: 2em;
  }
  #PrivateDocuments .doc-viewer-container {
    padding: 3em;
  }
  #PrivateDocuments .doc-viewer-container iframe {
    width: 100%;
    height: 80vh;
  }
}
@media screen and (max-width: 767px) {
  #PrivateDocuments {
    min-height: 90vh;
  }
  #PrivateDocuments .password-form-container {
    padding: 1.2em;
    padding-top: 3em;
  }
  #PrivateDocuments .password-form-container .password-form {
    padding: 1.5em;
    width: 100%;
  }
  #PrivateDocuments .password-form-container .password-form h3 {
    font-size: 1.1em;
  }
  #PrivateDocuments .password-form-container .password-form h2 {
    font-size: 1.2em;
  }
  #PrivateDocuments .password-form-container .password-form__input input {
    width: 100%;
    height: 35px;
  }
  #PrivateDocuments .password-form-container .password-form__buttons {
    padding: 2em 0em 1em;
    text-align: center;
  }
  #PrivateDocuments .password-form-container .password-form__buttons button:first-child {
    margin-bottom: 1.3em;
  }
  #PrivateDocuments .doc-viewer-container {
    padding: 2em;
  }
  #PrivateDocuments .doc-viewer-container iframe {
    width: 100%;
    height: 80vh;
  }
}