.plusminus:hover {
  background-color: black;
  cursor:pointer;
}
.minus:hover{
  background-color: #ff8600;
  cursor: pointer;
}

.matminus:hover{
  background-color: #ff8600;
  cursor: pointer;
}

#newpic:hover {
  cursor: pointer;
}

.exclamation-style {
  background-color: black;
  color: white;
}

.input-label-style {
  background-color: #b8d668;
  color: white;
}

.form-control:focus {
  color: black;
  background-color: white;
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.task-table-title {
  background-color: #b8d668;
  color: white;
  font-size: 35px;
  font-weight: 900;
}

.task-table-subtitle {
  background-color: #b8d668;
  color: white;
  font-size: 28px;
  font-weight: 700;
}

.task-subtitle-cell-width-1 {
  width: 70vw;
}

.task-subtitle-cell-width-2 {
  width: 30vw;
}

.task-cell-style-1 {
  width: 70vw;
  height: 40vh;
}

.task-cell-style-2 {
  width: 30vw;
  height: 40vh;
}

.worktable-column-1 {
  width: 15vw;
  font-size: 25px;
  font-weight: 700;
  background-color: #b8d668 !important;
  color: white;
}

.worktable-column-2 {
  width: 40vw;
  height: 5vh;
}

.worktable-column-3 {
  width: 15vw;
  font-size: 20px;
  font-weight: 700;
  background-color: #b8d668 !important;
  color: white;
}

.worktable-column-4 {
  width: 15vw;
}

tr {
  border: 2px !important;
  border-style: solid !important;
  border-color: lightgray !important;
}

td {
  border: 2px !important;
  border-style: solid !important;
  border-color: lightgray !important;
}

.material-subtitle-style-1 {
  width: 15vw;
}

.material-subtitle-style-2 {
  width: 85vw;
}

.cell-height {
  height: 5vh;
}

.comment-cell-height {
  height: 40vh;
}

.worker-title-style {
  background-color: #b8d668;
  color: white;
}

.sign-border {
  border-top: dotted 1px black;
}

.form-select:focus {
  color: black;
  background-color: white;
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.btn-style {
  background-color: #b8d668;
  color: white;
}

.btn-style:hover {
  background-color: black;
  color: white;
}

.btn-style:active {
  background-color: #b8d668;
  color: white;
}

.btn-style:focus {
  background-color: #b8d668;
  color: white;
}

.form-check-input:focus {
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.form-check-input:checked {
  background-color: #b8d668;
  border-color: #b8d668;
}

.form-padding {
  padding-left: 20vw;
  padding-right: 20vw;
}

.green-span-width {
  width: 100px;
}

@media screen and (max-width: 992px) {
  .task-cell-style-1 {
    width: 90vw;
    height: 10vh;
  }

  .worktable-column-2 {
    width: 90vw;
    height: 5vh;
  }

  .worktable-column-4 {
    width: 10vw;
    text-align: center;
    font-weight: 700;
    background-color: #b8d668 !important;
    color: white;
  }

  .worktable-column-3 {
    width: 90vw;
    font-size: 18px;
    font-weight: 700;
    background-color: #b8d668 !important;
    color: white;
    text-align: center;
  }

  .material-subtitle-style-2 {
    width: 90vw;
    background-color: #b8d668 !important;
    color: white;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
  }

  .form-padding {
    padding-left: 0;
    padding-right: 0;
  }
}


body {
  padding-top: 10vh;
}

.exclamation-style {
  background-color: black;
  color: white;
}

.input-label-style {
  background-color: #b8d668;
  color: white;
}

.filter-date-style {
  background-color: #b8d668;
  color: white;
  width: 130px;
  justify-content: center;
}

.filter-btn-width {
  width: 200px;
}

.form-control:focus {
  color: black;
  background-color: white;
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.task-table-title {
  background-color: #b8d668;
  color: white;
  font-size: 35px;
  font-weight: 900;
}

.task-table-subtitle {
  background-color: #b8d668;
  color: white;
  font-size: 28px;
  font-weight: 700;
}

.task-subtitle-cell-width-1 {
  width: 70vw;
}

.task-subtitle-cell-width-2 {
  width: 30vw;
}

.task-cell-style-1 {
  width: 70vw;
  height: 10vh;
}

.task-cell-style-2 {
  width: 30vw;
  height: 10vh;
}

.worktable-column-1 {
  width: 15vw;
  font-size: 25px;
  font-weight: 700;
  background-color: #b8d668 !important;
  color: white;
}

.worktable-column-2 {
  width: 40vw;
  height: 5vh;
}

.worktable-column-3 {
  width: 15vw;
  font-size: 20px;
  font-weight: 700;
  background-color: #b8d668 !important;
  color: white;
}

.worktable-column-4 {
  width: 15vw;
}

tr {
  border: 2px !important;
  border-style: solid !important;
  border-color: lightgray !important;
}

td {
  border: 2px !important;
  border-style: solid !important;
  border-color: lightgray !important;
}

.material-subtitle-style-1 {
  width: 15vw;
}

.material-subtitle-style-2 {
  width: 85vw;
}

.cell-height {
  height: 5vh;
}

.comment-cell-height {
  height: 10vh;
}

.worker-title-style {
  background-color: #b8d668;
  color: white;
}

.sign-border {
  border-top: dotted 1px black;
}

.form-select:focus {
  color: black;
  background-color: white;
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.btn-style {
  background-color: #b8d668;
  color: white;
}

.btn-style:hover {
  background-color: black;
  color: white;
}

.btn-style:active {
  background-color: #b8d668;
  color: white;
}

.btn-style:focus {
  background-color: #b8d668;
  color: white;
}

.btn-size {
  width: 20vw;
}

.btn-style-2 {
  background-color: #b8d668;
  color: white;
}

.btn-style-2:hover {
  background-color: red;
  color: white;
}

.form-check-input:focus {
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.form-check-input:checked {
  background-color: #b8d668;
  border-color: #b8d668;
}

.form-padding {
  padding-left: 20vw;
  padding-right: 20vw;
}

.green-span-width {
  width: 100px;
}

.green-span-width-2 {
  width: 115px;
}

.page-link {
  background-color: white;
  color: #b8d668;
}

.page-link:hover {
  background-color: #b8d668;
  color: white;
}

.page-link:focus {
  background-color: white;
  color: #b8d668;
  border-color: #b8d668;
  outline: 0;
  box-shadow: 0 0 0 0.15em rgba(184, 214, 104, 0.35);
}

.worksheet-table-title {
  background-color: #b8d668;
  color: white;
  font-size: 18px;
  font-weight: 700;
}

.worksheet-table-number {
  width: 5vw;
}

.worksheet-table-name {
  width: 8vw;
}

.worksheet-table-date {
  width: 10vw;
}

.worksheet-table-comment {
  width: 25vw;
  font-size: 15px;
}

.worksheet-table-status {
  width: 7vw;
}

.worksheet-table-edit {
  width: 7vw;
}

.edit-style {
  color: #b8d668;
}
.edit-style:hover {
  color: #b8d668;
}

.worksheet-table-content {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.navbar-logo {
  width: 20vw;
  height: auto;
}

.navbar-width {
  padding-left: 10vw;
  padding-right: 10vw;
}

.nav-link {
  color: black;
}

.nav-link:hover {
  color: #b8d668;
}

.logout {
  color: rgba(236, 100, 75, 1);
}

.logout:hover {
  color: #8b0000;
}

.arrow-style {
  color: #b8d668;
}

.nav-style {
  border-bottom: 3px solid #b8d668;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.stat-table-top-padding {
  padding-top: 30vh;
}

.stat-table-title {
  background-color: #b8d668;
  color: white;
  font-size: 40px;
  font-weight: 700;
}

.stat-cell-style {
  text-decoration: none;
  font-size: 30px;
  font-weight: 500;
  color: black;
}

.stat-cell-style:hover {
  text-decoration: none;
  font-size: 30px;
  font-weight: 500;
  color: #b8d668;
}

.stat-goback {
  color: black;
}

.stat-goback:hover {
  color: #b8d668;
  cursor: pointer;
}

.goback-style {
  color: black;
  text-decoration: none;
  padding-left: 20px;
  font-size: 20px;
  font-weight: 500;
}

.goback-style:hover {
  color: black;
  text-decoration: none;
  padding-left: 20px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: #b8d668;
}

.month-table-style {
  background-color: #b8d668;
  color: white;
  font-size: 25px;
  font-weight: 500;
}

.month-user-cell {
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  color: black;
}

.month-user-cell:hover {
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  color: #b8d668;
}

.month-work-cell-width {
  width: 10vw;
}

.month-user-cell-width {
  width: 15vw;
}

@media screen and (max-width: 992px) {
  .task-cell-style-1 {
    width: 90vw;
    height: 10vh;
  }

  .worktable-column-2 {
    width: 90vw;
    height: 5vh;
  }

  .worktable-column-4 {
    width: 10vw;
    text-align: center;
    font-weight: 700;
    background-color: #b8d668 !important;
    color: white;
  }

  .worktable-column-3 {
    width: 90vw;
    font-size: 18px;
    font-weight: 700;
    background-color: #b8d668 !important;
    color: white;
    text-align: center;
  }

  .material-subtitle-style-2 {
    width: 90vw;
    background-color: #b8d668 !important;
    color: white;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
  }

  .form-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-width {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-logo {
    width: 65vw;
    height: auto;
  }

  .worksheet-table-content {
    text-align: center;
    font-size: 8px;
    font-weight: 500;
  }

  .worksheet-table-title {
    background-color: #b8d668;
    color: white;
    font-size: 8px;
    font-weight: 700;
  }

  .worksheet-table-number {
    width: 5vw;
  }

  .worksheet-table-name {
    width: 8vw;
  }

  .worksheet-table-date {
    width: 10vw;
  }

  .worksheet-table-comment {
    width: 25vw;
    font-size: 7px;
  }

  .worksheet-table-status {
    width: 7vw;
  }

  .worksheet-table-edit {
    width: 7vw;
  }

  .mobile-view {
    display: none;
  }

  .month-table-style {
    background-color: #b8d668;
    color: white;
    font-size: 18px;
    font-weight: 500;
  }

  .month-user-cell {
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: black;
  }

  .month-user-cell:hover {
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #b8d668;
  }
}

.savebutton{
  background-color: #9eb858;
}
body
{
  background-color: #f3f3f3;
}

/* CUSTOM WIDTHS */
.w-10, .w-xs-10 { width: 10%!important; }
.w-15, .w-xs-15 { width: 15%!important; }
.w-20, .w-xs-20 { width: 20%!important; }

/* BREAKPOINTS */

/* SM breakpoint */
@media (min-width: 576px) {
    /* CUSTOM WIDTHS */
    .w-sm-10 { width: 10%!important; }
    .w-sm-15 { width: 15%!important; }
    .w-sm-20 { width: 20%!important; }
    .w-sm-30 { width: 30%!important; }
}

/* MD breakpoint*/
@media (min-width: 768px) {
    /* CUSTOM WIDTHS */
    .w-md-10 { width: 10%!important; }
    .w-md-15 { width: 15%!important; }
    .w-md-20 { width: 20%!important; }
    .w-md-30 { width: 30%!important; }
    .w-md-40 { width: 40%!important; }
}

/* LG breakpoint */
@media (min-width: 992px) {
    /* CUSTOM WIDTHS */
    .w-lg-10 { width: 10%!important; }
    .w-lg-15 { width: 15%!important; }
    .w-lg-20 { width: 20%!important; }
    .w-lg-25 { width: 20%!important; }
    .w-lg-30 { width: 50rem!important; }
}

#GDPR
{
  color: black
}
#GDPR:hover
{
  color: #9eb858;
}
#email6
{
  color: grey;
  background-color:  #e3e3e3;
}