/**
* style css
**/

.sk-dash-skeleton-main {
  width: 100%;
  display: flex;
}

.sk-dash-skeleton-main .sk-inner {
  display: flex;
  width: 100%;
}


.sk-dash-skeleton-main .sk-logo {
  padding: 20px 20px 0;
}

.sk-dash-skeleton-main .sk-logo span {
  background: rgba(0, 0, 0, 0.06);
  height: 50px;
  display: inline-flex;
  width: 100%;
  border-radius: 4px;
  animation: shimmer 3s;
  opacity: .4;
  animation-iteration-count: infinite;
  background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
  background-size: 1000px 100%;
}

.sk-dash-skeleton-main .sk-right-half {
  padding: 20px;
  width: 100%;
}

.sk-dash-skeleton-main .sk-right-half .sk-top-bar ul {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  padding: 0;
  margin: 0;
  gap: 20px;
}

.sk-dash-skeleton-main .sk-right-half .sk-top-bar ul li {
  background: rgba(0, 0, 0, 0.06);
  height: 30px;
  min-width: 120px;
  border-radius: 4px;
  display: flex;
  animation: shimmer 3s;
  opacity: .4;
  animation-iteration-count: infinite;
  background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
  background-size: 1000px 100%;
}

.sk-dash-skeleton-main .sk-right-half .sk-top-bar ul li.sk-togggle,
.sk-dash-skeleton-main .sk-right-half .sk-top-bar ul li.sk-user {
  min-width: 30px;
  border-radius: 50%;
}

.sk-dash-skeleton-main .sk-right-half .sk-top-bar ul li.sk-user {
  margin-left: auto;
  position: sticky;
  position: -webkit-sticky;
  right: 0;
}

.sk-dash-skeleton-main .sk-right-half .sk-main-wrap {
  margin-top: 20px;
  overflow-x: auto;
  height: calc(100% - 30px);
}

.sk-dash-skeleton-main .sk-right-half {
  /* border-left: 1px solid rgba(5, 5, 5, 0.06); */
}

.sk-dash-skeleton-main .sk-right-half .sk-main-wrap .sk-span:last-child {
  margin-bottom: 0;
}

.sk-dash-skeleton-main .sk-right-half .sk-main-wrap .sk-span {
  background: rgba(0, 0, 0, 0.06);
  height: 70px;
  min-width: 120px;
  margin-bottom: 20px;
  border-radius: 4px;
  display: flex;
  animation: shimmer 3s;
  opacity: .4;
  animation-iteration-count: infinite;
  background: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%);
  background-size: 1000px 100%;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }

  100% {
    background-position: 1000px 0;
  }
}



.full-small-loader-wrapper {
    padding: 70px 0 50px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    align-items: center;
}
.smallLoader {
    display: inline-block;
}

.smallLoader {
  --d:22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #25b09b;
  box-shadow: 
    calc(1*var(--d))      calc(0*var(--d))     0 0,
    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d))      calc(1*var(--d))     0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
  animation: lm27 1s infinite steps(8);
}
@keyframes lm27 {
  100% {transform: rotate(1turn)}
}

.search-nav.hide {
  display: none;
}

.logowrap {
    width: 150px;
}
.share-wrap-email-page input {
    border: 1px solid #ccc;
}

.share-wrap-email-page .logowrapimg {
    padding: 4px;
    border-radius: 10px;
}

.pointer {
    cursor: pointer;
}
button {
    cursor: pointer;
}