body {
  background-image: linear-gradient(
    135deg,
    #8bc6ec 0%,
    #9599e2 100%
  ) !important;
}

.dialog-mobile-class {
  height: 100% !important;
  overflow-y: auto;
}

.dialog-desktop-class {
  /*height: 500px!important;*/
  height: 80vh !important;
  overflow-y: auto;
}

.template-select-container {
  max-height: calc(90vh - 430px);
  overflow-y: auto;
  margin-top: 15px;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  /*  For desktop: */
  .dialog-desktop-class {
    height: 90% !important;
    overflow-y: auto;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .dialog-desktop-class .create-Update-Container {
    height: 90% !important;
    overflow-y: auto;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .dialog-desktop-class .create-Update-Container {
    height: 90% !important;
    overflow-y: auto;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .dialog-desktop-class {
    height: 100% !important;
    overflow-y: auto;
  }
}

lord-icon {
  width: 34px;
  height: 34px;
  cursor: pointer;
}

lord-icon[trigger="click"] {
  cursor: pointer;
}

.pmn-logo {
  background-size: contain !important;
  height: 150px;
  width: 150px;
}

::-webkit-scrollbar {
  width: 8px; /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
  background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

html,
body {
  height: 100%;
  -webkit-print-color-adjust: exact !important;
}

.drive-file-table {
  border-radius: 0;
  height: 100%;
}

.mydrive-popovermenu {
  z-index: 9999 !important;
}

.mud-wasm {
  animation: slide 3s ease-in-out infinite alternate;
  /*background-image: linear-gradient(-60deg,#1E88E5 50%,#0069c0 50%);*/
  background-image: linear-gradient(
    60deg,
    #ff3cac 30%,
    #784ba0 50%,
    #2b86c5 50%
  );
  bottom: 0;
  left: -50%;
  opacity: 0.5;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
}

.mud-wasm-cont {
  left: 50%;
  padding: 10vmin;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media print {
  #hideOnPrint {
    display: none !important;
  }

  .hideBorderOnPrint {
    border: none !important;
  }
}

.highlight-message {
  background: black;
  border-radius: 2%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  transform: scale(1);
  /*animation: pulse-black 2s infinite;*/
  animation-name: pulse-black;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 2;
}

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }

  100% {
    transform: translateX(25%);
  }
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(255 152 1);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.pulse i {
  color: #fff;
}

.pulse {
  height: 100px;
  width: 100px;
  background-color: orange;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 0px;
}

.pulse::before {
  content: "";
  position: absolute;
  border: 1px solid orange;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite;
}

.pulse::after {
  content: "";
  position: absolute;
  border: 2px solid #ffffff;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite;
  animation-delay: 0.3s;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

#app {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
}

.progress::-webkit-progress-value {
  transition: width 5.5s ease;
}

.progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2f1354;
  transition: width 1.5s linear !important;
  animation-fill-mode: forwards;
}

/*Firefox browser, the PDF popup model is very small*/
@-moz-document url-prefix() {
  #adobe-dc-view {
    height: 90vh;
  }
}

.itemFadeInAndSet {
  animation: fadeInAndSet 0.4s;
}

.fade-in {
  animation: fadeIn 0.3s;
}

.img {
  animation: fadeIn 0.3s;
}

@keyframes fadeInAndSet {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
span.echo-message
{
    color: #0a53be !important;
    background-color: #d3e1eb;
    border-radius: 6px;
    height: 24px;
    margin-right: 2px;
    padding: 3px 0;
    user-select: all;
    width: 65px;
}
#mud-snackbar-container {
  opacity: 0.7;
}