/*@media only screen and (min-width: 993px) {
    body { padding: 20px; }
    .container { width: 80%; }
  }


  @media only screen and (min-width: 601px) {
    body { padding: 20px; }
    .container { width: 50%; }
  }

  @media only screen and (min-width: 0px) {
    body { padding: 0px; }
    .container { width: 100%; }
  }*/

body {
  background-color: #f1f1f1;
  padding-top: 20px;
}

nav {
  border-bottom: 2px solid black;
  background-color: white;
  color: black;

  .brand-logo {
    color: black;
  }
}

nav ul a {
  color: black;
}

.container {
  border: 2px solid black;
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
  color: black;
}

.container.primary {
  anchor-name: --primaryContainerAnchor;
  border-radius: 10px 10px 0px 0px;
}

.row {
  padding: 0px 10px 0px 10px;
}

input[type="text"]:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #0099ff;
  box-shadow: 0 1px 0 0 #0099ff;

  +label {
    color: #0099ff;
  }
}

input[type="password"]:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #0099ff;
  box-shadow: 0 1px 0 0 #0099ff;

  +label {
    color: #0099ff;
  }
}

input.valid[type=password]:not(.browser-default) {
  +label {
    color: #4CAF50;
  }
}

input.invalid[type=password]:not(.browser-default) {
  +label {
    color: #F44336;
  }
}

.btn {
  background-color: #0099ff;
}

.btn:hover {
  background-color: #49b6ff;
}

#modal1 {
  width: 50%;
}

/*   th, td {
    text-align: center;
  } */

.progress {
  background-color: #a7e4ff;
}

.progress .indeterminate {
  background-color: #0099FF;
}

[type="checkbox"]:checked+span:not(.lever):before {
  border-right: 2px solid #0099FF;
  border-bottom: 2px solid #0099FF;
}

.row.card-panel {
  width: 98%;
  margin: 5px auto;
  border-radius: 5px;
  padding-top: 1px;
}

/* .row.card-panel div input {
    color: #000000a3 !important;
  } */

tr td div input {
  color: #000000a3 !important;
}

.button-row {
  margin-bottom: 10px;
}

.brand-logo {
  line-height: 60px;
  position: relative !important;
}

.indicator {
  background-color: #0099FF !important;
}

.tabs .tab a,
.tabs .tab a.active,
.tabs .tab a:hover {
  color: black;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: #f0f7fd;
}

.tabs .tab a:hover {
  background-color: #dcefff;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover,
.tabs .tab.disabled a:focus {
  background-color: transparent;
  color: #dbdbdb;
}

#form-employee-name,
#form-order-number,
#form-controller-id,
#form-pick-up-type,
#form-controller-value,
.bulk-employee-name,
.bulk-order-number,
.bulk-controller-id,
.bulk-pick-up-type,
#dse-form-employee-name,
#dse-form-order-number,
#dse-form-module-id,
#dse-form-pick-up-type,
#dse-form-controller-value {
  font-weight: bold;
}

#form-controller-id {
  font-size: 13px;
}

#form-controller-value {
  text-align: center;
}

#form-controller-value-helper-text {
  text-align: center !important;
}

.helper-text {
  text-align: left !important;
}

/*   tr:nth-child(even) {
    background-color: #b3e5fc2b;
  } */

#bulk-entry-table-body tr {
  border: 2px solid #000000a6;
}

.bulk-controller-id {
  font-size: 14px !important;
}

#bulk-btn-container {
  padding-top: 10px;
  padding-left: 15px;
}

.progress {
  margin: 0px;
}

#loading-bar-container {
  height: 52px;
}

#cid-embed {
  border: 2px solid black;
  border-radius: 5px 5px 5px 5px;
}

.container .row {
  margin-bottom: 10px;
}

#value-checker .row {
  margin-bottom: 0px;
  padding-top: 5px;
}

.nav-wrapper img {
  margin-top: 3px;
  margin-right: 10px;
}

@font-face {
  font-family: 'password';
  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}

#pin,
#b-pin,
#d-pin,
#dse-pin {
  font-family: 'password';
}

.modal-footer-text {
  color: #a3a3a3;
  font-size: 12px;
}

.btn:focus {
  background-color: #008ae5;
  border: 1px solid white;
  border-radius: 5px;
}

#radio-container {
  padding-left: 5px;
}

#radio-header {
  color: #9e9e9e;
}

.radio-option-label {
  color: black;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
  background-color: #0099ff !important;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
  border: 2px solid #0099ff !important;
}

[type="radio"]:not(:checked)+span,
[type="radio"]:checked+span {
  padding-left: 26px;
  font-size: 13px;
  line-height: 23px;
}

[type="radio"]+span:before,
[type="radio"]+span:after {
  width: 14px;
  height: 14px;
}

select {
  border: 1px solid #9e9e9e;
  border-radius: 5px;
  background-color: #fdfdfd42;
}

.shepherd-content {
  border: 1px solid black;
}

[data-popper-placement="bottom"] .shepherd-arrow:before {
  border-top: 1px solid black;
  border-left: 1px solid black;
}

[data-popper-placement="right"] .shepherd-arrow:before {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

[data-popper-placement="left"] .shepherd-arrow:before {
  border-right: 1px solid black;
  border-top: 1px solid black;
}

#modal2 {
  border: 2px solid black;
  border-radius: 10px;
}

#modal2-trigger {
  height: 64px;
}

#controller-id-table-container {
  padding: 0px;
}

#modal2 .row {
  margin-bottom: 0px;
}

#modal2 .modal-content {
  padding-bottom: 4px;
}

#modal2 .modal-footer {
  border-top: 2px solid slategray;
  margin-top: 4px;
  height: 48px;
}

#modal2-close-btn {
  margin: 1px 0;
}

#controller-id-table-container table thead tr {
  background-color: #c2dcdd;
}

#controller-id-table-container table {
  border: 2px solid black;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 5px;
}

.cid-table-btn {
  height: 30px;
  line-height: 30px;
}

.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 24
}

#delete-table {
  font-size: 12px;
}

table.dataTable>tbody>tr.selected>* {
  box-shadow: inset 0 0 0 9999px red !important;
}

table.dataTable.hover>tbody>tr.selected:hover>*,
table.dataTable.display>tbody>tr.selected:hover>* {
  box-shadow: inset 0 0 0 9999px #ff5454 !important;
}

#delete-btn {
  background-color: red;
}

#shuttle-picker-container {
  margin-bottom: 30px;
}

#shuttle-picker-container>div.col.s10 {
  display: flex;
  justify-content: space-between;
}

#shuttle-picker-container>div>label>span {
  color: black;
  font-size: 16px;
}

/*#shuttle-picker-container+div > input[name="shuttle-name"]:checked+span:before {
    border: 2px solid red !important;
  }*/

#shuttle-picker-container>.col.s10>label>input:checked+span:before {
  border: 2px solid #ff006d !important;
}

#shuttle-picker-container>.col.s10>label>input:checked+span:after {
  border: 2px solid #ff006d !important;
  background-color: #ff006d !important;
}

#shuttle-header {
  display: block;
  color: #9e9e9e;
}

#pick-up-type option:checked {
  background-color: #0099ff;
  color: white;
}

#holiday-left {
  position-anchor: --primaryContainerAnchor;
  position: absolute;
  position-area: top left;
  transform: translateY(140%);
  /* z-index: -999; */
}

#holiday-right {
  position-anchor: --primaryContainerAnchor;
  position: absolute;
  position-area: top right;
  transform: translateY(140%);
  /* z-index: -999; */
}

#modal-close-btn:focus {
  border: 2px solid #0099ff;
}

#dse-table {
  padding: 10px 5px;
}

.row-delete-btn {
  cursor: pointer;
}

@media only screen and (min-width: 993px) {
  nav a.sidenav-trigger {
    display: inherit
  }
}

nav .sidenav-trigger {
  float: none;
  position: inherit;
  z-index: auto;
  margin: 0
}

#form-controller-value.attention-outline {
  border: 2px solid red;
  border-radius: 5px;
}

#priority-container {
  margin-top: 10px;
  display: none;
}

#prio-table {
  margin-bottom: 10px;
}

#prio-table td {
  padding: 8px 5px;
}

#additional-details-content {
  border: 2px solid black;
  border-radius: 5px;
  margin: 5px 0 5px 0;
  padding: 0 5px 0 8px;
}