@charset "UTF-8";
.c-yellow {
  color: #F1C40F;
}

.bg-yellow {
  background-color: #F1C40F;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 100%;
  min-height: 100%;
}

body.login-body {
  background-color: #F1C40F;
}

body.pin__body {
  background-color: #000;
}

body.staff-body {
  background-color: #ececec;
}
body.staff-body footer:after {
  content: " ";
  display: block;
  width: 100%;
  height: 65px;
}

body.staff-body-alt {
  background-color: #ececec;
}

body.adashboard-body {
  background-color: #D9D9D9;
}

.wrapper {
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
}

.user_header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 0px;
  background-color: #fff;
}

.header-wrapper {
  /* */
}

.login_w {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
.login_w .login_wrapper {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 24px;
}
.login_w .login_wrapper .l_logo {
  width: 100px;
  height: auto;
}

h1.l_name {
  font-weight: 400;
  font-size: 64px;
  margin-bottom: 24px;
  color: #000;
  text-align: center;
}
h1.l_name strong {
  font-weight: 600;
}
h1.l_name span {
  display: block;
  font-weight: 600;
  font-size: 18px;
  margin-top: 28px;
}

.login_form {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-template-columns: 1fr;
  width: 280px;
  grid-gap: 12px;
}
.login_form input#username, .login_form input#password {
  background-color: #fff;
  border: none;
  outline: none;
  height: 40px;
  width: 100%;
  display: grid;
  place-items: center;
  border-radius: 3px;
  text-align: center;
  color: #000;
}
.login_form input#username::placeholder, .login_form input#password::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.login_form label[for=remember] {
  margin-top: 6px;
  margin-bottom: 12px;
}
.login_form span.remember-l {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.gen_button {
  padding: 0px 24px;
  background-color: #219653;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  height: 40px;
  line-height: 40px;
}
.gen_button:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}
.gen_button img {
  max-height: 15px;
  margin-right: 6px;
}

.pa3 {
  padding: 3px;
}

.pa6 {
  padding: 6px;
}

.pa12 {
  padding: 12px;
}

.pa24 {
  padding: 24px;
}

.pa36 {
  padding: 36px;
}

.pa48 {
  padding: 48px;
}

.mob-pa24-12 {
  padding: 36px 24px;
}

.ma3 {
  margin: 3px;
}

.ma6 {
  margin: 6px;
}

.ma12 {
  margin: 12px;
}

.ma24 {
  margin: 24px;
}

.ma36 {
  margin: 36px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb48 {
  margin-bottom: 48px;
}

.g2col {
  grid-template-columns: repeat(2, 1fr);
}

.gap16 {
  grid-gap: 16px;
}

.gap24 {
  grid-gap: 24px;
}

.gap32 {
  grid-gap: 32px;
}

.gap48 {
  grid-gap: 48px;
}

.dg-start {
  display: grid;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.dg-stretch {
  display: grid;
  justify-content: stretch;
  justify-items: stretch;
  align-items: stretch;
  align-content: stretch;
}

.whitebg {
  background-color: #fff;
}

.ma-auto {
  margin-left: auto;
  margin-right: auto;
}

.sepver48 {
  display: block;
  height: 48px;
}

/* mw wraps*/
.con720 {
  width: 100%;
  max-width: 720px;
}

.ta-cen {
  text-align: center;
}

.ta-rig {
  text-align: right;
}

.icn-resz24 img {
  max-height: 24px;
}

.icn-resz16 img {
  max-height: 16px;
}

.use-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 0 24px;
  height: 48px;
  border-radius: 6px;
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 6px;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  text-align: center;
}
.use-btn img {
  max-height: 18px;
}

.green--btn {
  background-color: #219653;
  color: #fff;
}

.line-b--btn {
  color: #666;
  border: 1px solid #999;
}
.line-b--btn:hover {
  color: #666;
  border: 1px solid #999;
}

.text--btn {
  color: #666;
}
.text--btn:hover {
  color: #000;
}

.red--btn {
  background-color: #EB5757;
  color: #fff;
}

.staff-w {
  width: 100%;
  max-width: 375px;
  /* check this*/
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
}

/* STAFF STYLING*/
.staff-nav-bar {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.staff-nav-bar .staff-menu-opener {
  display: block;
  padding: 24px 12px 12px 24px;
}
.staff-nav-bar .staff-logout-btn {
  display: block;
  padding: 24px 24px 12px 12px;
}
.staff-nav-bar .staff-profile-card {
  text-align: center;
  padding-top: 24px;
  transition: all 0.2s;
}
.staff-nav-bar .staff-profile-card img {
  max-height: 96px;
  border-radius: 64px;
  margin-bottom: 12px;
}
.staff-nav-bar .staff-profile-card p {
  line-height: 150%;
}
.staff-nav-bar .staff-profile-card p.sn--fullname {
  font-size: 18px;
  margin-bottom: 12px;
}
.staff-nav-bar .staff-profile-card p.sn--role {
  font-size: 14px;
  font-weight: 600;
}
.staff-nav-bar .staff-profile-card p.sn--branch {
  font-size: 12px;
}
.staff-nav-bar .scroll__staff-profile-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-column-gap: 12px;
  grid-template-rows: 18px 30px;
  justify-items: flex-start;
  transition: all 0.2s;
}
.staff-nav-bar .scroll__staff-profile-card img {
  max-height: 48px;
  grid-row: 1/3;
}
.staff-nav-bar .scroll__staff-profile-card p {
  line-height: 150%;
}
.staff-nav-bar .scroll__staff-profile-card p.sn--fullname {
  font-size: 18px;
  margin-bottom: 12px;
  font-family: "Inter Tight", sans-serif;
  font-size: 14px;
}
.staff-nav-bar .scroll__staff-profile-card p.sn--role {
  font-size: 14px;
  font-weight: 600;
}
.staff-nav-bar .scroll__staff-profile-card p.sn--branch {
  display: none;
}

.staff-nav-menu {
  position: fixed;
  width: 100vw;
  width: 100svw;
  height: 100vh;
  height: 100svh;
  overflow-y: scroll;
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
  width: 100%;
  min-height: 100%;
  background-color: rgba(39, 174, 96, 0.8);
  backdrop-filter: blur(12px);
  top: 0;
  left: 0;
  transform: translateX(-100%);
}
.staff-nav-menu a.close-staff-menu {
  display: block;
  font-family: "Inter Tight", sans-serif;
  color: white;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 12px;
  width: 100%;
  padding: 24px 12px 12px 24px;
  margin-bottom: 24px;
}
.staff-nav-menu a.close-staff-menu img {
  max-height: 24px;
}
.staff-nav-menu ul {
  display: grid;
  justify-items: center;
  grid-gap: 42px;
}
.staff-nav-menu ul li a {
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#staf-menu-controller:checked + .staff-nav-menu {
  pointer-events: unset;
  opacity: 1;
  transition: all 0.2s;
  transform: translateX(0);
}

.clock-in-out-controller-wr {
  display: grid;
  justify-content: center;
}
.clock-in-out-controller-wr .clock-btn {
  display: block;
  text-align: center;
  color: #000;
  width: 280px;
  padding: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.clock-in-out-controller-wr .clock-in {
  background-color: #6fcf97;
  margin-top: 24px;
}
.clock-in-out-controller-wr .clock-out {
  background-color: #EB5757;
}

.dis-sel {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.sd--manager-data .your--manager {
  display: grid;
  grid-template-columns: 42px 1fr 82px;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 24px 24px 24px;
}
.sd--manager-data .your--manager .us-tie-icn {
  max-height: 32px;
  margin-right: 4px;
  opacity: 0.4;
}
.sd--manager-data .your--manager .sd--manager-name span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
}
.sd--manager-data .your--manager .sd--contact-btns {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 18px;
}
.sd--manager-data .your--manager .sd--contact-btns a {
  display: grid;
  place-items: center;
  background-color: red;
  border-radius: 18px;
  height: 32px;
}
.sd--manager-data .your--manager .sd--contact-btns a img {
  max-height: 18px;
  opacity: 0.6;
}
.sd--manager-data .your--manager .sd--contact-btns a.call--man {
  background-color: #32ff7e;
}
.sd--manager-data .your--manager .sd--contact-btns a.email--man {
  background-color: #67e6dc;
}

.ac--clock-in-data {
  text-align: center;
}
.ac--clock-in-data h3 {
  font-size: 12px;
  margin-bottom: 6px;
}
.ac--clock-in-data .ac--datetime-wr p {
  font-size: 18px;
  display: inline-grid;
  grid-auto-flow: column;
  align-content: center;
  grid-gap: 3px;
}
.ac--clock-in-data p.ac--shift-id-display {
  color: #219653;
  font-size: 12px;
  margin: 24px 0;
}
.ac--clock-in-data p.ac--shift-id-display strong {
  font-weight: 600;
}
.ac--clock-in-data .ac--active-timing {
  font-size: 22px;
  color: #219653;
  line-height: 150%;
  margin-bottom: 24px;
}
.ac--clock-in-data .ac--active-timing h2 {
  font-weight: 600;
  font-size: 22px;
}

.clock-out-confirmation-modal {
  position: fixed;
  width: 100vw;
  width: 100svw;
  height: 100vh;
  height: 100svh;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  display: grid;
  place-content: center;
  place-items: center;
  text-align: center;
  grid-gap: 24px;
  transform: translateY(100%);
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
}

#clock-out-confirmation:checked + .clock-out-confirmation-modal {
  transform: translateY(0);
  pointer-events: unset;
  opacity: 1;
  transition: all 0.2s;
}

/*rate selects*/
.rate--svgs {
  max-height: 24px;
  fill: rgba(0, 0, 0, 0.4);
  transition: fill 0.3s;
}

input.raPlus2:checked + .rm-plus2 {
  fill: #219653;
  transition: all 0.3s;
  transform: scale(1.2);
}

input.raPlus1:checked + .rm-plus1 {
  fill: #000;
  transition: all 0.3s;
  transform: scale(1.2);
}

input.raMinus1:checked + .rm-minus1 {
  fill: #EB5757;
  transition: all 0.3s;
  transform: scale(1.2);
}

.rate-man-radios {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/*end rate selects*/
.completed-shifts-display h4 {
  display: block;
  font-size: 18px;
  margin-top: 24px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 400;
}
.completed-shifts-display .comp-shift-array {
  background-color: #F1C40F;
}
.completed-shifts-display .comp-shift-array .comp-sh-item {
  display: grid;
  grid-template-columns: 48px 1fr;
}
.completed-shifts-display .comp-shift-array .comp-sh-item:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}
.completed-shifts-display .comp-shift-array .comp-sh-item .sh--order {
  display: grid;
  place-content: center;
  font-size: 14px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1);
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data {
  padding: 12px;
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data .sh--timing-tots {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-gap: 12px;
  justify-items: flex-start;
  align-items: center;
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data .sh--timing-tots .total-timing {
  font-size: 18px;
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data .sh--timing-tots .total-timing .in__out {
  font-size: 14px;
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data .comp--shift-id {
  margin-top: 6px;
  font-size: 12px;
}
.completed-shifts-display .comp-shift-array .comp-sh-item .shift--data .comp--shift-id strong {
  font-weight: 600;
}

.review-the-man-for-day {
  background-color: rgba(242, 201, 76, 0.25);
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  grid-gap: 12px;
  padding: 12px 18px;
}
.review-the-man-for-day .man--info {
  font-size: 16px;
}
.review-the-man-for-day .man--info h5 {
  font-size: 14px;
  font-family: "Inter Tight", sans-serif;
  font-weight: 600;
}
.review-the-man-for-day .rate--select {
  display: grid;
  grid-template-columns: repeat(3, 29px);
  grid-gap: 24px;
  align-items: center;
}

.staff-inner-content-holder {
  text-align: center;
}
.staff-inner-content-holder h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 0 12px 24px 12px;
  margin-bottom: 36px;
  position: relative;
  z-index: 0;
  color: #219653;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.staff-inner-content-holder .content-array {
  display: grid;
  grid-gap: 24px;
  margin-bottom: 48px;
}
.staff-inner-content-holder .content-array .content-item strong {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}

/* USER FOOTER */
.current-time-holder {
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 12px;
  background-color: #dedede;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
.current-time-holder h3 {
  font-size: 12px;
  margin-bottom: 6px;
}
.current-time-holder .sf--datetime-wr p {
  font-size: 16px;
  display: inline-grid;
  grid-auto-flow: column;
  align-content: center;
  grid-gap: 3px;
}

.pl--current-time-holder {
  width: 100%;
  padding: 12px;
  background-color: #dedede;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
.pl--current-time-holder h3 {
  font-size: 12px;
  margin-bottom: 6px;
}
.pl--current-time-holder .sf--datetime-wr p {
  font-size: 16px;
  display: inline-grid;
  grid-auto-flow: column;
  align-content: center;
  grid-gap: 3px;
}

/*user footer end*/
/* camera*/
.camera--cancel-btn {
  display: flex;
  justify-content: flex-end;
  padding: 24px;
}
.camera--cancel-btn a {
  color: #fff;
}
.camera--cancel-btn img {
  max-height: 32px;
  margin-left: 3px;
}

.camera_mw {
  display: grid;
  place-items: center;
  height: 100%;
}
.camera_mw .clock--mes {
  font-size: 18px;
  font-weight: 600;
}
.camera_mw .clo-gre {
  color: #6FCF97;
  text-shadow: 0 0 10px #32ff7e;
}
.camera_mw .clo-red {
  color: #EB5757;
  text-shadow: 0 0 10px #D63031;
}
.camera_mw .camera--icon img {
  height: 64px;
  opacity: 0.5;
}
.camera_mw .camera--icon .gre {
  filter: drop-shadow(0 0 20px #32ff7e);
}
.camera_mw .camera--icon .red {
  filter: drop-shadow(0 0 20px #D63031);
}
.camera_mw .clock-sub--mes {
  text-align: center;
  line-height: 150%;
  font-size: 18px;
  color: #fff;
}

.CAMERA_FIELD {
  position: fixed;
  width: 100vw;
  width: 100svw;
  height: 100vh;
  height: 100svh;
  z-index: -1;
  top: 0;
  left: 0;
}

/*form input general x2*/
.form--area-wr .form--inner {
  display: grid;
  justify-content: stretch;
  justify-items: stretch;
  align-content: flex-start;
  align-items: flex-start;
  grid-template-columns: 1fr;
  width: 100%;
  grid-gap: 24px;
  padding: 0 24px;
}
.form--area-wr .input-w {
  position: relative;
}
.form--area-wr .input-w label.input--l input, .form--area-wr .input-w label.input--l select {
  width: 100%;
  height: 48px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  border: none;
  text-align: center;
  padding: 12px;
  outline: none;
}
.form--area-wr .input-w label.input--l input:focus, .form--area-wr .input-w label.input--l select:focus {
  outline: none;
  border: none;
}
.form--area-wr .input-w label.input--l select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
}
.form--area-wr .input-w label.input--l input[type=file] {
  background-position: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgB7ZVBUoNAEEWbiXvgBlMUByAnSHIC4w3wFu4yuYGewLB0p0tXkl2W8QJAboA7V+DvFOBgWckwUuUmv6qre5pJP5oeAtE/yRmyOQzDeVVVM47hkwIiSxmDgyBQcKsf6XWWZYosZATWoXVdPx9/6DhL9uh8gcZTGihxboMOBUTleX7DhuXmWECIa7KQMIU2oEK73MYeWeiKzKFzdBdLKXm9hcUc4CmkZCFhCoVJzLeAP+AG3to1lNAY4FNQ2C2gj9p6QZYStlCcaj7dM7JU9zphdhKFc44xt3vEyxPQlL5nPMXj3tNAdR2jcNcp4ndDqLKB9sBQ1BTbwLlNrjwDXZOldHD7Pnoo+sJQgCLqzzQeA8qatIHv+wyJAPjEP1Piuu4TYr60g9/B340F7YEB+gAgZjhuwkGXe9grclPk1JhQVu8jgYO9wkzVbxvHhLIm+qIsyy26PaBTD51KziFOYQx9oIv+oC/xs+1yOGa7igAAAABJRU5ErkJggg==");
}
.form--area-wr .input-w .checkbox--span {
  line-height: 150%;
}

.sp-placeholder {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  transition: all 0.1s;
  font-size: 14px;
}
.sp-placeholder i {
  color: red;
}

.us--gen--input:focus + .sp-placeholder,
.us--gen--input:valid + .sp-placeholder,
.us--gen--input:not(:required):empty:focus + .sp-placeholder,
.us--gen--input[type=date] + .sp-placeholder {
  transform: translate(-50%, -175%);
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 3px;
  border-radius: 6px;
  transition: all 0.1s;
}

.us--gen--input:valid + .sp-placeholder i {
  color: #219653;
}

.us--gen--input:not(:required):empty + .sp-placeholder {
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 14px;
}

.us--gen--input:not(:required):not(:placeholder-shown) + .sp-placeholder {
  transform: translate(-50%, -175%);
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

.us--gen--select:focus + .sp-placeholder,
.us--gen--select:valid ~ .sp-placeholder {
  transform: translate(-50%, -175%);
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

/* end camera*/
/* ******** PANEL SETS STR */
.panel-nav-bar-top {
  background-color: #F1C40F;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  /*height: 80px;*/
}
.panel-nav-bar-top .left-holder {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 102px;
  grid-gap: 24px;
}
.panel-nav-bar-top .left-holder .panel-logo-btn {
  background-color: rgba(0, 0, 0, 0.1);
  width: 80px;
  height: 80px;
  display: grid;
  place-content: center;
}
.panel-nav-bar-top .left-holder .panel-logo-btn .pl--btn-holder {
  width: 32px;
  height: 20px;
  background-image: url(../imgs/icons/panel-menu-btn.svg);
  background-repeat: no-repeat;
  background-position: center right;
  transition: background-position 0.2s;
}
.panel-nav-bar-top .left-holder .panel-logo-btn .slide--act {
  background-position: center left;
  transition: background-position 0.2s;
}
.panel-nav-bar-top .left-holder .panel-logo a img {
  max-height: 40px;
}
.panel-nav-bar-top .right-holder {
  display: grid;
  grid-template-columns: repeat(4, auto);
  align-items: center;
}
.panel-nav-bar-top .right-holder .pl--contorollers {
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  grid-gap: 6px;
  padding-right: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-nav-bar-top .right-holder .pl--contorollers a {
  display: grid;
  place-content: center;
  height: 80px;
  padding: 0 18px;
}
.panel-nav-bar-top .right-holder .pl--contorollers a img {
  max-height: 20px;
}
.panel-nav-bar-top .right-holder .pl--branc-name {
  padding: 0 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 80px;
  display: grid;
  place-content: center;
}
.panel-nav-bar-top .right-holder .ad--branch--select select {
  cursor: pointer;
  padding: 0 24px;
  min-height: 80px;
  display: grid;
  place-content: center;
  background-color: transparent;
  border: none;
  outline: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 50% 85%;
  background-repeat: no-repeat;
}
.panel-nav-bar-top .right-holder .ad--branch--select select:focus {
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
  background-color: rgba(0, 0, 0, 0.08);
}
.panel-nav-bar-top .right-holder .pl--user-loged-in {
  padding: 24px;
}
.panel-nav-bar-top .right-holder .pl--user-loged-in strong {
  font-weight: 600;
}
.panel-nav-bar-top .right-holder .pl--user-loged-in img {
  max-height: 18px;
  padding: 0 6px;
}
.panel-nav-bar-top .right-holder .pl--logout-btn {
  background-color: rgba(0, 0, 0, 0.1);
  height: 80px;
  width: 80px;
  display: grid;
  place-content: center;
}
.panel-nav-bar-top .right-holder .pl--logout-btn img {
  max-height: 20px;
}

.panel-nav-bg-admin {
  background-color: #EB5757;
}

.pl--sidebar-wr .panel--main-menu-w {
  width: 280px;
  background-color: #2C3E50;
  min-height: calc(100vh - 80px);
  min-height: calc(100svh - 80px);
  position: fixed;
  transform: translate(-280px, 0);
  transition: all 0.2s;
  display: grid;
  grid-template-rows: 1fr auto;
}
.pl--sidebar-wr .panel--main-menu-w .pl--menu {
  padding-top: 48px;
}
.pl--sidebar-wr .panel--main-menu-w .pl--menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.pl--sidebar-wr .panel--main-menu-w .pl--menu li a {
  display: block;
  color: #fff;
  padding: 12px 24px;
}
.pl--sidebar-wr .panel--main-menu-w .pl--menu li a::before {
  content: " ";
  display: inline-block;
  background-image: url(../imgs/icons/angle-right-w.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 15px;
  opacity: 0.5;
}
.pl--sidebar-wr .panel--main-menu-w .pl--menu li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

#pl--sidebar:checked ~ .panel--main-menu-w {
  transform: translate(0, 0);
  position: static;
  transition: all 0.2s;
}

.pl--cont-grid {
  display: grid;
  grid-template-columns: auto 1fr;
}

.PIN_OFF .black_out_btn {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  font-weight: 600;
  color: #000;
  width: 80%;
  margin: 24px auto;
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  opacity: 0.4;
}
.PIN_OFF .black_out_btn img {
  max-height: 18px;
  margin-right: 6px;
}

/* 
=====================================
PL CONTENT AREA
=====================================
*/
.pl--dashboard-wr {
  max-height: calc(100vh - 80px);
  max-height: calc(100svh - 80px);
  overflow-y: scroll;
}
.pl--dashboard-wr .pl--inner-w {
  padding: 24px;
}

.pl--title2 {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 24px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dedede;
}
.pl--title2 span {
  font-weight: 600;
}

.pl--title3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 24px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dedede;
}

.pl--desc1 {
  line-height: 150%;
  margin-bottom: 24px;
}

form.pl--gen-form .pl--form-inner {
  display: grid;
  align-items: flex-start;
  grid-gap: 24px;
}
form.pl--gen-form .pl--form-inner label.pl--label {
  position: relative;
}
form.pl--gen-form .pl--form-inner label.pl--label span.pl--genspan {
  font-weight: 600;
  font-size: 12px;
}
form.pl--gen-form .pl--form-inner label.pl--label span.pl--genspan i {
  color: red;
  padding-left: 3px;
}
form.pl--gen-form .pl--form-inner label.pl--label input.pl--input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
}
form.pl--gen-form .pl--form-inner label.pl--label input.pl--input:focus {
  border: 1px solid #777;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gentextarea {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid #dedede;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gentextarea:focus {
  border: 1px solid #777;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-visuas {
  display: inline-block;
  cursor: pointer;
  width: 48px;
  height: 24px;
  border-radius: 32px;
  border: 1px solid #999;
  background-color: #ececec;
  position: relative;
  transition: all 0.2s;
  opacity: 0.7;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-visuas::before {
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  background-color: #666;
  top: 0;
  left: 0;
  transform: translate(3px, 2px);
  transition: all 0.2s;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-visuas::after {
  content: "NO";
  font-weight: 600;
  font-size: 10px;
  position: absolute;
  top: 3px;
  right: 4px;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-visuas2 {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid #999;
  background-color: #ececec;
  position: relative;
  transition: all 0.2s;
  opacity: 0.7;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-visuas2::before {
  content: " ";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../imgs/icons/tick.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  top: 0;
  left: 0;
  transform: translate(3px, 2px);
  transition: all 0.2s;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-text i,
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-text2 i {
  color: red;
  font-weight: 600;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder,
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder2 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  margin-top: 12px;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder a,
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder2 a {
  color: blue;
  opacity: 0.8;
  border-bottom: 1px solid #dedede;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder a:hover,
form.pl--gen-form .pl--form-inner label.pl--label .pl--checkbox-holder2 a:hover {
  color: blue;
  opacity: 1;
  border-bottom: 1px solid blue;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox,
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox2 {
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: -999;
  left: -9999px;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox:checked + .pl--checkbox-visuas {
  border: 1px solid blue;
  background-color: blue;
  transition: all 0.2s;
  opacity: 1;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox:checked + .pl--checkbox-visuas::before {
  background-color: #fff;
  transform: translate(24px, 2px);
  transition: all 0.2s;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox:checked + .pl--checkbox-visuas::after {
  content: "YES";
  position: absolute;
  font-size: 9px;
  letter-spacing: -1px;
  color: #fff;
  left: 5px;
  right: auto;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox2:checked + .pl--checkbox-visuas2 {
  border: 1px solid #219653;
  box-shadow: 0 0 5px #219653;
  background-color: rgba(33, 150, 83, 0.1);
  transition: all 0.2s;
  opacity: 1;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--gencheckbox2:checked + .pl--checkbox-visuas2::before {
  transition: all 0.2s;
  opacity: 1;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--genselect {
  width: 100%;
  display: block;
  height: 48px;
  padding: 12px;
  padding-right: 38px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
  border-radius: 3px;
  border: 1px solid #dedede;
}
form.pl--gen-form .pl--form-inner label.pl--label .pl--genselect:focus {
  border: 1px solid #777;
  outline-color: #777;
  outline: none;
}
form.pl--gen-form .pl--form-inner .pl--btn-holder {
  margin-top: 24px;
}

a.pl--genbutton {
  margin-right: 24px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 3px;
  opacity: 0.8;
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 3px;
  place-content: center;
  place-items: center;
  align-items: center;
  align-content: center;
}
a.pl--genbutton:hover {
  opacity: 1;
  border: 1px solid transparent;
}
a.pl--genbutton img {
  max-height: 14px;
}

.plbtn-green {
  background-color: #219653;
  color: #fff;
  border: 1px solid transparent;
}

.plbtn-red {
  background-color: #EB5757;
  color: #fff;
  border: 1px solid transparent;
}

.plbtn-orange {
  background-color: #F2994A;
  color: #fff;
  border: 1px solid transparent;
}

a.plbtn-white {
  background-color: transparent;
  color: #111;
  border: 1px solid #999;
}
a.plbtn-white:hover {
  border: 1px solid #000;
}

a.bActive {
  background-color: rgba(255, 255, 10, 0.3);
  pointer-events: none;
}

.plbtn-black {
  background-color: #111;
  color: #fff;
  border: 1px solid transparent;
}

.filter--array a.pl--genbutton {
  margin-right: 0px;
}

.request--count {
  font-size: 12px;
  text-shadow: 0 0 5px #fff;
  color: yellow;
  display: none;
}

.requ__Active .request--count {
  display: initial;
}
.requ__Active .requBell {
  animation: shakerequbell 0.7s infinite;
}

.end-day--date {
  font-size: 12px;
}

@keyframes shakerequbell {
  0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(30deg) translate(1px, 0px);
  }
  75% {
    transform: rotate(-15deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(-5deg) translate(1px, 0px);
  }
}
/*TABLE*/
.pl--tablegen-wr {
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  * */
  /*  TABLE CUSTOM* */
  /*  * */
  /*  * */
}
.pl--tablegen-wr .table--inner {
  border: 1px solid #dedede;
  margin-bottom: 24px;
  border-radius: 8px;
}
.pl--tablegen-wr .table--inner .table--head-row {
  display: grid;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #dedede;
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 8px 8px 0 0;
  padding-left: 12px;
  padding-right: 12px;
}
.pl--tablegen-wr .table--inner .table--head-row .head--cell {
  padding: 18px 8px;
  font-weight: 600;
  font-size: 14px;
}
.pl--tablegen-wr .table--inner .table--head-row .head--cell .cell-shift--id {
  font-size: 12px;
  display: block;
}
.pl--tablegen-wr .table--inner .table--row {
  display: grid;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #dedede;
  padding-left: 12px;
  padding-right: 12px;
}
.pl--tablegen-wr .table--inner .table--row .table--cell {
  padding: 12px 8px;
  font-size: 14px;
}
.pl--tablegen-wr .table--inner .table--row .table--cell .cell-shift--id {
  display: block;
  font-size: 11px;
}
.pl--tablegen-wr .table--inner .table--row:last-child {
  border-bottom: none;
}
.pl--tablegen-wr .table--inner .table--row:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
.pl--tablegen-wr .table--inner .table--row:hover {
  background-color: rgba(255, 255, 0, 0.1);
}
.pl--tablegen-wr .tb_3col .table--head-row, .pl--tablegen-wr .tb_3col .table--row {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.pl--tablegen-wr .tb_CUcol- .table--head-row, .pl--tablegen-wr .tb_CUcol- .table--row {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}
.pl--tablegen-wr .tb_CUcol-acstf-man .table--head-row, .pl--tablegen-wr .tb_CUcol-acstf-man .table--row {
  grid-template-columns: 120px 1fr 1fr 150px 150px 150px 200px;
}
.pl--tablegen-wr .tb_CUcol-acstf-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-acstf-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-acstf-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-acstf-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-acstf-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-acstf-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-acstf-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-acstf-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-review1 .table--head-row, .pl--tablegen-wr .tb_CUcol-review1 .table--row {
  grid-template-columns: 120px 1fr 1fr 150px 150px 200px 150px 100px;
}
.pl--tablegen-wr .tb_CUcol-review1 .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-review1 .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-review1 .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-review1 .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-review1 .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-review1 .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-review1 .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-review1 .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-complete-man .table--head-row, .pl--tablegen-wr .tb_CUcol-complete-man .table--row {
  grid-template-columns: 120px 1fr 1fr 150px 150px 150px 100px 200px;
}
.pl--tablegen-wr .tb_CUcol-complete-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-complete-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-complete-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-complete-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-complete-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-complete-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-complete-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-complete-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--head-row, .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--row {
  grid-template-columns: 120px 130px 1fr 1fr 150px 150px 150px 100px 200px;
}
.pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-all-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--head-row, .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--row {
  grid-template-columns: 120px 1fr 1fr 1fr 200px;
}
.pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-week-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--head-row, .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--row {
  grid-template-columns: 120px 1fr 1fr 1fr 120px 200px;
}
.pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-timetabl-month-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-employees-man .table--head-row, .pl--tablegen-wr .tb_CUcol-employees-man .table--row {
  grid-template-columns: 120px 150px 1fr 1fr 150px 150px 150px 200px;
}
.pl--tablegen-wr .tb_CUcol-employees-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-employees-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-employees-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-employees-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-employees-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-employees-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-employees-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-employees-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}
.pl--tablegen-wr .tb_CUcol-requests-man .table--head-row, .pl--tablegen-wr .tb_CUcol-requests-man .table--row {
  grid-template-columns: 120px 150px 1fr 1fr 150px 1fr 120px 120px 100px;
}
.pl--tablegen-wr .tb_CUcol-requests-man .table--head-row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-requests-man .table--head-row .table--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-requests-man .table--row .head--cell:nth-last-child(1), .pl--tablegen-wr .tb_CUcol-requests-man .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.pl--tablegen-wr .tb_CUcol-requests-man .table--head-row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-requests-man .table--head-row .table--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-requests-man .table--row .head--cell:nth-last-child(2), .pl--tablegen-wr .tb_CUcol-requests-man .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}

.staff--rate-result {
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.happy__2 {
  background-image: url(../imgs/icons/happy.svg);
}

.neutral__1 {
  background-image: url(../imgs/icons/neutral.svg);
}

.sad__-1 {
  background-image: url(../imgs/icons/sad.svg);
}

.tbl--filter-wr {
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
  align-items: center;
  border-radius: 6px 6px 0 0;
  padding: 24px 12px 12px 24px;
  background-color: rgba(255, 255, 100, 0.5);
}
.tbl--filter-wr .download__icons a {
  display: block;
  display: grid;
  grid-template-columns: 24px auto;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: #000;
}
.tbl--filter-wr .download__icons a img {
  max-height: 24px;
  opacity: 0.5;
}
.tbl--filter-wr .download__icons a:hover img {
  opacity: 1;
}
.tbl--filter-wr .filter--array {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
  justify-items: flex-end;
  align-items: center;
  grid-gap: 24px;
  /*  */
}
.tbl--filter-wr .filter--array .pl--label {
  position: relative;
}
.tbl--filter-wr .filter--array .pl--label .pl--genspan {
  position: absolute;
  font-weight: 600;
  font-size: 12px;
  top: -14px;
  left: 0;
  text-transform: uppercase;
}
.tbl--filter-wr .filter--array .pl--label .pl--input {
  display: block;
  height: 36px;
  padding: 6px;
  font-size: 12px;
}
.tbl--filter-wr .filter--array .pl--label .pl--genselect {
  display: block;
  height: 36px;
  padding: 6px;
  font-size: 12px;
}
.tbl--filter-wr .filter--array .pl--genbutton {
  display: block;
  font-size: 14px;
  padding: 6px 18px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.tbl--filter-wr .filter--array .pl--genbutton img {
  width: auto;
  max-height: 16px;
  margin-right: 6px;
}
.tbl--filter-wr .filter--array .plbtn-black {
  background-color: #444;
  color: #fff;
  border: 1px solid transparent;
}
.tbl--filter-wr .filter--array .plbtn-white {
  color: #444;
  border: 1px solid #444;
}
.tbl--filter-wr .filter--array .export-to-pdf img {
  max-height: 16px;
}

.tbl_action_holder {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: center;
  grid-gap: 24px;
}
.tbl_action_holder a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 6px;
  font-weight: 600;
  opacity: 0.75;
  border-bottom: 1px solid transparent;
}
.tbl_action_holder a:hover {
  opacity: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tbl_action_holder .acb__view {
  color: navy;
}
.tbl_action_holder .acb__edit {
  color: #219653;
}
.tbl_action_holder .acb__end {
  color: #EB5757;
}

.manager_dashboard_ft__controller {
  margin: 48px 0;
}

.manager_dashboard_ft__controller-up {
  margin-bottom: 24px;
}

.flat__content-wr {
  border: 1px solid #dedede;
  padding: 24px;
  width: 100%;
  max-width: 960px;
}
.flat__content-wr h4.fl__gen-h4 {
  font-size: 18px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 2px;
  margin-bottom: 6px;
}
.flat__content-wr p.fl__gen-p {
  margin-bottom: 24px;
  line-height: 150%;
}
.flat__content-wr a.fl__gen-a {
  display: inline-block;
  margin-bottom: 24px;
  border: 1px solid #ececec;
  padding: 12px;
  background-color: lightcyan;
  color: #000;
}
.flat__content-wr a.fl__gen-a:before {
  content: " ";
  background-image: url(../imgs/icons/file.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.flat__content-wr img {
  display: block;
  width: 80%;
  margin-bottom: 24px;
}

.dg-start-cen {
  display: grid;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dedede;
}

.g4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.man--active-info {
  padding: 12px 24px;
  font-size: 18px;
  color: #666;
  background-color: #ececec;
  margin-bottom: 24px;
}

.admmin--dashboard-numbers-wr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  width: 100%;
  max-width: 960px;
}
.admmin--dashboard-numbers-wr .ad--number--box {
  border: 1px solid #dedede;
  text-align: center;
  padding: 24px 0;
}
.admmin--dashboard-numbers-wr .ad--number--box h3 {
  line-height: 150%;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: lightcyan;
  padding: 3px 6px;
  border-radius: 3px;
}
.admmin--dashboard-numbers-wr .ad--number--box p {
  font-size: 14px;
}
.admmin--dashboard-numbers-wr .ad--number--box p.xl {
  display: block;
  font-size: 32px;
  margin-top: 24px;
}
.admmin--dashboard-numbers-wr .ad--number--box i.hr {
  background-color: #dedede;
  display: block;
  width: 100%;
  height: 1px;
  margin: 12px 0;
}

.good--score,
.bad--score {
  font-size: 18px;
  font-weight: 600;
}

.good--score {
  color: #219653;
}

.bad--score {
  color: #EB5757;
}

.user--log_inner {
  display: grid;
  grid-gap: 24px;
}
.user--log_inner .us--profile--pic {
  text-align: center;
}
.user--log_inner .us--profile--pic img {
  max-width: 128px;
  border-radius: 64px;
}
.user--log_inner .us--sub--info-card {
  text-align: center;
  display: grid;
  grid-gap: 24px;
}
.user--log_inner .us--sub--info-card .sub-nfo-i {
  border-bottom: 1px solid #dedede;
  padding-bottom: 12px;
}
.user--log_inner .us--sub--info-card .sub-nfo-i:last-child {
  border: none;
}
.user--log_inner .us--sub--info-card .sub-nfo-i h3 {
  margin-bottom: 6px;
}
.user--log_inner .us--info--table-wr h2 {
  margin-bottom: 12px;
}

.red-inline-btn {
  color: #EB5757;
  border-bottom: 1px solid #dedede;
}

.side-tb-btn {
  font-weight: 600;
  border-bottom: 1px solid #dedede;
}

/*  * */
.tb_us_col_1 .table--head-row, .tb_us_col_1 .table--row {
  grid-template-columns: 100px 100px 1fr 120px 120px;
}
.tb_us_col_1 .table--head-row .head--cell:nth-last-child(1), .tb_us_col_1 .table--head-row .table--cell:nth-last-child(1), .tb_us_col_1 .table--row .head--cell:nth-last-child(1), .tb_us_col_1 .table--row .table--cell:nth-last-child(1) {
  text-align: right;
}
.tb_us_col_1 .table--head-row .head--cell:nth-last-child(2), .tb_us_col_1 .table--head-row .table--cell:nth-last-child(2), .tb_us_col_1 .table--row .head--cell:nth-last-child(2), .tb_us_col_1 .table--row .table--cell:nth-last-child(2) {
  text-align: center;
}

/*  * */
.tb_us_col_2 .table--head-row, .tb_us_col_2 .table--row {
  grid-template-columns: 120px 1fr 120px 100px;
}

/*  * */
.tb_bran_col_3 .table--head-row, .tb_bran_col_3 .table--row {
  grid-template-columns: 120px 1fr 1fr 150px 150px 150px 100px;
}

/*  * */
.tb_bran_col_4 .table--head-row, .tb_bran_col_4 .table--row {
  grid-template-columns: 150px 1fr 150px 150px 150px;
}

/*  * */
.tb_bran_col_5 .table--head-row, .tb_bran_col_5 .table--row {
  grid-template-columns: 150px 1fr 200px 200px 150px 1fr 150px 150px 100px;
}

/*  * */
.tb_bran_col_6 .table--head-row, .tb_bran_col_6 .table--row {
  grid-template-columns: 150px 1fr 200px 200px 150px 1fr 150px 150px;
}

/*  * */
.tb_agr_col_prt .table--head-row, .tb_agr_col_prt .table--row {
  grid-template-columns: 150px 1fr 200px 200px 150px 1fr 150px 150px;
}

/*  * */
.tb_role_col_44 .table--head-row, .tb_role_col_44 .table--row {
  grid-template-columns: 120px 1fr 1fr 150px;
}

.full__col2 {
  grid-column: 1/3;
}

.full__col3 {
  grid-column: 1/4;
}

.full__col4 {
  grid-column: 1/5;
}

.full__col5 {
  grid-column: 1/6;
}

.full__col6 {
  grid-column: 1/7;
}

.full__col7 {
  grid-column: 1/8;
}

.full__col8 {
  grid-column: 1/9;
}

.full__col9 {
  grid-column: 1/10;
}

.trigger_sc {
  cursor: pointer;
}

.trigBox {
  transform: scale(1, 0);
  height: 0px;
  transition: all 0.1s ease-in-out, transform 0.01s, opacity 0.25s;
  padding: 0;
  margin: 0;
  opacity: 0;
}

.pl--tablegen-wr .table--inner .table--row .table--cell.trigBox {
  padding: 0 8px;
  transition: all 0.1s ease-in-out, transform 0.01s, opacity 0.25s;
}

.pl--tablegen-wr .table--inner .table--row .table--cell.trigBox.show {
  padding: 12px 8px;
  transition: all 0.1s ease-in-out, transform 0.01s, opacity 0.25s;
}

.trigBox.show {
  transform: scale(1, 1);
  height: auto;
  transition: all 0.1s ease-in-out, transform 0.01s, opacity 0.25s;
  padding: initial;
  margin: initial;
  opacity: 1;
}

.cellhidecont p {
  margin-bottom: 12px;
}
.cellhidecont p:last-child {
  margin-bottom: 0;
}

.agreement-sub-header {
  padding-top: 18px;
  border-top: 1px solid #dedede;
  font-size: 18px;
  line-height: 150%;
}
.agreement-sub-header span {
  font-weight: 600;
}

.agreement--content-wr .agr--content-inner {
  margin-bottom: 24px;
}
.agreement--content-wr .agr--content-inner h1 {
  font-size: 32px;
  line-height: 150%;
}
.agreement--content-wr .agr--content-inner h2 {
  font-size: 24px;
  line-height: 150%;
}
.agreement--content-wr .agr--content-inner p {
  font-size: 16px;
  line-height: 130%;
  margin: 18px 0;
}
.agreement--content-wr .agr--content-inner ul {
  line-height: 150%;
  list-style-type: disc;
  list-style-position: inside;
  margin: 18px;
}
.agreement--content-wr .agr--content-inner ol {
  margin: 18px;
  line-height: 150%;
  list-style-type: decimal;
  list-style-position: inside;
}
.agreement--content-wr .agr--content-inner ul ul, .agreement--content-wr .agr--content-inner ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}
.agreement--content-wr .agr--content-inner ol ol, .agreement--content-wr .agr--content-inner ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}
.agreement--content-wr .agr--content-inner a {
  color: blue;
  border-bottom: 1px solid blue;
}
.agreement--content-wr .agr--content-inner img {
  max-width: 100%;
}

.document---watermark {
  position: absolute;
  background-image: url(../imgs/ladekitchenlogo-watermark.svg);
  width: 100%;
  height: 100%;
  opacity: 0.1;
  pointer-events: none;
  z-index: -1;
}

/* IGNORE CHECK */
/* IGNORE CHECK */
/* IGNORE CHECK */
/* IGNORE CHECK */
/* mw wraps*/
.burger_menu {
  display: grid;
  grid-gap: 9px;
  width: 32px;
  font-size: 16px;
}
.burger_menu span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
}
.burger_menu span:last-child {
  width: 70%;
}

.user_card_h {
  text-align: right;
}
.user_card_h .user_st_top {
  font-size: 10px;
  font-weight: 400;
}
.user_card_h .user_st_name {
  font-size: 14px;
}

.simp_title {
  padding: 12px 24px;
}
.simp_title h2 {
  font-size: 16px;
  font-weight: 400;
}

.user_order_list_w .u_order_i {
  background-color: #eee;
  padding: 24px 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: space-between;
  justify-content: space-between;
  grid-row-gap: 12px;
  background-color: #F0F0F0;
}
.user_order_list_w .u_order_i .user_order_id p {
  font-size: 12px;
  font-weight: 400;
}
.user_order_list_w .u_order_i .user_order_id p.u-o-id {
  font-size: 14px;
}
.user_order_list_w .u_order_i .user_total_items {
  font-size: 14px;
}
.user_order_list_w .u_order_i .user_order_date {
  text-align: right;
  font-size: 14px;
}
.user_order_list_w .u_order_i .user_order_tamount {
  text-align: right;
  font-size: 14px;
}
.user_order_list_w .u_order_i:nth-child(even) {
  background-color: #DFDFDF;
}
.user_order_list_w .u_order_i.requested {
  background-color: #F2C94C;
}

.action_button_holder {
  display: grid;
  place-items: center;
  position: sticky;
  z-index: 2;
  top: 80px;
  background-color: #fff;
}

.menu_fields {
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  width: 100vw;
  height: 100vh;
  position: absolute;
  background-color: #fff;
  top: 0px;
  left: 0px;
  z-index: 5;
  display: grid;
  align-items: center;
  align-content: center;
}
.menu_fields .menu_in {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 36px;
}
.menu_fields .menu_in .logout_btn_m {
  color: #000;
}

.go_to_id_wr {
  text-align: center;
}
.go_to_id_wr input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.go_to_id_wr h3 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px;
}
.go_to_id_wr form {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 12px;
}

.times_btn {
  position: absolute;
  top: 24px;
  left: 24px;
}

.cpo {
  cursor: pointer;
}

.gen_chk {
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: -999;
  left: -9999px;
}

#menu_chk:checked + .menu_fields {
  pointer-events: unset;
  opacity: 1;
  transition: all 0.2s;
}

.aside_nav_wr {
  width: 128px;
  height: 100%;
  background-color: #444;
  color: #fff;
}

.adashboard-body .wrapper {
  height: 100%;
  min-height: 100%;
  display: grid;
  grid-template: 64px 1fr/128px 1fr;
}

header.adashboard-header {
  grid-column: 2/4;
}
header.adashboard-header .header-wrapper {
  background-color: #fff;
  height: 100%;
}
header.adashboard-header .header-wrapper .head_ad {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  justify-items: start;
  align-items: center;
  align-content: center;
  grid-gap: 24px;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_to_date_nav {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  justify-items: start;
  align-items: center;
  align-content: center;
  grid-gap: 24px;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_to_date_nav .today_nav_a {
  font-size: 16px;
  color: #000;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_to_date_nav .yest_tom_wr {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  grid-gap: 24px;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_to_date_nav .yest_tom_wr a {
  font-size: 24px;
  color: #333;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_addnew_btn_top {
  background-color: #7CFFB3;
  color: rgba(0, 0, 0, 0.7);
  padding: 9px 18px;
  font-weight: 600;
  border-radius: 3px;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_addnew_btn_top svg {
  margin-left: 6px;
}
header.adashboard-header .header-wrapper .head_ad .head_left_wr_ad .ad_addnew_btn_top:hover {
  filter: saturate(1.5);
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  justify-items: start;
  align-items: center;
  align-content: center;
  grid-gap: 32px;
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .ad_top_branch_shift_btn {
  background-color: #D63031;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  align-items: center;
  border-radius: 3px;
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .ad_top_branch_shift_btn .select-branch {
  padding: 12px 12px 12px 18px;
  font-size: 22px;
  color: #fff;
  letter-spacing: 1px;
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .ad_top_branch_shift_btn .refresh_state {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  padding: 12px;
  border-radius: 0 3px 3px 0;
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .ad_top_branch_shift_btn .refresh_state:hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.5);
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .to_r_icn_btns {
  color: #777;
  font-size: 20px;
}
header.adashboard-header .header-wrapper .head_ad .head_right_wr_ad .to_r_icn_btns:hover {
  color: #333;
}

aside.adashboard-aside {
  grid-row: 1/4;
}
aside.adashboard-aside .aside_nav_wr {
  display: grid;
  align-content: space-between;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad, aside.adashboard-aside .aside_nav_wr .sub_aside_ad {
  display: grid;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li p.aside_seperator, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li p.aside_seperator {
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li h4, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li h4 {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  padding: 12px 6px;
  text-align: center;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li a, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li a {
  color: #fff;
  display: grid;
  place-content: center;
  place-items: center;
  padding: 18px 12px;
  min-width: 128px;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li a:hover, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li a svg, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li a svg {
  font-size: 24px;
  margin-bottom: 3px;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li .sign_out_B, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li .sign_out_B {
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-gap: 6px;
  padding: 10px;
}
aside.adashboard-aside .aside_nav_wr .top_aside_ad li .sign_out_B svg, aside.adashboard-aside .aside_nav_wr .sub_aside_ad li .sign_out_B svg {
  font-size: 16px;
  margin-bottom: 0;
}

.hv_rotate:hover {
  transform: rotate(45deg);
}

.adashboard-cont {
  width: 100%;
  height: calc(100vh - 64px);
  overflow-y: scroll;
}

.spe_date_select_wr input {
  display: block;
  position: relative;
  width: 134px;
  color: white;
  padding: 3px 6px;
  height: 34px;
  font-size: 22px;
  border: none;
}
.spe_date_select_wr input:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 6px;
  right: 3px;
  color: black;
  display: inline-block;
  /* ... */
  pointer-events: none;
}
.spe_date_select_wr input:before {
  position: absolute;
  top: 3px;
  left: 3px;
  content: attr(data-date);
  display: inline-block;
  color: black;
}
.spe_date_select_wr input::-webkit-datetime-edit, .spe_date_select_wr input::-webkit-inner-spin-button, .spe_date_select_wr input::-webkit-clear-button {
  display: none;
}
.spe_date_select_wr input::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  opacity: 0;
}

.spe_date_select_wr_us input {
  display: block;
  position: relative;
  width: 222px;
  color: white;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  font-size: 18px;
  font-weight: 300;
}
.spe_date_select_wr_us input:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  /* ... */
  pointer-events: none;
}
.spe_date_select_wr_us input:before {
  position: absolute;
  top: 50%;
  left: 44px;
  transform: translateY(-50%);
  content: attr(data-date);
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.spe_date_select_wr_us input::-webkit-datetime-edit, .spe_date_select_wr_us input::-webkit-inner-spin-button, .spe_date_select_wr_us input::-webkit-clear-button {
  display: none;
}
.spe_date_select_wr_us input::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  right: 0;
  opacity: 0;
}

.lh100 {
  line-height: 100%;
}

.lh150 {
  line-height: 150%;
}

.basic_txt_input input, .basic_txt_input select,
.number_input input,
.number_input select,
.select_box_input input,
.select_box_input select,
.date_picker_input input,
.date_picker_input select,
.time_picker_input input,
.time_picker_input select {
  display: block;
  width: 100%;
  padding: 6px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #dedede;
  margin-bottom: 24px;
}

p.input__title {
  font-weight: 600;
}

.basic_checkbox_input,
.basic_radio_input {
  display: block;
}

.number_input {
  display: block;
  position: relative;
}
.number_input input[type=number]::-webkit-inner-spin-button,
.number_input input[type=number]::-webkit-outer-spin-button {
  opacity: 0;
}
.number_input:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  bottom: 4px;
  right: 12px;
  color: #777;
  display: inline-block;
  font-size: 20px;
  /* ... */
  pointer-events: none;
}

.select_box_input {
  position: relative;
}
.select_box_input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select_box_input:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  bottom: 8px;
  right: 12px;
  color: black;
  display: inline-block;
  font-size: 20px;
  /* ... */
  pointer-events: none;
}

.basic__btn {
  display: inline-block;
  background-color: rgba(47, 54, 64, 0.5);
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 300;
  line-height: 100%;
  padding: 12px 24px;
  margin: 12px 0;
  border-radius: 3px;
}
.basic__btn:hover {
  background-color: rgba(47, 54, 64, 0.6);
}

.btn__xl {
  font-size: 22px;
}

.btn__sm {
  font-size: 14px;
  padding: 6px 12px;
  font-weight: normal;
}

.bcolor_green {
  background-color: rgba(68, 189, 50, 0.85);
}
.bcolor_green:hover {
  background-color: #44bd32;
}

.bcolor_blue {
  background-color: rgba(0, 151, 230, 0.85);
}
.bcolor_blue:hover {
  background-color: #0097e6;
}

.bcolor_orange {
  background-color: rgba(230, 126, 34, 0.85);
}
.bcolor_orange:hover {
  background-color: #e67e22;
}

.bcolor_yellow {
  background-color: rgba(241, 196, 15, 0.85);
}
.bcolor_yellow:hover {
  background-color: #f1c40f;
}

.bcolor_red {
  background-color: rgba(192, 57, 43, 0.85);
}
.bcolor_red:hover {
  background-color: #c0392b;
}

.basic-Modal-wr {
  transform: translateY(-100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.basic-Modal-wr .back_overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  opacity: 0;
}
.basic-Modal-wr .basic-modal-in {
  display: grid;
  place-content: center;
  height: 100%;
}
.basic-Modal-wr .basic-modal-in .modal-content {
  position: relative;
  background-color: #fff;
  max-width: 720px;
  z-index: 1;
  transform: translateY(-100%);
}
.basic-Modal-wr .basic-modal-in .modal-content .modal-header {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.basic-Modal-wr .basic-modal-in .modal-content .modal-header h4 {
  font-weight: 600;
  font-size: 20px;
  padding: 24px 24px 0 24px;
}
.basic-Modal-wr .basic-modal-in .modal-content .modal-header .closemodal {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  padding: 6px 12px;
}
.basic-Modal-wr .basic-modal-in .modal-content .modal-header .closemodal img {
  max-height: 24px;
}

.chkmodal {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.chkmodal1 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  transform: scale(2);
}

.to_r_icn_btns {
  cursor: pointer;
}

.status_info_bar {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: flex-start;
  grid-gap: 12px;
  padding: 12px;
}
.status_info_bar .info_label_bx {
  padding: 3px 6px;
  border-radius: 3px;
}

.timetable_table_view_wr .clock_row {
  display: grid;
  grid-auto-flow: column;
  justify-items: start;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 12px;
  background-color: #E6E6E6;
  grid-gap: 12px;
}
.timetable_table_view_wr .clock_row:nth-child(even) {
  background-color: #D9D9D9;
}
.timetable_table_view_wr .clock_row .clock_title {
  padding: 6px 12px;
  background-color: #fff;
  border-radius: 3px;
}
.timetable_table_view_wr .clock_row .clock_title .clock_p {
  font-size: 18px;
}
.timetable_table_view_wr .clock_row .clock_title .clock_p span {
  font-weight: 600;
}
.timetable_table_view_wr .clock_row .clock_title .time_size {
  font-size: 20px;
}
.timetable_table_view_wr .clock_row .clock_title .time_size span {
  color: rgba(0, 0, 0, 0.5);
}
.timetable_table_view_wr .clock_row .book_item {
  display: grid;
  grid-gap: 6px;
  padding: 6px 12px;
  border-radius: 3px;
}
.timetable_table_view_wr .clock_row .book_item .book_item_subs {
  display: grid;
  grid-auto-flow: column;
  justify-items: space-between;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.timetable_table_view_wr .clock_row .book_item .book_item_subs a {
  color: rgba(0, 0, 0, 0.5);
}
.timetable_table_view_wr .clock_row .book_item .book_item_subs .party_size {
  display: grid;
  grid-auto-flow: column;
  justify-items: start;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  grid-gap: 3px;
}

.book_item {
  background-color: #fff;
}

.ST__requesting {
  background-color: #FFEAA7;
}

.ST__approved {
  background-color: #FFFFFF;
}

.ST__deposit-needed {
  background-color: #FAB1A0;
}

.ST__approved-with-deposit {
  background-color: #55EFC4;
}

.ST__cancelled {
  background-color: #636E72;
  color: rgba(255, 255, 255, 0.5);
}

/* USER STYLING*/
body.user-body {
  background: #1D2433;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}
body.user-body .bgi__user {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -2;
}
body.user-body .bgi__user:before {
  display: block;
  content: " ";
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  background: #1d2433;
  background: radial-gradient(circle, rgba(29, 36, 51, 0) 0%, #1d2433 70%);
}
body.user-body .bgi__user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}

.user-header .header-wrapper .user__nav {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.user__nav {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
.user__nav .logoh_btn {
  filter: drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.25)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.1));
}
.entrance__tx {
  font-size: 20px;
  line-height: 150%;
}
.entrance__tx p {
  font-size: 20px;
  color: #F1C40F;
}
.entrance__tx p.ent__br_name {
  font-size: 24px;
  color: #FFF;
}

.foot_action_btn .act__btn {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  place-items: center;
  grid-gap: 12px;
  color: rgba(0, 0, 0, 0.5);
  background-color: #E9C67B;
  height: 64px;
  font-size: 20px;
  font-weight: 500;
  width: 50%;
}

.inner_c_form {
  display: grid;
  grid-template-rows: 1fr 64px;
  align-items: stretch;
  align-content: stretch;
}

.minh100 {
  min-height: 100%;
}

.us_sm_lb {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
}

.select_w_ico {
  display: inline-block;
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding-left: 24px;
}
.select_w_ico select {
  -webkit-appearance: none;
  background-color: transparent;
  border: transparent;
  padding: 6px 12px;
  border-radius: 6px;
  color: #fff;
  position: relative;
}
.select_w_ico select:focus {
  outline: none;
}
.select_w_ico select option {
  color: #fff;
  background-color: #444;
  font-size: 18px;
}
.select_w_ico:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  /* ... */
  pointer-events: none;
}

.us_sl_time .select_w_ico::after {
  content: "";
}

.us_party_size .select_w_ico::after {
  content: "";
  font-weight: 900;
}

.uscont_a1 {
  display: none;
}

.hold_det_wr {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  line-height: 150%;
}
.hold_det_wr a {
  color: #F1C40F;
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-gap: 6px;
  margin-bottom: 6px;
  font-size: 12px;
}
.hold_det_wr a span {
  border-bottom: 1px solid #F1C40F;
  display: block;
  line-height: 120%;
}
.hold_det_wr .sub_tw-hold {
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-gap: 12px;
}

/* MODAL TRIGERS*/
.chkmodal:checked + .basic-Modal-wr {
  transform: translateY(0);
}

.chkmodal:checked + .basic-Modal-wr .back_overlay {
  opacity: 1;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}

.chkmodal:checked + .basic-Modal-wr .basic-modal-in .modal-content {
  transform: translateY(0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}

/*   */
/* MODAL TRIGERS*/
.modal_amend1:checked + .basic-Modal-wr .modal_amend {
  transform: translateY(0);
}

.modal_amend1:checked + .basic-Modal-wr .back_overlay {
  opacity: 1;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}

.modal_amend1:checked + .basic-Modal-wr .basic-modal-in .modal-content {
  transform: translateY(0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}

/*   */
/* MODAL TRIGERS ENDS*/
/* RESPONSIVE */
@media (max-width: 1024px) {
  /* */
  /* */
}
@media (max-width: 768px) {
  /* */
  .user-cont {
    height: 100%;
  }

  .inner_c_form {
    height: 100%;
  }

  .foot_action_btn .act__btn {
    width: 100%;
  }

  .user__nav .logoh_btn img {
    height: 90px;
  }

  /* */
}
@media (max-width: 320px) {
  /* */
  /* */
}
/* PIN*/
.locked__pin__screen-wr {
  position: fixed;
  width: 100vw;
  width: 100svw;
  height: 100vh;
  height: 100svh;
  background-color: black;
  z-index: 99999;
  display: grid;
  place-content: center;
  place-items: center;
  justify-content: center;
  justify-items: center;
  grid-template-rows: 1fr 135px;
  grid-gap: 48px;
}
.locked__pin__screen-wr h1 {
  color: #999;
  display: block;
  font-size: 32px;
}
.locked__pin__screen-wr input {
  width: 200px;
  height: 72px;
  font-size: 32px;
  text-align: center;
  letter-spacing: 6px;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.locked__pin__screen-wr input:focus {
  border: 1px solid white;
  box-shadow: 0 0 48px rgba(255, 255, 255, 0.3);
}
.locked__pin__screen-wr p.wrong--pin {
  color: red;
  font-size: 18px;
  opacity: 0.7;
  text-align: center;
  margin: 24px 0;
}
.locked__pin__screen-wr p.wrong--pin span {
  color: #fff;
  font-size: 12px;
}
.locked__pin__screen-wr p.correct--pin {
  text-align: center;
  color: lime;
  font-size: 18px;
  opacity: 0.7;
  margin: 24px 0;
}
.locked__pin__screen-wr p.correct--pin span {
  color: #fff;
  font-size: 12px;
}
.locked__pin__screen-wr .pin---field-holder {
  display: grid;
  place-content: center;
  place-items: center;
  justify-content: center;
  justify-items: center;
  grid-gap: 48px;
}
.locked__pin__screen-wr .pin---field-holder .enter_pin_btn {
  padding: 6px 12px;
  border-radius: 6px;
}
.locked__pin__screen-wr .locked-user-data--wr {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 24px;
}
.locked__pin__screen-wr .locked-user-data--wr p {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: rgba(255, 255, 255, 0.5);
}
.locked__pin__screen-wr .locked-user-data--wr p img {
  opacity: 0.5;
  margin: 6px;
}
.locked__pin__screen-wr .locked-user-data--wr a {
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 48px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #333;
}

/***** ****/
@media print {
  /* styles here */
  .di_no_PRT {
    display: none;
    visibility: hidden;
  }

  a:after {
    content: "(" attr(href) ")";
  }

  .pl--dashboard-wr {
    overflow-y: visible;
    height: auto;
  }

  /*  * */
  .tb_agr_col_prt .table--head-row, .tb_agr_col_prt .table--row {
    grid-template-columns: repeat(8, auto);
  }

  .pl--dashboard-wr .pl--inner-w.prt_pad {
    padding: 0;
  }

  body {
    background-image: url(../imgs/ladekitchenlogo-watermark.svg);
  }

  main::after {
    content: "____EMPLOYER__NAME__DATE__SIGN__________||__________EMPLOYEE__NAME__DATE__SIGN____";
    display: block;
    width: 100%;
    padding: 24px 0 100px 0;
    margin: 24px 0;
    border: 1px solid #999;
  }
}
/**/
.camera-w {
  background-color: #000;
}
.cam5 {
  background-color: #000;
}
.cam__float {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}