/* line 1, ../sass/header.scss */
header {
  display: flex;
  background: #1ca7ec;
  width: 100%;
  justify-content: space-around;
  height: 8vh;
  align-items: center;
  position: relative;
  top: 0;
  right: 0; }

/* line 12, ../sass/header.scss */
.MenuLinks {
  display: flex;
  width: 40%;
  justify-content: space-between;
  list-style: none; }

/* line 18, ../sass/header.scss */
.logo {
  text-decoration: none; }

/* line 22, ../sass/header.scss */
header h1 {
  color: #fff; }

/* line 25, ../sass/header.scss */
.MenuLinks a {
  text-decoration: none;
  color: #fff; }

/* line 30, ../sass/header.scss */
.bar div {
  width: 40px;
  height: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  background: #fff; }

/* line 37, ../sass/header.scss */
.bar {
  cursor: pointer;
  display: none; }

/* line 41, ../sass/header.scss */
.MenuLinks input {
  border: none;
  border-bottom: 2px solid #000; }

/* line 45, ../sass/header.scss */
.MenuLinks button {
  cursor: pointer; }

/* line 49, ../sass/header.scss */
footer {
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  background: #3a4856;
  height: 5vh;
  display: flex; }

/* line 58, ../sass/header.scss */
button:focus {
  outline: none; }

@media (max-width: 768px) {
  /* line 63, ../sass/header.scss */
  .MenuLinks {
    position: absolute;
    top: 8vh;
    background: #3a4856;
    justify-content: space-around;
    width: 70%;
    flex-direction: column;
    text-align: center;
    height: 30vh;
    display: none;
    z-index: 1; }

  /* line 76, ../sass/header.scss */
  .bar {
    display: block; }

  /* line 79, ../sass/header.scss */
  footer {
    text-align: center;
    font-size: 12px; }

  /* line 83, ../sass/header.scss */
  .active {
    display: flex; } }
@media (max-width: 1366px) {
  /* line 89, ../sass/header.scss */
  .MenuLinks {
    width: 70%; } }
/* line 1, ../sass/index.scss */
.title-container {
  height: 87vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

/* line 8, ../sass/index.scss */
.scan-in,
.scan-out {
  width: 150px;
  height: 50px;
  border-radius: 30px;
  border: none;
  margin-bottom: 50px;
  background: #fb7b8e;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none; }

/* line 22, ../sass/index.scss */
.scan-in:hover,
.scan-out:hover {
  background: #f9546d; }

/* line 26, ../sass/index.scss */
.btn_regis {
  border: none;
  background: none;
  text-decoration: underline;
  cursor: pointer; }

/*TOOLS PAGE*/
/* line 34, ../sass/index.scss */
.scanQR-container {
  height: 92vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

/* line 41, ../sass/index.scss */
#canvas {
  width: 550px;
  height: 450px;
  border: 1px solid #707070; }

/* line 46, ../sass/index.scss */
#scan {
  margin-top: 20px;
  width: 150px;
  height: 60px;
  border-radius: 30px;
  background: #fb7b8e;
  color: #fff;
  border: none;
  cursor: pointer; }

/* line 56, ../sass/index.scss */
.pressnum {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%; }

/* line 64, ../sass/index.scss */
.pressnum input {
  border-radius: 30px;
  border: 1px solid #e7e7e7;
  height: 30px;
  text-align: center;
  margin-bottom: 5px; }

/* line 71, ../sass/index.scss */
.pressnum input:focus {
  outline: none; }

/* line 75, ../sass/index.scss */
.pressnum button {
  width: 100px;
  height: 30px;
  border-radius: 30px;
  margin: 10px 0 10px 0;
  background: #2c92fe;
  color: #fff;
  border: none;
  cursor: pointer; }

/* line 85, ../sass/index.scss */
.pressnum button:hover {
  background: #0e83fe; }

/* line 88, ../sass/index.scss */
.MenuLinks a:hover {
  text-decoration: underline; }

@media (max-width: 768px) {
  /* line 92, ../sass/index.scss */
  #canvas {
    width: 300px;
    height: 300px; }

  /* line 96, ../sass/index.scss */
  .pressnum {
    width: 100%; }

  /* line 99, ../sass/index.scss */
  .scanQR-container {
    margin: 0; }

  /* line 102, ../sass/index.scss */
  .object_img {
    background-position: bottom center; } }
/* line 1, ../sass/wrapper.scss */
.wrapper {
  display: none;
  position: fixed;
  z-index: 1;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  overflow: auto;
  /* Enable scroll if needed */
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

/* line 14, ../sass/wrapper.scss */
.container {
  font: 95% Arial, Helvetica, sans-serif;
  max-width: 400px;
  height: auto;
  padding: 16px;
  background: #f7f7f7;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

/* line 28, ../sass/wrapper.scss */
.btn_closeadd {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 3%;
  background: #ff7a4f;
  border-bottom: 2px solid #fe5f2c;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  margin-top: 10px;
  cursor: pointer; }

/* line 43, ../sass/wrapper.scss */
.btn_closeadd:hover {
  background: #fe5f2c; }

/* line 46, ../sass/wrapper.scss */
.btn_closeEdit {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 3%;
  background: #ff7a4f;
  border-bottom: 2px solid #fe5f2c;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  margin-top: 10px;
  cursor: pointer; }

/* line 61, ../sass/wrapper.scss */
.btn_closeEdit:hover {
  background: #fe5f2c; }

/* line 66, ../sass/wrapper.scss */
.container_adduser h1, .container h1 {
  background: #43d1af;
  padding: 20px 0;
  font-size: 140%;
  font-weight: 300;
  text-align: center;
  color: #fff;
  margin: -16px -16px 16px -16px; }

/* line 75, ../sass/wrapper.scss */
.container input[type="text"],
.container input[type="password"],
.container input[type="date"],
.container input[type="datetime"],
.container input[type="email"],
.container input[type="number"],
.container input[type="search"],
.container input[type="time"],
.container input[type="url"],
.container textarea,
.container select {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  background: #fff;
  margin-bottom: 4%;
  border: 1px solid #ccc;
  padding: 3%;
  color: #555;
  font: 95% Arial, Helvetica, sans-serif; }

/* line 102, ../sass/wrapper.scss */
.container input[type="text"]:focus,
.container input[type="date"]:focus,
.container input[type="datetime"]:focus,
.container input[type="email"]:focus,
.container input[type="number"]:focus,
.container input[type="search"]:focus,
.container input[type="time"]:focus,
.container input[type="url"]:focus,
.container textarea:focus,
.container select:focus {
  box-shadow: 0 0 5px #43d1af;
  padding: 3%;
  border: 1px solid #43d1af; }

/* line 117, ../sass/wrapper.scss */
.container input[type="submit"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 3%;
  background: #43d1af;
  border-bottom: 2px solid #30c29e;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  cursor: pointer; }

/* line 131, ../sass/wrapper.scss */
.container input[type="submit"]:hover {
  background: #2ebc99; }

/* line 1, ../sass/admin.scss */
.data {
  margin-top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

/* line 8, ../sass/admin.scss */
#tbresult {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  width: 90%;
  border-radius: 5px 5px 0 0;
  overflow: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  text-align: center; }

/* line 19, ../sass/admin.scss */
tr {
  background-color: #222;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #dddddd; }

/* line 26, ../sass/admin.scss */
th,
td {
  padding: 10px 10px;
  text-align: center; }

/* line 31, ../sass/admin.scss */
th {
  color: #fff; }

/* line 34, ../sass/admin.scss */
td {
  background-color: #fff;
  color: #000; }

/* line 38, ../sass/admin.scss */
.container_btn {
  position: relative;
  right: 0%;
  top: 20%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 50%; }

/* line 47, ../sass/admin.scss */
input:focus {
  outline: none; }

/* line 50, ../sass/admin.scss */
.btn_showadd {
  width: 100px;
  height: 40px;
  color: #fff;
  background: #fb7b8e;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px; }

/* line 60, ../sass/admin.scss */
.btn_history {
  width: 100px;
  height: 40px;
  cursor: pointer;
  background: #fb7b8e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  text-decoration: none; }

/* line 72, ../sass/admin.scss */
.btn_showadduser {
  width: 100px;
  height: 40px;
  color: #fff;
  background: #fb7b8e;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px; }

/* line 82, ../sass/admin.scss */
.btn_showadd:hover,
.btn_showadduser:hover,
.btn_history:hover {
  background: #f9546d; }

/* line 87, ../sass/admin.scss */
.btn_closeadduser, .btn_closeLogin {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 3%;
  background: #ff7a4f;
  border-bottom: 2px solid #fe5f2c;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  margin-top: 10px;
  cursor: pointer; }

/* line 102, ../sass/admin.scss */
.btn_closeadduser:hover {
  background: #fe5f2c; }

/* line 106, ../sass/admin.scss */
.btn_delete {
  height: 100%;
  width: 50%;
  background: #fe5f2c;
  border-bottom: 2px solid #ff7a4f;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 1rem; }

/* line 119, ../sass/admin.scss */
.btn_Edit {
  width: 50%;
  height: 100%;
  background: #1ca7ec;
  border-bottom: 2px solid #1889c1;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff;
  cursor: pointer;
  font-size: 1rem; }

/* line 131, ../sass/admin.scss */
.btn_delete:hover {
  background: #ff7a4f; }

/* line 134, ../sass/admin.scss */
.btn_Edit:hover {
  background: #1889c1; }

@media (max-width: 1200px) {
  /* line 141, ../sass/admin.scss */
  .container_btn {
    position: absolute;
    right: 0%;
    top: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    text-align: center; }

  /* line 151, ../sass/admin.scss */
  .container_btn button,
  .container_btn a {
    font-size: small; } }
@media (max-width: 768px) {
  /* line 157, ../sass/admin.scss */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block !important; }

  /* line 165, ../sass/admin.scss */
  #tbresult {
    width: 100%; }

  /* line 168, ../sass/admin.scss */
  .data {
    overflow: auto; }

  /* line 171, ../sass/admin.scss */
  .btn_showadd {
    right: 5%; } }
/* line 175, ../sass/admin.scss */
.btn_addCategories {
  border: none;
  outline: none;
  background-color: inherit;
  cursor: pointer;
  padding-top: 5px; }

/* line 183, ../sass/admin.scss */
.imgLinks {
  text-align: center;
  width: 100%; }

/* line 1, ../sass/contact.scss */
.container_contact {
  width: 100%;
  height: 87vh;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 9, ../sass/contact.scss */
.wrapper_contact {
  width: 60%;
  height: 70vh;
  display: flex;
  flex-direction: row;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }

/* line 16, ../sass/contact.scss */
.title1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%; }

/* line 23, ../sass/contact.scss */
.title1 img {
  width: 30%;
  margin-bottom: 30px; }

/* line 27, ../sass/contact.scss */
.title2 {
  background: #222;
  width: 50%;
  color: #fff;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center; }

/* line 36, ../sass/contact.scss */
.title1 i,
.title2 i {
  padding-right: 12px;
  font-size: 24px;
  text-align: center; }

/* line 42, ../sass/contact.scss */
.contact1,
.contact2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

/* line 49, ../sass/contact.scss */
.contact1 img,
.contact2 img {
  width: 30px;
  height: 50px;
  color: #fff;
  margin-right: 30px; }

@media (max-width: 720px) {
  /* line 58, ../sass/contact.scss */
  .wrapper_contact {
    flex-direction: column;
    width: 100%; }

  /* line 62, ../sass/contact.scss */
  .title1,
  .title2 {
    width: 100%;
    height: 35vh; } }
/* INFO */
/* line 70, ../sass/contact.scss */
.container_info {
  height: 87vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

/* line 79, ../sass/contact.scss */
.info_items1,
.info_items2,
.info_items3 {
  width: 20%;
  height: 300px;
  background: #222;
  margin-right: 25px;
  margin-left: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

/* line 96, ../sass/contact.scss */
.info_items1:hover,
.info_items2:hover,
.info_items3:hover {
  background: #e91e63; }

/* line 101, ../sass/contact.scss */
.container_info p {
  width: 70%;
  color: #fff; }

/* line 105, ../sass/contact.scss */
.container_info i {
  font-size: 48px;
  margin-bottom: 10px; }

/* line 109, ../sass/contact.scss */
.info_items1 i {
  color: #e1e1e1; }

/* line 112, ../sass/contact.scss */
.info_items2 i {
  color: #09dc2c; }

/* line 115, ../sass/contact.scss */
.info_items3 i {
  color: #0565d1; }

@media (max-width: 720px) {
  /* line 119, ../sass/contact.scss */
  .info_items1,
  .info_items2,
  .info_items3 {
    width: 100%;
    margin: 0; }

  /* line 125, ../sass/contact.scss */
  .container_info {
    flex-direction: column; } }
/* line 130, ../sass/contact.scss */
.container-result {
  display: flex;
  align-items: center;
  height: 100vh;
  width: 100%;
  justify-content: space-around;
  flex-direction: column; }

/* line 139, ../sass/contact.scss */
.container-result table {
  height: 80vh; }

/* line 142, ../sass/contact.scss */
.container-result table tr {
  background: none; }

/* line 145, ../sass/contact.scss */
.container-result table th,
.container-result table td {
  color: #000; }

/* line 149, ../sass/contact.scss */
.container-result img {
  width: 5%;
  height: 10vh; }

/* line 153, ../sass/contact.scss */
.container-result div {
  width: 80%; }

/* line 156, ../sass/contact.scss */
.container-result #tbsearch {
  width: 100%;
  border: 1px solid #000; }

/* line 160, ../sass/contact.scss */
#tbsearch th {
  width: 20%;
  font-size: 20px; }

/* line 164, ../sass/contact.scss */
#tbsearch td {
  width: 80%;
  font-weight: lighter;
  font-size: 18px;
  text-align: left; }

@media (max-width: 1366px) {
  /* line 172, ../sass/contact.scss */
  .container-result img {
    width: 10%;
    height: 10vh; } }
@media (max-width: 768px) {
  /* line 178, ../sass/contact.scss */
  .container-result img {
    width: 20%;
    height: 10vh; } }
/* line 184, ../sass/contact.scss */
.btn__more {
  padding: 7px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer; }

/* line 191, ../sass/contact.scss */
.btn__more:hover {
  background-color: lightgray;
  color: #000; }

/* line 195, ../sass/contact.scss */
.btn__more__hide {
  display: none; }

/* line 6, ../sass/style.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Prompt", sans-serif; }

/* line 12, ../sass/style.scss */
body {
  max-width: 100%;
  background: #fefefe; }

/*# sourceMappingURL=style.css.map */