#the_board {
  width: 100%;
}

html, body {
  margin: 0 !important;
  height: 100%;
  padding: 0 !important;
  line-height: 0.5;
}
html p, body p {
  margin-bottom: 1.5rem !important;
}
html .row, body .row {
  margin: 0;
}
html .login_view, body .login_view {
  background-image: url("../img/login_bg.png");
  background-size: cover;
}
html .error-login, body .error-login {
  margin-top: 1rem;
  color: #c30808 !important;
}
html .copy-link .tool, body .copy-link .tool {
  position: relative;
  display: inline-block;
}
html .copy-link input, body .copy-link input {
  width: 130px;
}
html .copy-link button, body .copy-link button {
  background-color: #E05206;
  padding: 0.8rem;
  border: none;
  color: #FFFF;
  border-radius: 15px;
}
html .copy-link .tool .tooltiptext, body .copy-link .tool .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
html .copy-link .tool .tooltiptext::after, body .copy-link .tool .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
html .copy-link .tool:hover .tooltiptext, body .copy-link .tool:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
html .button_modal, body .button_modal {
  outline: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 0.8rem;
  border: none;
  background-color: transparent;
}
html .button_modal p, body .button_modal p {
  font-weight: 600;
}
html .button_modal .btn, body .button_modal .btn {
  background-color: #E05206;
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-weight: 500;
  font-size: 35px;
}
html h1, html h2, html h3, html h4, html h5, html h6, html span, html label, html p, html li, html td, body h1, body h2, body h3, body h4, body h5, body h6, body span, body label, body p, body li, body td {
  color: #575757;
}
html .bg-dark h1, html .bg-dark h2, html .bg-dark h3, html .bg-dark h4, html .bg-dark h5, html .bg-dark h6, html .bg-dark span, html .bg-dark label, html .bg-dark p, html .bg-dark li, html .bg-dark td, body .bg-dark h1, body .bg-dark h2, body .bg-dark h3, body .bg-dark h4, body .bg-dark h5, body .bg-dark h6, body .bg-dark span, body .bg-dark label, body .bg-dark p, body .bg-dark li, body .bg-dark td {
  color: #FFFF;
}
html .back_board_button, body .back_board_button {
  padding: 1rem;
text-align: end;
}
html .board_matrixes .matrix, body .board_matrixes .matrix {
  position: relative;
}
html .board_matrixes .matrix_enter, body .board_matrixes .matrix_enter {
  margin: 0.5rem;
}
html .board_matrixes .matrix_enter input[type=submit], body .board_matrixes .matrix_enter input[type=submit], body select {
  width: 250px;
  height: 100px;
  background-color: #575757;
}
@media (max-width: 375px) {
  html .board_matrixes .matrix_enter input[type=submit], body .board_matrixes .matrix_enter input[type=submit] {
    width: 200px;
  }
}
html .board_matrixes .matrix_delete, body .board_matrixes .matrix_delete {
  position: absolute;
  right: 14px;
  top: 14px;
}
html .board_matrixes .matrix_delete .wrapper, body .board_matrixes .matrix_delete .wrapper {
  position: relative;
}
html .board_matrixes .matrix_delete i.fa-trash, body .board_matrixes .matrix_delete i.fa-trash {
  position: absolute;
  top: 6px;
  left: 8px;
  color: #FFFF;
}
html .board_matrixes .matrix_delete input[type=submit], body .board_matrixes .matrix_delete input[type=submit] {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #c30808;
}
html header, body header {
  padding: 2rem 2rem 6rem;
  border-bottom-left-radius: 140px;
}
html header .type-user, body header .type-user {
  padding: 0 0.8rem;
}
html header .type-user-word, body header .type-user-word {
  text-transform: capitalize;
}
html header .type-user-state, body header .type-user-state {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 20px;
}
html form input[type=text], html form input[type=password], html form input[type=number], body form input[type=text], body form input[type=password], body form input[type=number], html form select{
  background-color: #E7E7E7 !important;
  border-radius: 15px !important;
  margin: 0 !important;
  padding: 0.5rem 1rem !important;
  outline: 0;
  border: none;
  width: 100%;
}
 html form select{
	 height: 38px;
}
html form input[type=submit], body form input[type=submit] {
  background-color: #E05206;
  border-radius: 15px !important;
  padding: 0.8rem 2rem;
  border: none;
  color: #FFFF;
  outline: 0;
}
html form .forgot_link, body form .forgot_link {
  color: #E05206;
  font-weight: 600;
  font-size: 13px;
}
html form.form_login_visitor, body form.form_login_visitor {
  margin: 0;
  padding: 1rem 0;
}
html form.form_login_visitor .form-group, body form.form_login_visitor .form-group {
  margin: 0;
}
html form.form_login_visitor .form-group input[type=submit], body form.form_login_visitor .form-group input[type=submit] {
  width: 100%;
}
html .table-container, body .table-container {
  overflow: auto;
  width: 100%;
  height: 100%;
}
html table, body table {
  border-spacing: 0;
}
html table.matrix_visitor, body table.matrix_visitor {
  margin: 4rem 1rem 1rem;
}
html table.matrix_visitor th, body table.matrix_visitor th {
  font-weight: 700;
  text-align: center;
  font-size: 10px;
  max-width: 170px;
  height: 50px;
  max-height: 50px;
}
html table.matrix_visitor td, body table.matrix_visitor td {
  padding: 0;
  margin: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  border: 1px solid #FFFF;
  height: 68px;
}
html table.matrix_visitor td div, body table.matrix_visitor td div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html table.matrix_visitor td .full, body table.matrix_visitor td .full {
  height: 68px;
  background-color: #0aa4b4;
  transition: all 0.5s;
}
html table.matrix_visitor td .full h6, body table.matrix_visitor td .full h6 {
  color: #FFFF;
}
html table.matrix_visitor td .full:hover, body table.matrix_visitor td .full:hover {
  background-color: #FFFF;
}
html table.matrix_visitor td .full:hover h6, body table.matrix_visitor td .full:hover h6 {
  color: #575757;
}
html table.matrix_visitor td .empty, body table.matrix_visitor td .empty {
  height: 68px;
  background-color: #E7E7E7;
}
html table.matrix_visitor td .total-container, body table.matrix_visitor td .total-container {
  height: 100%;
  width: 100%;
}
html table.matrix_visitor td .total-container.completed, body table.matrix_visitor td .total-container.completed {
  background-color: #15c100;
}
html table.matrix_visitor td .total-container.no-completed, body table.matrix_visitor td .total-container.no-completed {
  background-color: #e4e4e4;
}
html table.matrix_visitor td .total-container h6, body table.matrix_visitor td .total-container h6 {
  color: #FFFF;
  font-weight: 700;
  font-size: 17px;
}
html table.matrix_visitor td.number-row, body table.matrix_visitor td.number-row {
  max-width: 18px !important;
  min-width: 18px !important;
  font-weight: 700;
  font-size: 10px;
}
html table.matrix_visitor td:nth-child(2), body table.matrix_visitor td:nth-child(2) {
  background: #E05206;
  font-weight: 800;
  text-align: center;
  font-size: 10px;
  width: 60px;
  max-width: 38px !important;
  min-width: 38px !important;
}
html table.matrix_visitor.type_1 td:nth-child(2), body table.matrix_visitor.type_1 td:nth-child(2) {
	width: auto; 
	max-width: 70px!important;
	min-width: 70px!important;
	background: transparent;
}
html table.matrix_visitor td:nth-child(2) .price-container, body table.matrix_visitor td:nth-child(2) .price-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
html table.matrix_visitor td:nth-child(2) .price-container h6, body table.matrix_visitor td:nth-child(2) .price-container h6 {
  color: #FFFF;
  font-size: 13px;
}
html table.matrix_admin, body table.matrix_admin {
  margin: 1rem;
}
html table.matrix_admin th, body table.matrix_admin th {
  font-weight: 800;
  text-align: center;
  font-size: 10px;
  max-width: 170px;
  padding-bottom: 1rem;
  height: 20px;
}
html table.matrix_admin td, body table.matrix_admin td {
  border: 1px solid #E7E7E7;
}
html table.matrix_admin td:nth-child(2), body table.matrix_admin td:nth-child(2) {
  font-weight: 800;
  text-align: center;
  font-size: 10px;
  max-width: 120px;
  width: 120px;
}
html table.matrix_admin td, body table.matrix_admin td {
  width: 170px;
  padding: 0.5rem;
}
html table.matrix_admin .dropdown.bootstrap-select, body table.matrix_admin .dropdown.bootstrap-select {
  width: 160px !important;
}
html table.matrix_admin .form-group, body table.matrix_admin .form-group {
  width: fit-content;
  margin: 0.5rem 0;
}
html table.matrix_admin .form-group label, body table.matrix_admin .form-group label {
  font-size: 12px;
}
html table.matrix_admin .form-group input[type=text], html table.matrix_admin .form-group input[type=submit], body table.matrix_admin .form-group input[type=text], body table.matrix_admin .form-group input[type=submit], html table.matrix_admin select {
  margin: 0 auto;
  font-size: 12px;
}
html .card, body .card {
  padding: 2rem 1rem;
  border-radius: 25px;
}
html .card .card-header, body .card .card-header {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #FFFF;
  border: none;
}
html .card_login, body .card_login {
  width: 350px;
  float: right;
}
@media (max-width: 450px) {
  html .card_login, body .card_login {
    width: 300px;
    float: center;
  }
}
html .card_login p, body .card_login p {
  color: #575757;
}
html .card_panel_content, body .card_panel_content {
  margin-top: -4rem;
  min-height: 560px;
  height: calc(100vh - 180px);
}

body {
  background-color: #E7E7E7 !important;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.5rem;
}
.popup h6 {
  font-size: 14px;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #f3f3f3;
  color: #575757;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  font-weight: 700;
  left: 50%;
  margin-left: -80px;
  -webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
}
.popup .popuptext p {
  font-size: 12px;
  color: #15c100;
  margin-bottom: 0.3rem;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #f3f3f3 transparent transparent transparent;
  -webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#view {
  overflow-x: auto;
  overflow-y: hidden;
  width: auto !important;
}
#view .matrix_visitor {
  margin: 0px auto;
}

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