@media screen and (max-width: 640px) {
  body {
    border: 0px solid rgb(170, 0, 0);
    position: relative;
    width: 100%;
    min-height: 2500px;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    background-color: #fff;
  }

  div.contains {
    position: absolute;
    border-radius: 10px;
    margin-top: 80px;
    width: 100%;
    min-height: 1000px;
    border: 1.5px solid rgb(255, 255, 255);
    padding-top: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    border: 0px solid rgb(2, 40, 164);
    border-radius: 3px;
    box-shadow: 0px 0px 0px silver, 0px 0px 0px rgb(0, 0, 0) inset;
  }

  input.topwithimage {
    position: absolute;
    border-radius: 30px;
    cursor: pointer;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    height: 100px;
    width: 700px;
    left: 0%;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topwithimage:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topwithimage:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.topwithoutimage {
    position: relative;
    border-radius: 30px;
    cursor: pointer;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    height: 100px;
    width: 800px;
    left: 0%;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 40px;
    font-weight: bold;
    margin-top: 340px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topwithoutimage:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topwithoutimage:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.menu {
    border: 0px solid rgb(255, 0, 0);
    display: block;
  }

  div.menulist {
    border: 0px solid rgb(255, 0, 0);
    height: 80px;
    margin-bottom: 20px;
  }

  ul li.menu {
    position: relative;
    font-weight: bold;
    font-size: 30px;
    border-radius: 20px;
    width: 400px;
    height: 60px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    list-style-type: none !important;
    min-width: 100px;
    margin-left: 20px;
    margin-top: 0px;
    border: 2px solid rgb(0, 50, 200);
    text-align: center;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  ul li.menu:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  ul li.menu:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  summary {
    cursor: pointer;
    width: 40%;
    font-size: 50px;
    color: rgb(0, 50, 200);
    margin-left: 40px;
    text-align: left;
    font-weight: bold;
    font-family: "Anton", sans-serif;
  }

  summary:hover {
    color: rgb(0, 50, 200);
    text-shadow: 1px 2px 3px #808080;
  }

  summary.nondisplay {
    cursor: pointer;
    width: 40%;
    font-size: 50px;
    color: rgb(255, 255, 255);
    margin-left: 40px;
    text-align: left;
    font-weight: bold;
    font-family: "Anton", sans-serif;
  }

  h1.control {
    position: absolute;
    width: 100%;
    height: 70px;
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
  }

  h1.onebyone {
    width: 99%;
    height: 60px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    position: relative;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    margin-top: 0px;
    margin-left: 1px;
    text-align: center;
  }

  textarea.answerresultarea {
    resize: none;
    padding: 10px;
    width: 97%;
    height: 100px;
    border: none;
    box-shadow: 0 0 3px rgb(0, 0, 0, 0.56);
    background-color: #fff;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 0px;
    white-space: pre-wrap;
    text-align: center;
    outline: none;
    font-size: 30px;
  }

  textarea.answerresultarea2 {
    resize: none;
    padding: 10px;
    width: 97%;
    height: 240px;
    border: none;
    box-shadow: 0 0 3px rgb(0, 0, 0, 0.56);
    background-color: #fff;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-left: 0px;
    white-space: pre-wrap;
    text-align: left;
    outline: none;
    font-size: 30px;
  }

  input.startinput {
    border-radius: 20px;
    border: 3px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    height: 70px;
    width: 600px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 36px;
    font-weight: bold;
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.startinput:hover {
    border: 3px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.startinput:active {
    border: 3px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  ul li.index {
    width: 400px;
    height: 60px;
    margin-top: 40px;
    border-radius: 20px;
    border: 2px solid rgb(0, 50, 200);
    text-align: center;
    font-weight: bold;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    list-style-type: none !important;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  ul li.index:hover {
    color: rgb(255, 255, 255);
    text-align: center;
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  ul li.index:active {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  a.indexaccount {
    height: 100%;
    width: 101%;
    font-size: 32px;
    color: rgb(0, 50, 200);
    text-decoration: none;
    display: block;
    padding-top: 4px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
  }

  a.indexaccount:visited {
    color: rgb(0, 50, 200);
  }

  a.indexaccount:hover {
    color: rgb(255, 255, 255);
  }

  a.indexaccount:visited:hover {
    color: rgb(255, 255, 255);
  }

  div.contains2 {
    position: absolute;
    border-radius: 10px;
    margin-top: 50px;
    width: 99.5%;
    min-height: 1500px;
    margin-bottom: 10px;
    border: 1.5px solid rgb(0, 0, 0, 0.56);
    padding-top: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(251, 251, 251));
    border: 0px solid #a60;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  div.base-frame_addtolist {
    display: block;
    flex-direction: row;
    width: 99.5%;
    height: 720px;
    border: 0px solid silver;
    border-radius: 5px;
    box-shadow: 0px 0px 0px silver;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 100px;
  }

  div.container {
    border: 0px solid rgb(0, 50, 200);
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 1000px;
    text-align: center;
  }

  input.listreturn {
    position: relative;
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 48px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 15px;
  }

  input.listreturn:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
  }

  input.listreturn:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.25px 0.25px 0.25px rgb(255, 255, 255);
    transform: translateY(1px);
  }

  div.addtolisthead {
    border: 0px solid rgb(255, 0, 0);
    margin-top: 10px;
    margin-left: 15px;
    height: 60px;
  }

  h1.addtolistmessagelist {
    width: 215px;
    height: 30px;
    border-radius: 16px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 10px;
    text-align: center;
  }

  input.addtolistdetaillist {
    position: relative;
    pointer-events: none;
    display: block;
    width: 640px;
    height: 50px;
    border: 1.5px solid rgb(205, 205, 205);
    border-radius: 10px;
    font-size: 40px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 30px;
    margin-top: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 20px;
  }

  div.left-frame_addtolist {
    width: 100%;
    box-shadow: 0px 0px 0px silver;
    margin-top: 10px;
    margin-left: 5px;
    padding-top: 5px;
  }

  div.addtolistleft {
    border: 0px solid rgb(255, 0, 0);
    width: 95%;
    height: 80px;
    margin-top: -3px;
  }

  div.addtolistleft2 {
    border: 0px solid rgb(255, 0, 0);
    height: 250px;
    margin-top: -3px;
  }

  h1.addtolistmessage {
    width: 220px;
    height: 40px;
    border-radius: 16px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    padding: 0.5em 0.5em 0.5em 2em;
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
    margin-left: 5px;
    margin-top: 0px;
    text-align: center;
  }

  input.addtolistdetail {
    position: relative;
    display: block;
    width: 640px;
    height: 58px;
    border: 1.5px solid rgb(205, 205, 205);
    border-radius: 10px;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 25px;
    margin-top: 1px;
    text-align: left;
    padding-left: 20px;
  }

  input.addtolistdetail:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: #000000;
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  textarea.addtolistdetail {
    width: 640px;
    height: 200px;
    margin: 20pem 20px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    outline: none;
    border: 1.5px solid rgb(205, 205, 205);
    border-radius: 10px;
    font-size: 32px;
    resize: none;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 10px;
    margin-left: 25px;
    padding-left: 20px;
  }

  textarea.addtolistdetail:hover {
    box-shadow: 0 0 5px rgb(0, 50, 200);
    border: 1.5px solid rgb(0, 50, 200);
  }

  textarea.addtolistdetail::placeholder {
    color: #cccccc;
    font-size: 32px;
    font-weight: bold;
  }

  ::placeholder {
    color: #cccccc;
    font-size: 12px;
    font-weight: bold;
  }

  div.right-frame_addtolist {
    width: 100%;
    padding-left: 1%;
    padding-top: 3px;
  }

  img.topimage {
    margin-top: 300px;
    width: 800px;
    height: 600px;
  }

  div.userlogin {
    width: 100%;
  }

  textarea.addtolistdetail::placeholder {
    color: #cccccc;
    font-size: 32px;
    font-weight: bold;
    padding-left: 10px;
  }

  ::placeholder {
    color: #cccccc;
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
  }

  input.addtolistadd {
    position: relative;
    border-radius: 20px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 32px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 75%;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.addtolistadd:hover {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.addtolistadd:active {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  h1.changinglistnameorigin {
    position: relative;
    width: 300px;
    height: 60px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-top: 2px;
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-left: 10px;
  }

  h1.changinglistname {
    position: relative;
    width: 300px;
    height: 60px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-top: 2px;
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-left: 10px;
  }

  input.changinglistnameorigin {
    position: relative;
    pointer-events: none;
    display: block;
    width: 500px;
    height: 60px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    background: silver;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
    text-align: center;
  }

  input.newlistname {
    position: relative;
    pointer-events: none;
    display: block;
    width: 500px;
    height: 60px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    background: silver;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 20px;
    margin-top: 0px;
    text-align: center;
  }

  input.changinglistnameok {
    position: relative;
    border-radius: 10px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 500px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 32px;
    font-weight: bold;
    box-shadow: 0 0 2px rgb(0, 50, 200);
  }

  input.changinglistnameok:hover {
    border: 1px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.changinglistname {
    position: relative;
    display: block;
    width: 500px;
    height: 55px;
    border: 1.5px solid rgb(255, 255, 255);
    border-radius: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    margin-top: 5px;
    text-align: left;
    padding-left: 10px;
  }

  input.changinglistname:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: #000000;
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  p.changinglistnameok {
    position: relative;
    border-radius: 5px;
    width: 800px;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 32px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-left: 10px;
    padding-left: 10px;
  }

  span.changemessage {
    font-size: 32px;
    color: rgb(0, 50, 200);
  }

  input.changinglistnameupdate {
    position: relative;
    border-radius: 20px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 32px;
    font-weight: bold;
    margin-left: 0%;
    margin-top: 50px;
    padding-top: 4px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.changinglistnameupdate:hover {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.changinglistnameupdate:active {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  h1.newlistname {
    position: relative;
    width: 300px;
    height: 60px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-top: 2px;
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: -1px;
    margin-left: 10px;
  }

  input.creatingnewlistname {
    position: relative;
    display: block;
    width: 500px;
    height: 60px;
    border: 1.5px solid rgb(255, 255, 255);
    border-radius: 20px;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    font-size: 40px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 0px;
    text-align: left;
    padding-left: 20px;
  }

  input.creatingnewlistname:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: #000000;
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.creatingnewlist {
    position: relative;
    border-radius: 20px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 32px;
    font-weight: bold;
    padding-top: 3px;
    margin-left: 43%;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.creatingnewlist:hover {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.creatingnewlist:active {
    border: 2px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.creatednewlistname {
    position: relative;
    display: block;
    width: 500px;
    height: 60px;
    border: 1px solid white;
    border-radius: 20px;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    background-color: silver;
    font-size: 32px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 0px;
    text-align: center;
    padding-left: 10px;
  }

  h1.deletelistconfirm {
    width: 60%;
    height: 60px;
    border-radius: 8px;
    box-shadow: 0px 1px 0px silver, 0px 0px 4px 4px rgb(255, 70, 70) inset;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
    margin-top: 0px;
    overflow: hidden;
    box-sizing: border-box;
  }

  span#minutes {
    font-size: 28px; 
    color:rgb(255, 255, 255); 
  }
  

  span.deletelistconfirm {
    font-size: 32px;
    color: red;
  }

  h4.modal-header {
    width: 99.5%;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(0, 50, 200);
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    margin-left: 2px;
    padding-top: 0px;
  }

  div.modal-message {
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    border-width: 1px 0px;
    border-color: #a60;
    box-shadow: 0px 1px 0px silver, 0px 0px 4px 4px rgb(255, 70, 70) inset;
    border-style: solid;
    font-weight: bold;
    text-align: left;
    padding-left: 50px;
    height: 150px;
    width: 95%;
    margin-top: -14px;
    margin-left: 1px;
    text-align: center;
  }

  label.deletelistmessage {
    border: none;
    font-size: 32px;
    margin-left: 270px;
  }

  input.deleteanswered {
    border-radius: 20px;
    border: 2px solid rgb(255, 70, 70);
    color: rgb(255, 70, 70);
    margin-top: 2px;
    margin-left: 250px;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 30px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteanswered:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteanswered:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 70, 70);
    transform: translateY(1px);
  }

  input.deleteansweredcancel {
    border-radius: 20px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    margin-top: 2px;
    margin-left: 100px;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 25px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.deleteansweredcancel:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.deleteansweredcancel:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  h1.deletelistcomplete {
    padding: relative;
    width: 500px;
    height: 40px;
    border-radius: 16px;
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 28px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: 0px;
    text-align: center;
  }

  input.displayreset {
    position: relative;
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 48px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 15px;
  }

  input.displayreset:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
  }

  input.displayreset:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.25px 0.25px 0.25px rgb(255, 255, 255);
    transform: translateY(1px);
  }

  div.edithead {
    border: 0px solid rgb(68, 255, 0);
    display: block;
    width: 99%;
    padding-left: 10px;
    height: 140px;
    margin-top: -2px;
    text-align: left;
  }

  div.editnavi {
    border: 0px solid rgb(255, 0, 0);
    display: block;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 1px;
    width: 99%;
    height: 200px;
  }

  div.editlist {
    border: 0px solid rgb(255, 0, 0);
    border-radius: 3px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    width: 99.8%;
    overflow: auto;
    height: 900px;
    margin-left: 2px;
    margin-top: 5px;
  }

  h1.selectmessageeditlist {
    width: 460px;
    height: 30px;
    border-radius: 8px;
    background: #f0f0f0;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-top: 2px;
    margin-left: 10px;
    padding-top: 5px;
  }

  select.selectitemeditlist {
    cursor: pointer;
    width: 500px;
    height: 50px;
    border: none;
    font-size: 24px;
    font-weight: bold;
    border: 1.5px solid rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-left: 10px;
  }

  select.selectitemeditlist:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 2px rgb(0, 50, 200);
  }

  select.selectitemeditlist:focus {
    outline: none;
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 2px rgb(0, 50, 200);
  }

  input.changelistname {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    margin-top: 0px;
    margin-left: 10px;
    width: 200px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.changelistname:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.changelistname:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.createlist {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    margin-top: 0px;
    margin-left: 10px;
    width: 200px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.createlist:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.createlist:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.changelistnameblank {
    border-radius: 10px;
    border: 1px solid transparent;
    color: transparent;
    margin-top: 20px;
    margin-left: 10px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    background: transparent;
    font-size: 14px;
    font-weight: bold;
  }

  h1.keywordsearch {
    width: 460px;
    height: 30px;
    border-radius: 8px;
    background: #f0f0f0;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-top: 2px;
    margin-left: 10px;
    padding-top: 5px;
  }

  input.keywordsearch {
    display: block;
    width: 480px;
    height: 40px;
    border: none;
    font-size: 32px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    border: 1.5px solid rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-left: 20px;
    min-width: 150px;
  }

  input.keywordsearch:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: rgb(0, 0, 0);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.keywordclear {
    border-radius: 10px;
    border: 1px solid rgb(0, 0, 0, 0.56);
    width: 100px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0, 0.56);
  }

  input.keywordclear:hover {
    border: 1px solid rgb(0, 0, 0, 0.56);
    background: linear-gradient(to bottom, #f0f0f0, #f0f0f0, #f0f0f0, #cdcdcd);
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0, 0.56);
  }

  input.keywordclear:active {
    border: 1px solid rgb(0, 0, 0, 0.56);
    background: linear-gradient(to bottom, #f0f0f0, #f0f0f0, #f0f0f0, #cdcdcd);
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0, 0.56);
    transform: translateY(1px);
  }

  div.initalactionanderror {
    border: 1px solid rgb(255, 255, 255);
    margin-top: 50px;
    margin-left: 10px;
  }

  input.addtolist {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    width: 200px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 40px;
    color: rgb(0, 50, 200);
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.addtolist:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.addtolist:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.exceloutputlist {
    border-radius: 15px;
    border: 2px solid rgb(91, 167, 15);
    width: 200px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    color: rgb(91, 167, 15);
    margin-left: 30px;
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.exceloutputlist:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.exceloutputlist:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(91, 167, 15);
    transform: translateY(1px);
  }

  input.importexcelsetting {
    border-radius: 15px;
    border: 2px solid rgb(91, 167, 15);
    width: 200px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    color: rgb(91, 167, 15);
    margin-left: 30px;
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.importexcelsetting:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.importexcelsetting:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(91, 167, 15);
    transform: translateY(1px);
  }

  input.deletelist {
    border-radius: 10px;
    border: 2px solid rgb(255, 0, 0);
    width: 200px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    color: rgb(255, 0, 0);
    margin-left: 30px;
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.deletelist:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.deletelist:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 0, 0);
    transform: translateY(1px);
  }

  div.editlist {
    border-radius: 3px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    width: 99.8%;
    overflow: auto;
    height: 1150px;
    margin-left: 2px;
    margin-top: 5px;
  }

  div.editlist table {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin: 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  div.editlist th {
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    font-size: 12px;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    position: sticky;
    height: 30px;
    top: 0;
    left: 0;
  }

  div.editlist tr {
    counter-increment: rowCount;
  }

  div.editlist td:first-child::before {
    content: counter(rowCount);
  }

  div.editlist td {
    font-size: 12px;
    height: 10px;
    font-weight: bold;
    word-wrap: break-word;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-right: 0.1px solid #999;
    border-bottom: 0.1px solid #999;
    background: #fff;
    padding: 5px;
  }

  div.modal-content-deleteedit {
    border: 0px solid rgb(0, 50, 200);
    width: 100%;
    font-weight: bold;
    margin-top: 30px;
  }

  h4.modal-header-deleteedit {
    width: 400px;
    height: 50px;
    border-radius: 20px;
    color: white;
    border: 1px solid rgb(0, 50, 200);
    box-shadow: 0 0 1px rgb(0, 0, 0);
    background-color: rgb(0, 50, 200);
    font-size: 30px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 300px;
    padding-top: 5px;
  }

  label.smart {
    font-size: 24px;
  }

  input.deleteedit {
    border-radius: 15px;
    border: 2px solid rgb(255, 70, 70);
    color: rgb(255, 70, 70);
    width: 200px;
    height: 40px;
    margin-left: 50px;
    padding: 0px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteedit:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteedit:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 70, 70);
    transform: translateY(1px);
  }

  input.deleteeditcancel {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 40px;
    margin-left: 10px;
    padding: 0px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.deleteeditcancel:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.deleteeditcancel:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.base-frame_edittolist {
    position: absolute;
    display: block;
    flex-direction: row;
    width: 99.5%;
    height: 1420px;
    border-radius: 5px;
    margin-top: 30px;
    margin-left: 2px;
  }

  div.left-frame_edittolist {
    box-shadow: 0px 0px 0px silver;
    margin-top: 1px;
    padding-top: 5px;
  }

  input.editlistdetaillist {
    position: relative;
    pointer-events: none;
    display: block;
    width: 650px;
    height: 45px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    margin-top: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
  }

  div.updatetolistedit {
    border: 0px solid rgb(0, 50, 200);
    width: 900px;
    margin-top: 5px;
    margin-left: 0px;
  }

  input.updatetolistedit {
    position: relative;
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 10px;
    padding-top: 3px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.updatetolistedit:hover {
    border: 1px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.updatetolistedit:active {
    border: 1px solid white;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.updatetolistdelete {
    position: relative;
    border-radius: 15px;
    border: 2px solid red;
    color: red;
    width: 200px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 50px;
    padding-top: 3px;
    box-shadow: 0px 1px 1px 1px red;
  }

  input.updatetolistdelete:hover {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px red;
  }

  input.updatetolistdelete:active {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px red;
    transform: translateY(1px);
  }

  div.editlistimage {
    width: 990px;
    height: 200px;
    margin-left: 0px;
    margin-top: 5px;
    border: 0px solid #a60;
  }

  label.editlistimage {
    cursor: pointer;
    text-align: center;
    border-radius: 15px;
    border: 1px solid rgb(186, 158, 0);
    width: 200px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 22px;
    font-weight: bold;
    color: rgb(186, 158, 0);
    margin-top: 10px;
    margin-left: 20px;
    padding-top: 5px;
    box-shadow: 0px 1px 1px 1px rgb(186, 158, 0);
  }

  label.editlistimage:hover {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(112, 95, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(186, 158, 0);
  }

  label.editlistimage:active {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(112, 95, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(186, 158, 0);
    transform: translateY(1px);
  }

  fieldset.editlistimage {
    padding: 10px;
    border: 2px solid rgb(255, 255, 255);
    width: 200px;
    height: 150px;
    background-color: #fff;
    margin-top: 5px;
    margin-left: 95px;
  }

  img.editlistimage {
    border-radius: 5px;
    max-width: 240px;
    height: 160px;
    border: 1px solid #686868;
    margin-left: 0px;
    margin-top: 0px;
  }

  input.editlistimagedelete {
    border-radius: 15px;
    border: 1px solid rgb(255, 0, 0);
    color: rgb(255, 0, 0);
    margin-top: 150px;
    width: 200px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 50px;
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.editlistimagedelete:hover {
    border: 1px solid rgb(255, 255, 255);
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.editlistimagedelete:active {
    border: 1px solid rgb(255, 255, 255);
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 0, 0);
    transform: translateY(1px);
  }

  div.edittolistleft {
    width: 980px;
    margin-top: 0px;
    margin-left: 5px;
  }

  h1.edittolistmessage {
    width: 250px;
    height: 40px;
    border-radius: 16px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    padding: 0.5em 0.5em 0.5em 2em;
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
  }

  div.right-frame_edittolist {
    width: 990px;
    padding-left: 1%;
    padding-top: 3px;
  }

  input.edittolistdetail {
    position: relative;
    display: block;
    width: 600px;
    height: 58px;
    border: 1px solid rgb(245, 245, 245);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 10px;
    margin-top: 3px;
    text-align: left;
    padding-left: 20px;
  }

  input.edittolistdetail:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  textarea.edittolistdetail {
    width: 600px;
    height: 200px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    outline: none;
    border: 1.5px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    resize: none;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 10px;
    padding-left: 20px;
    white-space: pre-wrap;
  }

  textarea.edittolistdetail:hover {
    box-shadow: 0 0 5px rgb(0, 50, 200);
    border: 1.5px solid rgb(0, 50, 200);
    white-space: pre-wrap;
  }

  input.returnsetting {
    position: relative;
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 48px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 26px;
    font-weight: bold;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 15px;
  }

  input.returnsetting:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
  }

  input.returnsetting:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.25px 0.25px 0.25px rgb(255, 255, 255);
    transform: translateY(1px);
  }

  h1.edituserselect {
    width: 300px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    padding-top: 3px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-left: 3px;
    margin-top: 0px;
  }

  select.edituserselect {
    position: relative;
    display: block;
    cursor: pointer;
    width: 500px;
    height: 45px;
    border: 1px solid silver;
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    outline: none;
    box-shadow: 0 0 2px silver;
    margin-left: 19px;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
  }

  select.edituserselect:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  option.edituser {
    font-size: 28px;
  }

  div.left-frame-edituser {
    width: 900px;
    margin-top: -0px;
    padding-top: 5px;
  }

  div.edituser {
    width: 950px;
    margin-left: 10px;
  }

  div.right-frame-edituser {
    width: 900px;
    height: 300px;
    padding-left: 1%;
  }

  div.editusercreated {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
  }

  div.base-frame-edituser {
    display: block;
    flex-direction: row;
    width: 99.7%;
    height: 433px;
    margin-left: 3px;
    margin-top: -3px;
  }

  h1.edituser {
    width: 350px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    padding-top: 3px;
    padding-left: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-top: -1px;
  }

  select.edituser {
    position: relative;
    display: block;
    cursor: pointer;
    width: 500px;
    height: 48px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
  }

  select.edituser:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  select.editusernothing {
    pointer-events: none;
    position: relative;
    display: block;
    cursor: pointer;
    width: 500px;
    height: 48px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    background: silver;
    margin-left: 20px;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
  }

  input.edituserauthority {
    position: relative;
    display: block;
    width: 480px;
    height: 42px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    background: silver;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-top: 5px;
    padding-left: 15px;
    margin-top: 0px;
  }

  input.editusername {
    position: relative;
    display: block;
    cursor: pointer;
    width: 480px;
    height: 42px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    background: silver;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
  }

  p.selecteduser {
    margin-left: 10px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
  }

  h2.editusercreated {
    width: 600px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid silver;
    box-shadow: 0px 0px 2px silver;
    padding-top: 3px;
    padding-left: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
  }

  h2.editusercreatedblank {
    width: 600px;
    height: 40px;
    margin-left: 20px;
  }

  input.accountdelete {
    border-radius: 15px;
    border: 2px solid red;
    color: rgb(255, 0, 0);
    width: 240px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 350px;
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.accountdelete:hover {
    border: 2px solid rgb(255, 255, 255);
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(255, 0, 0);
  }

  input.accountdelete:active {
    border: 2px solid rgb(255, 255, 255);
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 0, 0);
    transform: translateY(1px);
  }

  input.accountdeleteconfirm {
    position: relative;
    border-radius: 15px;
    border: 2px solid red;
    color: red;
    width: 240px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px 1px red;
  }

  input.accountdeleteconfirm:hover {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px red;
  }

  input.accountdeleteconfirm:active {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px red;
    transform: translateY(1px);
  }

  input.accountdeletecancel {
    position: relative;
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 240px;
    height: 60px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.accountdeletecancel:hover {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.accountdeletecancel:active {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.account {
    width: 980px;
    height: 60px;
    padding-left: 10px;
  }

  h1.account {
    width: 300px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    padding-top: 5px;
    padding-left: 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
  }

  input.form-control {
    border-radius: 5px;
    width: 550px;
    height: 40px;
    padding-top: 5px;
    margin-left: 20px;
    padding-top: 0px;
    padding-left: 30px;
    font-size: 22px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: 0;
    border: 2px solid rgb(45, 45, 45);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-top: 1px;
  }

  input.form-control:focus {
    border: 0.5px solid rgb(200, 200, 200);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
  }

  input.form-control:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 2px rgb(0, 50, 200);
  }

  input.accountauthority {
    position: relative;
    pointer-events: none;
    display: block;
    width: 568px;
    height: 40px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    background: silver;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: center;
    padding-left: 10px;
    margin-top: 0.2px;
  }

  div.accountaction {
    width: 30%;
    padding-left: 50px;
    margin-left: 0px;
    margin-top: 100px;
    height: 80px;
  }

  input.accountaction {
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 300px;
    height: 60px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 28px;
    font-weight: bold;
    margin-left: 0%;
    margin-top: 0px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.accountaction:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.accountaction:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.importexcelfile {
    width: 900px;
    margin-top: 0px;
    margin-left: 2px;
    padding-left: 10px;
  }

  h1.excelimport {
    width: 300px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 5px;
    color: rgb(255, 255, 255);
    background: silver;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    text-align: center;
    margin-top: 0px;
  }

  input.excelimport {
    position: relative;
    pointer-events: none;
    display: block;
    width: 400px;
    height: 45px;
    border: none;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
  }

  label.importexcelfile {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgb(91, 167, 15);
    width: 180px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 20px;
    font-weight: bold;
    color: rgb(91, 167, 15);
    margin-left: 10px;
    padding-top: 5px;
    margin-top: 0px;
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  label.importexcelfile:hover {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  label.importexcelfile:active {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(91, 167, 15);
    transform: translateY(1px);
  }

  div.excelupdatearea {
    width: 980px;
    height: 60px;
    margin-left: 5px;
  }

  input.excelimportupdate {
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    border: 1.5px solid rgb(0, 50, 200);
    width: 250px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 50, 200);
    margin-top: 0px;
    margin-left: 5px;
    padding-top: 4px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.excelimportupdate:hover {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.excelimportupdate:active {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.importexceltablearea {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-radius: 5px;
    overflow: auto;
    width: 990px;
    height: 1380px;
    overflow: scroll;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-top: 0px;
    margin-left: 2px;
  }

  p.importexcelcomplete {
    position: relative;
    border-radius: 10px;
    width: 600px;
    height: 50px;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-left: 10px;
    padding-left: 10px;
  }

  span.importexcelcomplete {
    font-size: 28px;
    color: rgb(0, 50, 200);
  }

  h1.control2 {
    position: absolute;
    width: 1000px;
    height: 70px;
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
  }

  div.contains4 {
    position: absolute;
    border-radius: 10px;
    margin-top: 90px;
    width: 990px;
    height: 1000px;
    border: 0px solid rgb(0, 0, 0, 0.56);
    background: radial-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    border: 0px solid #a60;
    border-radius: 3px;
    box-shadow: 0px 0px 0px silver, 0px 0px 0px rgb(0, 0, 0) inset;
  }

  p.initiallogin {
    position: relative;
    border-radius: 5px;
    width: 600px;
    height: 40px;
    cursor: pointer;
    color: #ff0000;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-left: 12px;
    padding-top: 4px;
    text-align: center;
  }

  h1.accountinitial {
    width: 300px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    padding-top: 5px;
    padding-left: 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }

  input.signupstaffinitial {
    position: relative;
    pointer-events: none;
    display: block;
    width: 570px;
    height: 60px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0, 0.56);
    background: #f4f4f4;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: center;
    padding-left: 10px;
    margin-top: 1px;
  }

  input.initialsignupregister {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 60px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.initialsignupregister:hover {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.initialsignupregister:active {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  h1.userlogin {
    width: 250px;
    height: 40px;
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    padding-top: 0px;
    padding-left: 0px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 0px;
  }

  div.sign {
    display: block;
    height: 150px;
    text-align: left;
    border: 0px solid rgb(255, 0, 0);
  }

  div.signinerror {
    border: 0px solid rgb(255, 0, 0);
    display: block;
  }

  p.signinerror {
    position: relative;
    border-radius: 10px;
    width: 500px;
    height: 40px;
    cursor: pointer;
    color: #ff0000;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-left: 20px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
  }

  p.signinerrorblank {
    position: relative;
    border-radius: 5px;
    width: 500px;
    height: 40px;
    cursor: pointer;
    color: transparent;
    background: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-left: 20px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
  }

  input.login {
    position: relative;
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    width: 200px;
    height: 50px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 10px;
    color: rgb(0, 50, 200);
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.login:hover {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.login:active {
    border: 2px solid white;
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.form-control1 {
    border-radius: 15px;
    width: 550px;
    height: 60px;
    padding-top: 5px;
    margin-left: 20px;
    padding-top: 0px;
    padding-left: 30px;
    border: none;
    font-size: 28px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: 0;
    border: 2px solid rgb(45, 45, 45);
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
  }

  input.form-control1:hover {
    border: 2px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.form-control1:focus {
    color: rgb(0, 0, 0);
    border: 2px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  h1.controllayout {
    position: relative;
    width: 200px;
    height: 40px;
    font-size: 20px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    padding-top: 5px;
    margin-top: 0px;
  }

  div.controllayoutappname {
    display: block;
    position: relative;
    width: 960px;
    height: 200px;
    margin-bottom: 1%;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 30px;
    margin-left: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(251, 251, 251));
    border: 1px solid rgb(0, 0, 0);
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  input.appnameinput {
    display: block;
    width: 700px;
    height: 50px;
    border: 1.5px solid rgb(0, 0, 0, 0.56);
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    padding-top: 5px;
    padding-left: 20px;
    margin-top: 0px;
    margin-left: 0px;
  }

  input.appnameinput:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: rgb(0, 0, 0);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.appnameinput:active {
    border: 1.5px solid rgb(0, 50, 200);
    color: rgb(0, 0, 0);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.appnameupdate {
    border-radius: 10px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 40px;
    padding: 0px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 0px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.appnameupdate:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.appnameupdate:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.controllayoutfavicon {
    display: flex;
    position: relative;
    width: 960px;
    height: 200px;
    margin-bottom: 1%;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 30px;
    margin-left: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(251, 251, 251));
    border: 1px solid rgb(0, 0, 0);
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  label.imageselect {
    border-radius: 15px;
    border: 2px solid rgb(186, 158, 0);
    color: rgb(186, 158, 0);
    width: 160px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 22px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 30px;
    padding-top: 3px;
    box-shadow: 0px 1px 1px 1px rgb(186, 158, 0);
  }

  label.imageselect:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(112, 95, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(186, 158, 0);
  }

  label.imageselect:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(186, 158, 0),
      rgb(112, 95, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(186, 158, 0);
    transform: translateY(1px);
  }

  p.notimageselectfavicon {
    border: 1px solid rgb(0, 50, 200);
    box-shadow: 2px 2px 2px;
    color: silver;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 140px;
    cursor: pointer;
    border-radius: 5px;
    padding-top: 30px;
    margin-top: 1px;
    margin-left: 1px;
  }

  img.imageselectfavicon {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 2px 2px 2px;
    width: 200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 1px;
    margin-left: 1px;
  }

  input.favicondisplay {
    border-radius: 12px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.favicondisplay:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.favicondisplay:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.faviconinitial {
    border-radius: 12px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.faviconinitial:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.faviconinitial:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.controllayouttopimage {
    position: relative;
    width: 960px;
    height: 400px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 30px;
    margin-left: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(251, 251, 251));
    border: 1px solid rgb(0, 0, 0);
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  div.topimagedisplay {
    display: block;
  }

  p.notimageselecttopimage {
    border: 1px solid rgb(0, 50, 200);
    box-shadow: 2px 2px 2px;
    color: silver;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    font-size: 16px;
    font-weight: bold;
    width: 360px;
    height: 180px;
    cursor: pointer;
    border-radius: 5px;
    padding-top: 100px;
    margin-top: 1px;
    margin-left: 1px;
  }

  img.imageselecttopimage {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 2px 2px 2px;
    width: 360px;
    height: 280px;
    border-radius: 5px;
    margin-top: 1px;
    margin-left: 1px;
  }

  input.topimagedisplay {
    border-radius: 10px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topimagedisplay:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topimagedisplay:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.topimageinitial {
    border-radius: 10px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topimageinitial:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.topimageinitial:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  a.index {
    font-size: 32px;
    height: 100%;
    width: 101%;
    color: rgb(0, 50, 200);
    text-decoration: none;
    display: block;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
  }

  a.index:visited {
    color: rgb(0, 50, 200);
  }

  a.index:hover {
    color: rgb(255, 255, 255);
  }

  a.index:visited:hover {
    color: rgb(255, 255, 255);
  }

  div.resultupper {
    width: 100%;
    height: 130px;
    margin-left: 0px;
    text-align: left;
  }

  div.resultoutput2 {
    width: 900px;
  }

  h1.selectmessage {
    width: 450px;
    height: 50px;
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-top: 2px;
    padding-left: 20px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 0px;
  }

  select.selectitem {
    cursor: pointer;
    width: 400px;
    height: 50px;
    font-size: 28px;
    border: 1.5px solid rgb(255, 255, 255);
    margin-left: 10px;
    font-weight: bold;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
  }

  select.selectitem:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  option.selectitem {
    font-size: 28px;
  }

  option.selectitemreset {
    font-size: 28px;
    color: red;
  }

  div.deletebutton {
    display: block;
    margin-top: -5px;
    height: 40px;
    width: 800px;
    text-align: left;
  }

  input.deleteresultbutton {
    border-radius: 15px;
    border: 1px solid rgb(255, 70, 70);
    color: rgb(255, 70, 70);
    margin-left: 0px;
    margin-top: 20px;
    width: 300px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteresultbutton:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(255, 70, 70);
  }

  input.deleteresultbutton:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 70, 70);
    transform: translateY(1px);
  }

  input.detaildisplay {
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    margin-top: 40px;
    width: 300px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-left: 0px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.detaildisplay:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.detaildisplay:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  h2.selectmessage {
    width: 300px;
    height: 20px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-left: 15px;
    padding-top: 15px;
  }

  div.lowerfield {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-radius: 5px;
    overflow: auto;
    width: 99.5%;
    height: 800px;
    overflow: scroll;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-left: 3px;
    margin-top: 200px;
  }

  div.lowerfield table {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    width: 100%;
    margin: 0;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: collapse;
  }

  div.lowerfield tr {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-right: 0.1px solid #999;
    border-left: 0.1px solid #999;
    border-bottom: 0.1px solid #999;
  }

  div.lowerfield th {
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    font-size: 12px;
    background: #eae4a5;
    color: rgb(0, 0, 0);
    position: sticky;
    height: 30px;
    top: 0;
    left: 0;
  }

  div.lowerfield td {
    font-size: 12px;
    font-weight: bold;
    word-wrap: break-word;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-right: 0.1px solid #999;
    border: 1px solid rgb(255, 255, 255);
    border-bottom: 0.1px solid #999;
    background: #fff;
    padding: 5px;
  }

  label.deleteresult {
    border: 0px solid rgb(255, 255, 255);
    font-size: 24px;
  }

  div.resultoutputdisplay {
    margin-top: 200px;
    margin-left: 0px;
    width: 990px;
    height: 100px;
    text-align: center;
  }

  input.displayresult {
    border-radius: 15px;
    border: 2px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 220px;
    height: 50px;
    padding: 0px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.displayresult:hover {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.displayresult:active {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.pdfresult {
    border-radius: 15px;
    border: 1px solid rgb(236, 71, 71);
    color: rgb(236, 71, 71);
    width: 220px;
    height: 50px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-left: 50px;
    box-shadow: 0px 1px 1px 1px rgb(236, 71, 71);
  }

  input.pdfresult:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(236, 71, 71);
  }

  input.pdfresult:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(183, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(236, 71, 71);
    transform: translateY(1px);
  }

  input.excelresult {
    border-radius: 15px;
    border: 2px solid rgb(91, 167, 15);
    width: 220px;
    height: 50px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: rgb(91, 167, 15);
    font-size: 24px;
    font-weight: bold;
    margin-left: 50px;
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.excelresult:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.excelresult:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(91, 167, 15);
    transform: translateY(1px);
  }

  div.resultdatas {
    display: block;
    margin-top: 180px;
    text-align: center;
  }

  h1.resultdatas {
    width: 600px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    padding-top: 2px;
    padding-left: 0px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 40px;
    text-align: center;
  }

  div.resultimgoutput {
    border: 0px solid rgb(0, 0, 0);
    display: block;
    width: 960px;
    height: 1000px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
  }

  img.resultimgoutput {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 1px 1px;
    width: 550px;
    height: 400px;
    border-radius: 5px;
    margin-top: 30px;
    margin-left: 20px;
  }

  img.resultimgoutput2 {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 1px 1px;
    width: 800px;
    height: 450px;
    border-radius: 5px;
    margin-top: 30px;
    margin-left: 20px;
  }

  input.initialize {
    position: relative;
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 150px;
    height: 48px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 500px;
  }

  input.initialize:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
  }

  input.initialize:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.25px 0.25px 0.25px rgb(255, 255, 255);
    transform: translateY(1px);
  }

  div.contains3 {
    position: absolute;
    border-radius: 10px;
    margin-top: 50px;
    padding-left: 2px;
    width: 990px;
    height: 1500px;
    background: radial-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    border: 0px solid #a60;
    border-radius: 0px;
    box-shadow: 0px 0px 0px silver, 0px 0px 0px rgb(0, 0, 0) inset;
  }

  h1.controlsetting {
    position: relative;
    width: 900px;
    font-size: 24px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    margin-left: 10px;
  }

  h1.selectmessagesetting {
    width: 450px;
    height: 60px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    border: 1px solid silver;
    box-shadow: 0px 0px 2px rgb(0, 0, 0);
    padding-top: 5px;
    padding-left: 20px;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
    margin-left: 10px;
  }

  option.selectitemsetting {
    font-size: 28px;
  }

  input.Displaycolor {
    width: 60px;
    height: 60px;
    margin-top: 45px;
    margin-left: 450px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.Displaycolor:hover {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.Displaycolor:active {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0);
    transform: translateY(1px);
  }

  input.commonsetting {
    position: relative;
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    width: 200px;
    height: 48px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 400px;
  }

  input.commonsetting:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(255, 255, 255);
  }

  input.commonsetting:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.25px 0.25px 0.25px rgb(255, 255, 255);
    transform: translateY(1px);
  }

  div.settingset {
    border: 0px solid rgb(0, 0, 0);
    display: block;
    width: 990px;
    height: 350px;
    margin-top: 5px;
    margin-left: 0px;
    text-align: left;
  }

  div.base-frame {
    border: 0px solid rgb(0, 0, 0);
    display: block;
    flex-direction: row;
    width: 990px;
    height: 1250px;
    font-size: 14px;
    margin-top: 50px;
    margin-left: 0px;
    text-align: left;
  }

  div.base-frame-personal {
    border: 0px solid rgb(0, 0, 0);
    display: block;
    flex-direction: row;
    width: 990px;
    height: 1250px;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 0px;
    text-align: left;
  }

  div.left-frame {
    width: 990px;
  }

  div.right-frame {
    width: 990px;
    margin-top: 50px;
  }

  h1.selectmessagepersonal {
    width: 435px;
    height: 55px;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    color: white;
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
  }

  select.selectnamepersonal {
    cursor: pointer;
    width: 450px;
    height: 50px;
    border: none;
    font-size: 28px;
    font-weight: bold;
    color: rgba(0, 0, 0);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border: 1.5px solid rgb(255, 255, 255);
    padding-left: 10px;
  }

  select.selectnamepersonal:hover {
    box-shadow: 0 0 5px rgb(0, 50, 200);
    border: 1.5px solid rgb(0, 50, 200);
  }

  select.selectnamepersonal:focus {
    box-shadow: 0 0 5px rgb(0, 50, 200);
    border: 1.5px solid rgb(0, 50, 200);
  }

  h1.controlsettingpersonal {
    position: relative;
    width: 900px;
    font-size: 24px;
    height: 40px;
    font-size: 18px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    margin-left: 10px;
  }

  div.lowest {
    display: block;
  }

  div.Inputlimit {
    margin-top: -85px;
  }

  input.Displaycolorpersonal {
    width: 60px;
    height: 60px;
    margin-top: 80px;
    margin-left: 450px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.Displaycolorpersonal:hover {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.Displaycolorpersonal:active {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0);
    transform: translateY(1px);
  }

  select.selectitemsetting {
    cursor:pointer; 
    width: 400px;
    height:55px; 
    border: none;
    margin:2px 15px; 
    font-size: 28px;
    font-weight:bold;
    box-shadow: 0 0 2px rgb(0, 0, 0);
  }
  
  select.selectitemsetting:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  select.selectitemsettingdisable {
    width: 400px;
    height:55px; 
    font-weight: bold;
    font-size: 28px;
    background: rgb(141, 141, 141);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-top: 2px;
  }

  option.selectedsettingpersonal {
    font-size: 24px;
    color: rgba(0, 0, 0);
  }

  select.signup {
    position: relative;
    display: block;
    cursor: pointer;
    width: 582px;
    height: 45px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: center;
    padding-left: 10px;
    margin-top: 1px;
  }

  select.signup:hover {
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.signupstaff {
    position: relative;
    pointer-events: none;
    display: block;
    width: 570px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 50, 200);
    background: #f4f4f4;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: center;
    padding-left: 10px;
    margin-top: 1px;
  }

  div.accountinput {
    width: 990px;
  }

  p.accounterror {
    position: relative;
    border-radius: 5px;
    width: 600px;
    height: 40px;
    cursor: pointer;
    color: #ff0000;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
  }

  p.accountcomplete {
    position: relative;
    border-radius: 5px;
    width: 600px;
    height: 40px;
    cursor: pointer;
    color: #000000;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
  }

  div.actionanderror {
    width: 990px;
  }

  div.accounterrorpassword {
    width: 990px;
    height: 200px;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
  }

  div.passwordchangeerror {
    width: 600px;
    height: 120px;
    padding-left: 0px;
    margin-top: 5px;
    margin-left: 10px;
  }

  p.passwordchangeerror {
    position: relative;
    border-radius: 5px;
    width: 600px;
    height: 40px;
    cursor: pointer;
    color: #ff0000;
    background: -webkit-repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    background: repeating-linear-gradient(
      -45deg,
      #f4f9ff,
      #f4f9ff 3px,
      #eaf4ff 3px,
      #eaf4ff 6px
    );
    border: 1px solid rgb(0, 50, 200);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-top: 5px;
    padding-top: 3px;
    text-align: center;
  }

  input.limittime {
    text-align: center;
    width: 120px;
    height: 35px;
    color: rgb(0, 0, 0);
    border: 2px solid rgb(45, 45, 45);
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 2px;
    font-size: 24px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
  }

  input.limittime:hover {
    color: rgb(0, 0, 0);
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.limitinput {
    text-align: center;
    width: 120px;
    height: 35px;
    color: rgb(0, 0, 0);
    border: 1.5px solid rgba(255, 255, 255, 0.52);
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 0px;
    font-size: 24px;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
  }

  input.limitinput:hover {
    color: rgb(0, 0, 0);
    border: 1.5px solid rgb(0, 50, 200);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.limittimeupdate {
    cursor: pointer;
    border: 1px solid rgb(0, 50, 200);
    border-radius: 15px;
    width: 220px;
    height: 40px;
    color: rgb(0, 50, 200);
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 2px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.limittimeupdate:hover {
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
    border: 1px solid rgb(255, 255, 255);
  }

  input.limittimeupdate:active {
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  input.limitinputupdate {
    cursor: pointer;
    border: 1px solid rgb(0, 50, 200);
    border-radius: 15px;
    width: 220px;
    height: 40px;
    color: rgb(0, 50, 200);
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 2px;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.limitinputupdate:hover {
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
    border: 1px solid rgb(255, 255, 255);
  }

  input.limitinputupdate:active {
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.contains5 {
    position: absolute;
    border-radius: 10px;
    margin-top: 100px;
    width: 990px;
    height: 1300px;
    border: 0px solid rgb(0, 0, 0, 0.56);
    box-shadow: 0px 0px 0px rgb(0, 0, 0, 0.56);
    padding-top: 10px;
    background: radial-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    border: 0px solid #a60;
    border-radius: 3px;
    box-shadow: 0px 0px 0px silver, 0px 0px 0px rgb(0, 0, 0) inset;
  }

  h1.controlquestion {
    position: absolute;
    width: 990px;
    height: 50px;
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    padding-bottom: 5px;
  }

  h1.checksetting {
    width: 400px;
    height: 45px;
    border-radius: 8px;
    border: 1px solid silver;
    box-shadow: 0px 0px 2px silver;
    padding-top: 0px;
    padding-left: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-top: 2px;
    margin-left: 10px;
  }

  input.checksetting {
    position: relative;
    display: block;
    cursor: pointer;
    width: 450px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    background: #f4f4f4;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 5px;
    margin-top: 2px;
  }

  div.checksettingcontrol {
    margin-top: 100px;
    margin-left: 200px;
  }

  input.checksettingok {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: #ea6264;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
  }

  input.checksettingok:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.checksettingok:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
    transform: translateY(2px);
  }

  input.checksettingreturn {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: #ea6264;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 28px;
    font-weight: bold;
    margin-left: 100px;
  }

  input.checksettingreturn:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.checksettingreturn:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
    transform: translateY(2px);
  }

  h1.inputname {
    width: 300px;
    height: 30px;
    border-radius: 16px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 2px silver;
    color: rgb(255, 255, 255);
    background: silver;
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 24px;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 20px;
    text-align: center;
  }

  input.confirmname {
    position: relative;
    display: block;
    cursor: pointer;
    width: 500px;
    height: 50px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 32px;
    font-weight: bold;
    background: #f4f4f4;
    outline: none;
    box-shadow: 0 0 3px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 20px;
    margin-top: 2px;
  }

  input.inputname {
    position: relative;
    display: block;
    width: 500px;
    height: 50px;
    border: 2px solid rgb(45, 45, 45);
    border-radius: 10px;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 10px;
    margin-top: 2px;
    text-align: left;
    padding-left: 20px;
  }

  input.inputname:hover {
    border: 1px solid rgb(0, 50, 200);
    color: #000000;
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  input.inputname:active {
    border: 1px solid rgb(0, 50, 200);
    color: #000000;
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  div.inputnameaction {
    margin-left: 200px;
    margin-top: 50px;
  }

  input.inputnameok {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: #ea6264;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(232, 232, 232)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
  }

  input.inputnameok:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.inputnameok:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
    transform: translateY(2px);
  }

  input.inputnamereturn {
    border-radius: 15px;
    border: 1px solid #ffffff;
    color: #ea6264;
    width: 200px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 28px;
    font-weight: bold;
    margin-left: 100px;
  }

  input.inputnamereturn:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.inputnamereturn:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
    transform: translateY(2px);
  }

  h1.startmessage {
    width: 300px;
    height: 40px;
    border-radius: 16px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 5px silver;
    color: rgb(255, 255, 255);
    background: silver;
    padding-top: 5px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 10px;
    text-align: center;
  }

  input.startmessage {
    position: relative;
    display: block;
    cursor: pointer;
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    background: #f4f4f4;
    outline: none;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-left: 20px;
    text-align: left;
    padding-left: 15px;
    margin-top: 4px;
  }

  input.startmessageok {
    border-radius: 15px;
    border: 1px solid #ffffff;
    color: #ea6264;
    width: 250px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px;
    margin-left: 10px;
  }

  input.startmessageok:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.startmessageok:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
    transform: translateY(2px);
  }

  input.endinput {
    border-radius: 15px;
    border: 1px solid #ffffff;
    color: rgb(0, 0, 0);
    width: 150px;
    height: 40px;
    padding: 0px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px rgb(0, 0, 0);
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 650px;
  }

  input.endinput:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 0, 0),
      rgb(0, 0, 0),
      rgb(0, 0, 0),
      rgb(0, 0, 0)
    );
    box-shadow: 0 0 5px rgb(0, 0, 0);
  }

  input.endinput:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 0, 0),
      rgb(0, 0, 0),
      rgb(0, 0, 0),
      rgb(0, 0, 0)
    );
    box-shadow: 0 0 5px rgb(0, 0, 0);
    transform: translateY(2px);
  }

  h1.controlquestionloop {
    position: absolute;
    width: 990px;
    height: 50px;
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    padding-bottom: 5px;
  }

  h1.controlquestionloopblank {
    position: absolute;
    width: 990px;
    height: 50px;
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    padding-bottom: 5px;
  }

  div.nameandtime {
    display: block;
    width: 990px;
    height: 100px;
  }

  div.questionloopcategory {
    display: block;
    margin-top: 0px;
    width: 990px;
    height: 150px;
  }

  h1.questionloopname {
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    margin-top: 0px;
    margin-left: 10px;
  }

  h1.questionlooptime {
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    margin-top: 50px;
    margin-left: 10px;
  }

  h1.questionloopcategory {
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    margin-top: 0px;
    margin-left: 10px;
  }

  h1.questionloopendtime {
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    margin-top: 50px;
    margin-left: 10px;
  }

  h1.questionloopdifficulty {
    width: 500px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    margin-top: 100px;
    margin-left: 10px;
  }

  div.questionarea {
    width: 990px;
    margin-top: 5px;
    margin-left: 1px;
    border: 0px solid rgb(254, 0, 0);
  }

  div.questiondiv {
    display: block;
    width: 990px;
    height: 750px;
  }

  fieldset.questionarea {
    resize: none;
    padding: 10px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 0px;
    width: 950px;
    height: 750px;
    background-color: #fff;
  }

  div.questionareaimage {
    display: block;
    width: 950px;
    height: 250px;
  }

  textarea.questionarea {
    resize: none;
    padding: 10px;
    width: 920px;
    height: 240px;
    border: none;
    background-color: #fff;
    font-size: 42px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-left: 0px;
    white-space: pre-wrap;
  }

  img.questionarea {
    margin-left: 0px;
    margin-right: 10px;
    max-width: 500px;
    height: 360px;
    border: none;
    margin-top: 0px;
  }

  div.questionloopmessage {
    margin-top: 5px;
    border: 0px solid rgb(255, 0, 0);
    height: 50px;
  }

  h1.questionloopmessage {
    width: 960px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    margin-top: 20px;
    margin-left: 3px;
    text-align: center;
  }

  div.choicearea {
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    margin-top: 20px;
    margin-left: 2px;
    width: 970px;
    height: 470px;
  }

  label.labelchoice {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    width: 900px;
    height: 50px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 32px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(42, 135, 240);
    margin-top: 20px;
    margin-left: 10px;
    padding-top: 5px;
  }

  label.labelchoice:hover {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    color: rgb(255, 255, 255);
  }

  label.labelchoice:active {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0 0 5px rgb(42, 135, 240);
    transform: translateY(1px);
  }

  input[type="radio"] {
    display: none;
  }
  input[type="radio"]:checked + label {
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(238, 240, 246);
  }

  h1.questionloopremain {
    width: 200px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
    margin-left: 10px;
  }

  input.questionloopok {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(42, 135, 240);
    width: 200px;
    height: 50px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    font-size: 24px;
    font-weight: bold;
    margin-left: 650px;
    margin-top: 6px;
  }

  input.questionloopok:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
  }

  input.questionloopok:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    transform: translateY(2px);
  }

  input.colorselect {
    width: 60px;
    height: 60px;
    margin: 0em 10px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
    margin-top: 9px;
    margin-left: 60px;
  }

  input.colorselect:hover {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.colorselect:active {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0);
    transform: translateY(1px);
  }

  h1.answerlistmessage {
    width: 980px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    color: white;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 5px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    margin-top: 60px;
    margin-left: 2px;
    text-align: center;
  }

  h1.keywordsearchlist {
    width: 300px;
    height: 40px;
    border-radius: 8px;
    background: #f0f0f0;
    color: #000000;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    padding-top: 2px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    text-align: center;
    margin-top: 0px;
    margin-left: 10px;
  }

  input.keywordsearchlist {
    display: block;
    width: 400px;
    height: 40px;
    border: 2px solid rgb(45, 45, 45);
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    outline: none;
    border: 1.5px solid rgb(255, 255, 255);
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-left: 10px;
    min-width: 150px;
  }

  input.keywordsearchlist:hover {
    border: 1.5px solid rgb(0, 50, 200);
    color: rgb(0, 0, 0);
    box-shadow: 0 0 5px rgb(0, 50, 200);
  }

  div.answerkeyword {
    display: display;
    height: 60px;
  }

  input.keywordclearlist {
    border-radius: 15px;
    border: 2px solid rgb(0, 0, 0, 0.56);
    width: 100px;
    height: 40px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    margin-top: 1px;
    margin-left: 5px;
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 1px 1px 1px rgb(200, 200, 200);
  }

  input.keywordclearlist:hover {
    border: 2px solid rgb(0, 0, 0, 0.56);
    background: linear-gradient(to bottom, #f0f0f0, #f0f0f0, #f0f0f0, #cdcdcd);
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 1px 1px 1px rgb(200, 200, 200);
  }

  input.keywordclearlist:active {
    border: 2px solid rgb(0, 0, 0, 0.56);
    background: linear-gradient(to bottom, #f0f0f0, #f0f0f0, #f0f0f0, #cdcdcd);
    color: rgb(0, 0, 0, 0.56);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(200, 200, 200);
    transform: translateY(1px);
  }

  div.finishanswerbutton {
    margin-top: 0px;
    width: 200px;
    height: 40px;
    width: 150;
    margin-left: 50px;
  }

  input.finishanswerbutton {
    border-radius: 15px;
    border: 1px solid red;
    color: red;
    margin-left: 20px;
    margin-top: 0px;
    padding-top: 3px;
    width: 150px;
    height: 40px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px red;
  }

  input.finishanswerbutton:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px red;
  }

  input.finishanswerbutton:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px red;
    transform: translateY(1px);
  }

  div.answerlist {
    border-radius: 3px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    width: 985px;
    overflow: auto;
    height: 1500px;
    margin-left: 2px;
    margin-top: 50px;
  }

  div.alreadyanswered {
    display: block;
    margin-top: 25px;
    width: 970px;
    height: 350px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    text-align: left;
  }

  h1.alreadyanswered {
    width: 940px;
    height: 40px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: white;
    font-weight: bold;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-radius: 10px;
    position: sticky;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding-left: 5px;
    margin-top: 5px;
    margin-left: 10px;
  }

  input.answerreviseok {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(42, 135, 240);
    width: 300px;
    height: 50px;
    padding: 3px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 100px;
  }

  input.answerreviseok:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
  }

  input.answerreviseok:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    transform: translateY(2px);
  }

  input.answerrevisereturn {
    border-radius: 15px;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(42, 135, 240);
    width: 300px;
    height: 50px;
    padding: 3px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    font-size: 20px;
    font-weight: bold;
    margin-left: 100px;
    margin-top: 50px;
  }

  input.answerrevisereturn:hover {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
  }

  input.answerrevisereturn:active {
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(42, 135, 240),
      rgb(1, 97, 208)
    );
    box-shadow: 0 0 5px rgb(42, 135, 240);
    transform: translateY(2px);
  }

  div.colorselectrevise {
    width: 100%;
  }

  input.colorselectrevise {
    width: 60px;
    height: 60px;
    margin: 0em 10px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
    margin-top: 50px;
    margin-left: 850px;
  }

  input.colorselectrevise:hover {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 0, 0);
  }

  input.colorselectrevise:active {
    border: 1px solid rgb(0, 0, 0);
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0);
    transform: translateY(1px);
  }

  div.answerlistconfirm {
    border-radius: 3px;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    width: 985px;
    overflow: auto;
    height: 1500px;
    margin-left: 2px;
    margin-top: 50px;
  }

  div.answerlistconfirm table {
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    margin: 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  div.answerlistconfirm tr {
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    border-bottom: 0.1px solid #999;
  }

  div.answerlistconfirm th {
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.56);
    font-size: 12px;
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    color: rgb(255, 255, 255);
    position: sticky;
    height: 30px;
    top: 0;
    left: 0;
  }

  div.answerlistconfirm td {
    font-size: 12px;
    height: 10px;
    font-weight: bold;
    word-wrap: break-word;
    box-shadow: 0 0 2px rgb(0, 0, 0, 0.56);
    border-right: 0.1px solid #999;
    border-bottom: 0.1px solid #999;
    background: #fff;
    padding: 5px;
  }

  div.finishlist {
    margin-top: 0px;
    height: 50px;
  }

  input.finishlistok {
    border-radius: 15px;
    border: 1px solid red;
    color: red;
    margin-top: 2px;
    margin-left: 240px;
    width: 200px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px red;
  }

  input.finishlistok:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px red;
  }

  input.finishlistok:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px red;
    transform: translateY(1px);
  }

  input.finishlistcancel {
    border-radius: 15px;
    border: 1px solid rgb(0, 50, 200);
    color: rgb(0, 50, 200);
    margin-top: 2px;
    margin-left: 110px;
    width: 200px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.finishlistcancel:hover {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 1px 1px 1px rgb(0, 50, 200);
  }

  input.finishlistcancel:active {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200),
      rgb(0, 50, 200)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 50, 200);
    transform: translateY(1px);
  }

  div.endmessage {
    width: 990px;
    height: 150px;
    margin-top: 0px;
  }

  p.endmessage {
    margin-left: 10px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
  }

  input.endmessageok {
    border-radius: 15px;
    border: 2px solid #ffffff;
    color: #ea6264;
    width: 200px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    box-shadow: 0 0 5px #ea6264;
    font-size: 22px;
    font-weight: bold;
    margin-top: 50px;
    margin-left: 10px;
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(0, 0, 0);
  }

  input.endmessageok:hover {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: 0 0 5px #ea6264;
  }

  input.endmessageok:active {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, #ea6264, #ea6264, #ea6264, #ff272a);
    box-shadow: none;
    transform: translateY(2px);
  }

  div.resultoutout {
    margin-top: 50px;
  }

  input.endpdfresult {
    border-radius: 15px;
    border: 2px solid rgb(236, 71, 71);
    color: rgb(236, 71, 71);
    width: 200px;
    height: 50px;
    cursor: pointer;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
    box-shadow: 0px 1px 1px 1px rgb(236, 71, 71);
  }

  input.endpdfresult:hover {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(222, 0, 0)
    );
    box-shadow: 0px 1px 1px 1px rgb(236, 71, 71);
  }

  input.endpdfresult:active {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(236, 71, 71),
      rgb(183, 0, 0)
    );
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(236, 71, 71);
    transform: translateY(1px);
  }

  input.endexcelresult {
    border-radius: 15px;
    border: 2px solid rgb(91, 167, 15);
    width: 200px;
    height: 50px;
    background: linear-gradient(
      to bottom,
      #ffffff,
      #ffffff,
      #ffffff,
      rgb(200, 200, 200)
    );
    color: rgb(91, 167, 15);
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.endexcelresult:hover {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 1px 1px 1px rgb(91, 167, 15);
  }

  input.endexcelresult:active {
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(91, 167, 15),
      rgb(59, 118, 0)
    );
    color: rgb(255, 255, 255);
    box-shadow: 0px 0.5px 0.5px 0.5px rgb(91, 167, 15);
    transform: translateY(1px);
  }

  div.endresultdatas {
    display: block;
    margin-top: 200px;
    margin-left: 0px;
    height: 280px;
  }

  h1.endresultdatas {
    width: 500px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    background: linear-gradient(
      to bottom,
      rgb(120, 187, 255),
      rgb(0, 30, 200),
      rgb(0, 30, 200)
    );
    box-shadow: 0 0 2px rgb(0, 50, 200);
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 30px;
    text-align: center;
  }

  div.endresultimgoutput {
    display: block;
    width: 990px;
    height: 1000px;
    margin-top: -5px;
    margin-left: 0px;
    text-align: left;
  }

  img.endresultimgoutput {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 1px 1px;
    width: 650px;
    height: 480px;
    border-radius: 5px;
    margin-top: 0px;
    margin-left: 20px;
  }

  img.endresultimgoutput2 {
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 1px 1px 1px;
    width: 850px;
    height: 500px;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 20px;
  }

  div.editusertop {
    width: 99%;
    height: 55px;
    margin-left: 0px;
    margin-top: 0px;
  }

}