/*@import"//fonts.googleapis.com/css?family=Palatino Linotype";*/

/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
  width: 960px;
  margin: 50px auto;
}

body {
  color: #004699;
}

span.ContainerNr {
  color: black;
  text-align: center;
  font-size: 20px;
}
span.Reference {
  color: black;
  text-align: center;
  font-size: 14px;
}

h2 {
  text-align: center;
  border-radius: 10px 10px 0 0;
  margin: -10px -40px;
  padding: 15px;
}

p.localTitle {
  text-align: center;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
  margin: -10px -40px;
  padding: 15px;
}

div.loginform {
  display: block;
  text-align: center;
}
form.login {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 300px;
  border-radius: 10px;
  text-align: center;
  border: 2px solid #ccc;
  padding: 10px 40px 25px;
  margin-top: 10px;
}
hr {
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 10px -40px;
  margin-bottom: 30px;
}

.full-width {
  width: 100%;
}

.borderless td,
.borderless th {
  border: none;
}

input[type="text"],
input[type="password"] {
  width: 99.5%;
  /*padding:10px;*/
  border: 1px solid #ccc;
  padding-left: 5px;
  font-size: 16px;
}

.full-width-input {
  width: 99.5%;
  /*padding:10px;*/
  border: 1px solid #ccc;
  padding-left: 5px;
  font-size: 16px;
}

input[type="submit"],
input[type="button"] {
  width: 120px;
  background-color: #009FE3;
  color: #fff;
  border: 2px solid #000000;
  padding: 5px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 5px;
}

select.quickSelectDropDown {
  font-size: 14px;
  height: 35px;
  width: 80px;
}

select.actionDropDown {
  font-size: 14px;
  height: 35px;
  width: 180px;
}

input[type="text"].number {
  font-size: 14px;
  height: 14px;
  width: 80px;
}

input[type="text"].ref {
  font-size: 14px;
  width: 200px;
}

#profile {
  padding: 50px;
  border: 1px dashed grey;
  font-size: 20px;
  background-color: #dce6f7;
}

table.layouttable {
  border: 1px;
  border-style: solid;
  border-color: #dedede;
  background-color: #efefef;
  width: 100%;
}

tr.checkedAndGood {
  background-color: #dfd;
}
tr.checkedAndBad {
  background-color: #f99;
}

#logout {
  float: right;
  padding: 5px;
  border: dashed 1px gray;
}
a {
  text-decoration: none;
  /*font-size:20px;*/
  color: #009FE3;
}

.nav-item a {
  font-size: 20px;
}

.blue {
  color: #009FE3;
}

p {
  font-size: 16px;
}

td.layouttable {
  font-size: 14px;

  font-weight: bold;
}

.nav-dropdown-menu {
  width: 100%;
  text-align: center;
}

input.neworder {
  width: 400px;
}

input.inlinevalue {
  font-size: 10px;
  height: 10px;
  width: 30px;
}

input.inlinetext {
  font-size: 10px;
  height: 10px;
  width: 250px;
}

textarea.ordercomment {
  font-size: 14px;
  width: 500px;
  height: 80px;
}

table.measurementform td {
  vertical-align: middle;
}

.warning {
  color: #ff0000;
}

.today {
  color: #399440;
}

.proctoday {
  color: #7b3994;
}

.pendingdeletes {
  color: #030094;
}

.pendingInvoices {
  color: #ff9900;
}

.mipRescheduled {
  color: #ff7070;
}

.tbs_status {
  color: #33cc33;
}

.mokwaiting {
  color: #9900cc;
}

.tbi {
  color: #000099;
}

.top-buffer {
  margin-top: 20px;
}
.top-buffer-container {
  margin-top: 40px;
}

.flip {
  padding: 5px;
  text-align: left;
  background-color: #dddddd;
  border: solid 1px gray;
  font-size: 10pt;
  color: black;
  font-style: italic;
}

.panel {
  text-align: left;
  padding: 5px;
  display: none;
  background-color: #aaaaaa;
  border: solid 1px #111111;
  font-size: 10pt;
  color: black;
}

.actionImg {
  height: 22px;
  margin-right: 5px;
}

.bootstrap-datetimepicker-widget {
  display: block !important;
}

.mainContainer-min-width {
  /*margin-top: 110px;*/
}

.mainContainer {
  margin-top: 10px;
}

/* Pattern styles */
/* Pattern styles */
.left-half {
  float: left;
  width: 50%;
}
.right-half {
  float: right;
  width: 50%;
}

.menu-info {
  text-align: center;
  border: solid 2px #004799;
  margin-left: 20px;
}

button.quick-select {
  margin: 5px;
}

button.multiselect {
  border: solid 1px #004799;
  color: #004799;
  margin: 5px;
}

div.toggle {
  border: solid 1px #004799;
}

/* Navbar configuration*/

.navbar {
  background-color: #004799;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffffff;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ffffff;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffffff;
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: 0.25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffffff;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffffff;
  background-color: #362a80;
}
.navbar .navbar-toggle {
  border-color: #362a80;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #362a80;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ffffff;
}

.navbar-brand > img {
  height: 100px;
  margin-top: -65px;
  margin-bottom: -65px;
}

@media (max-width: 575px) {
  .mainContainer-min-width {
    /*margin-top: 160px;*/
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #7b8a8b;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #362a80;
  }
  h1 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .mainContainer-min-width {
    /*margin-top: 160px;*/
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #7b8a8b;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #362a80;
  }
  .navbar {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .mainContainer-min-width {
    /*margin-top: 160px;*/
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #7b8a8b;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #362a80;
  }
}

@media (max-width: 1199px) {
  .mainContainer-min-width {
    /*margin-top: 160px;*/
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #7b8a8b;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #362a80;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #7b8a8b;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #362a80;
}

.dropdown-item {
  padding: 0rem 1.5rem;
}

/* Round checkbox */

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

.round label:after {
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 3px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 6px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.btn-primary {
  background-color: #009FE3;
  border-color: #009FE3;
  color: #000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #004799;
  border-color: #004799;
}

.btn-outline-primary {
  border-color: #004799;
  color: #004799;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #004799;
  border-color: #004799;
}

.multiselect.dropdown-toggle.btn.btn-default {
  background-color: white;
}

.vertical-align-middle {
  display: flex;
  align-items: center;
}

.table th,
.table td {
  padding: 0px;
}

.white-background {
  background: #fff !important;
}

.min-width {
  min-width: 900px;
}

.conclusionButtons {
  margin: 10px;
}

.inputSubstance {
  min-width: 50px;
}

.toggle-on {
  right: 42% !important;
  width: 50%;
}

.toggle-off {
  padding-left: 10px !important;
}

.move-left {
  width: 15px;
  box-shadow: none;
}

.portal-select-icon a {
  font-size: 200px;
}

.portal-select-icon {
  font-size: 200px;
}

.portal-select-icon {
  text-align: center;
}

.suspendedIcon {
  position: absolute;
  top: 0px;
  text-align: center;
  width: 50%;
  font-size: 10%;
  color: red;
}

.red-border {
  border-color: red !important;
}

.no-border {
  border: none !important;
}

.red-color {
  color: red !important;
}

.red-color a {
  color: red !important;
}

/* Button used to open the chat form - fixed at the bottom of the page */
.open-chat-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 0px; /*23px;*/
  right: 0px; /* 28px; */
  /*width: 280px;*/
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0px; /*15px;*/
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.chat-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.chat-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 75px;
}

/* When the textarea gets focus, do something */
.chat-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.chat-container .btn {
  background-color: #4caf50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.chat-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.chat-container .btn:hover,
.open-button:hover {
  opacity: 1;
}

.chat-history {
  overflow: auto;
  max-height: 50vh;
}

.chat-item {
  background-color: lightgrey;
  margin: 3px;
}

.chat-item img {
  max-width: 60px;
  margin: 2px;
  cursor: pointer;
}

.chat-item-timestamp {
  float: right;
}

#overlay {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  z-index: 10;
}

#overlay img {
  max-width: 70%;
  max-height: 70%;
  position: fixed;
  border-radius: 5px;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-portal-select {
  font-size: 30px;
  margin-left: 6px;
  margin-right: 6px;
}

.deactivated {
  text-decoration: line-through;
}

.footer {
  z-index: -1 !important;
}

.circle {
  background: #362a80;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
}

.page-link {
  background-color: #004799 !important;
}

.page-link.active {
  background-color: #009FE3 !important;
}

.page-link:hover {
  background-color: #009FE3 !important;
}

.line-through {
  text-decoration: line-through;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}