.grid-stack { background: #4e4e4e; }

.grid-stack-item-content { background-color: #161b25; }

body {
    background-color: #0e0422;
    opacity: 1.0;
    background: linear-gradient(135deg, #161b2555 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(225deg, #161b25 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(315deg, #161b2555 25%, transparent 25%) 0px 0/ 20px 20px, linear-gradient(45deg, #161b25 25%, #070113 25%) 0px 0/ 20px 20px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
  }

.top {
    opacity: 1.0;
    background: linear-gradient(180deg, #000000 20%, transparent 100%);
    margin-bottom: 3%;
}

.title {
    font-weight: 700;
    color: #fff;
    text-align: left;
    padding: 30px 0px;
}

.no-click {
    pointer-events: none;
}

.logo {
    max-height: 150px;
}

.inner {
    margin: 5px;
}

.inner-panel {
  text-align: center;
}

.panel-title {
  font-weight: 600;
  color: #fff;
  margin-top: 0;
}

.panel-text {
  color: #cccccc;
}

input {
  color: #fff;
  border-radius: 5px !important;
  background-color: #ffffff32 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: 90% !important;
}

.submit {
  text-align: center;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  background: radial-gradient( 100% 100% at 100% 0%, #89ff99 0%, #54ff54 100% );
  box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgba(35, 66, 39, 0.3), inset 0px -3px 0px rgba(58, 111, 58, 0.5);
  padding: 0 32px;
  border-radius: 6px;
  color: #000;
  height: 48px;
  font-size: 18px;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease,transform 0.15s ease;  
}

.submit:hover {
  box-shadow: 0px 4px 8px rgba(35, 66, 40, 0.4), 0px 7px 13px -3px rgba(35, 66, 40, 0.3), inset 0px -3px 0px #3ce073;
  transform: translateY(-2px);
}
.submit:active{
  box-shadow: inset 0px 3px 7px #3ce06d;
  transform: translateY(2px);
}

#dis-login {
    background-color: #5460E6;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
}

.spin {
    animation: spin 2.5s ease-in-out infinite;
    -webkit-animation: spin 2.5s ease-in-out infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

.pulse {
    animation: pulse 2.5s ease-in-out infinite;
    -webkit-animation: pulse 2.5s ease-in-out infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

.zoom-out {
    animation: zoom-out 1s ease-in-out forwards;
    -webkit-animation: zoom-out 1s ease-in-out forwards;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

.dis-auth {
    text-align: center;
    background-color: #fff;
    border-radius: 35px;
    padding: 30px;
    z-index: 3;
    caret-color: transparent;
}

.dis-auth img {
    position: relative;
    margin-bottom: 30px;
}

.panel {
  background-color: transparent;
  width: 100%;
  height: auto;
}

.panel .inner-panel {
  background-color: #161b25;
  border-radius: 15px;
  box-shadow: 5px 5px 5px 5px #000000a9;
  padding: 15px;
}

.bottom {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
}

.grid-stack-item-content {
  border-radius: 15px;
  box-shadow: 5px 5px 5px 5px #000000a9;
  padding: 15px;
}

.script-inner {
  background: #777;
  border-radius: 15px;
}

.script-header {
  font-size: 28px;
  font-weight: 700;
  text-decoration: underline;
}

.entry {
  border-top: solid;
}

.script-inner .grid-stack-item-content {
  background-color: transparent;
  box-shadow: none;
  border-radius: none;
}

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

  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
    }
    40% {
        -webkit-transform: scale(0.7);
    }
    80% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
  }
  
  @keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    40% {
        -webkit-transform: scale(0.7);
    }
    80% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
  }

  @-webkit-keyframes zoom-out {
    0% {
      -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
    }
  }
  
  @keyframes zoom-out {
    0% {
      -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
    }
  }