.fileAccess *::selection {
    background: transparent; 
}

/* Firefox */
.fileAccess *::-moz-selection {
    background: transparent;
}

.nk-files-view-grid .nk-file.fileSelect, 
.nk-files-view-group .nk-file.fileSelect,
.nk-files-view-list .nk-file.fileSelect .divSelect {
    background: #6576fe0f;
    border-color: #3460ff94 !important
}

.dark-mode .nk-files-view-grid .nk-file.fileSelect, 
.dark-mode .nk-files-view-group .nk-file.fileSelect,
.dark-mode .nk-files-view-list .nk-file.fileSelect .divSelect {
    background: #1c2938 !important;
}

.btn-success {
  color: #fff;
  background-color: #008964;
  border-color: #1ee0ac;
}

.skeleton {
    /* position: relative;
    width: max-content;
    overflow: hidden; */
    border-radius: 4px;
    background-color: #e9e9e9 !important;
    color: transparent !important;
    border-color: #1e2226 !important;
    user-select: none;
    cursor: default;
    /* height: 15px; */
}

.skeleton img, .skeleton svg {
    opacity: 0;
}

.skeleton::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
    90deg,
    rgba(114, 112, 112, 0) 0,
    rgba(255, 255, 255, 0.2) 20%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0)
    );
    animation: shimmer 2s infinite;
    content: '';
}

@keyframes shimmer {
    100% {
    transform: translateX(100%);
    }
}

.dark-mode .skeleton {
  background-color: #1c2938 !important;
}

.dark-mode .skeleton::after {
  background-image: linear-gradient(
      90deg,
      rgba(114, 112, 112, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(58, 68, 126, 0.5) 60%,
      rgba(255, 255, 255, 0)
      );
}

.spinner-custom {
  /* border: 4px solid rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;*/
  color: #09f;

  animation: spin-custom 1s ease infinite;
}

@keyframes spin-custom {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn-dim.btn-outline-success {
    color: #128f6d;
}

.fade-in-3ms {
    animation: fadeIn linear 0.3s;
    -webkit-animation: fadeIn linear 0.3s;
    -moz-animation: fadeIn linear 0.3s;
    -o-animation: fadeIn linear 0.3s;
    -ms-animation: fadeIn linear 0.3s;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

.effect-behind-login {
  margin-top: -60px;
}

.waves-login {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* Animation */

.parallax-login > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax-login > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax-login > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax-login > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax-login > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves-login {
        height:40px;
        min-height:40px;
    }
}

.nk-reply-form .nk-reply-tools {
  display: none;
}

.nk-reply-form:hover .nk-reply-tools {
  display: flex;
}