#nav-icon1 {
  width: 2vw;
  height: 5vh;
  max-height: 50px;
  margin-right: 2vw;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: inline;
  position: absolute;
  height: 0.75vh;
  max-height: 7.5px;
  width: 100%;
  background: #d3531a;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
div#InlineContent.Minified {
  height: 0;
}
#InlineContent>#inputArea>.container-fluid>.PageContent{
  width:600px;
}
#RefenceInfoDetailInSpecForm {
  overflow: scroll;
}
div#RefenceInfoDetailInSpecForm>.modal-dialog{
  left: 10%;
  position: absolute;
  margin-top: 2vh;
}
div#RefenceInfoDetailInSpecForm>.modal-dialog>.modal-content {
  width:70vw;
}
#AllTaskRequestsForMyPriority>thead>tr>th{
  font-size: 1rem;
}
#nav-icon1 span:nth-child(1) {
  top: 10%
}
#nav-icon1 span:nth-child(2) {
  top: 40%
}
#nav-icon1 span:nth-child(3) {
  top: 70%
}
.mh-80vh {
  max-height: 80vh;
}
.autoScroll{
  overflow: scroll;
}
#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
div#CustomInPutModal-Container {
  /*Moet hoger zijn dan de estimate form*/
  z-index: 1051;
}
#ContainerCommentBox-Modal>.modal-content {
  overflow-y: scroll;
  max-height: 50vh;
}
.table-striped>thead>tr>th{
  cursor: pointer;
}
.bordered-dashed{
  border: 0.01vw dashed;
  padding: 0.5vw;
}
.AlreadySelectedToChange {
  position: absolute;
  right: -16vw;
  width: 15vw;
  top: 0;
}
.AlreadySelectedToChange>button {
  max-width: 10vw;
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.x-scroll-auto{
  overflow-x: auto;
}
.fr{
  float: right;
}
.margin-min{
  margin: 0.5vw;
}
.OverWriteNonModal-modal-body {
  max-height: 90vh;
  overflow-y: auto;
}
#EstimateDetail>.modal-dialog.modal-dialog-centered{
  max-width: 98%
}
pre.UserLog {
  max-height: 10vh;
  overflow-y: auto;
  max-width: 20vw;
}
.PageContent{
  width: 100vw;
  height: auto;
  float: left;
  text-align: center;
  background-color: #fff;
  position: relative;
}
#OverViewBufferModal>.modal-dialog{
  max-width: 75vw;
}
.border-r-5{
  border-radius: 5px;
}
.c-red-fw600 {
  color: red;
  font-weight: 600;
}
nav.navbar.navbar-light.bg-light.border-bottom.fixed-top.navbar-expand-custom.fixed-under-top {
  max-height: 60px;
}
.fixed-under-top,.fixed-top {
  position: relative;
  top: 0px;
  right: 0;
  left: 0;
  max-height: 60px;
}
thead.header-fixed {
  /*Parent table needs position relative*/
  position: sticky;
  top: 0px;
  background-color: white;
}
.overflowXscroll{
  overflow-x: auto;
}
.w20{
  width:20px;
}
.w40{
  width:40px;
}
.min-w-100{
  min-width: 100px;
}
.min-w-160{
  min-width: 160px;
}
.min-w-180{
  min-width: 180px;
}
.min-w-90vw{
  min-width: 90vw;
}
.max-w-100{
  max-width: 100px;
}
.max-w-400{
  max-width: 400px;
}
.max-w-150{
  max-width: 150px;
}
.max-w-200{
  max-width: 200px;
}
.max-w-250{
  max-width: 250px;
}
.TextNotShown{
  text-indent: -9999px;
}
#PersonalMenuDropOptions>a>i {
  padding-left: 25px;
}
.DoubleLicensePlate{
  background-color: #adff2f !important;
  color: #000000;
}
.blurry-text-big {
   color: transparent !important;
   text-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
}
.Grid{
  display: grid;
}
@media (min-width: 1080px) {
  .RemoveThisTask{
    width: 10vw;
    height: 5vh;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    color: inherit;
    font-size: 1.5rem;
  }
  .EditTruckerInfo, .RemovePendingBtn{
    width: 10vw;
    height: 5vh;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    color: inherit;
    font-size: 1.5rem;
  }
  .navbar-expand-custom {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-custom .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-custom .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-custom .navbar-collapse {
    display: flex!important;
  }
  .navbar-expand-custom .navbar-toggler {
    display: none;
  }
  .navbar-expand-custom .navbar-nav .dropdown-menu {
    position:absolute;
  }
  /*
  .modal-FitWidth{
    max-width: 50vw;
    width: auto;
  }
    */
  .OnlyPortrait{
    display: none;
  }
}
div#notification-box {
  position: sticky;
  top: 4vh;
  left: 50%;
  width: fit-content;
  padding: 0.5vw;
  /* background-color: lightgreen; */
  z-index: 1051;
  font-size: 1.25rem;
  border-radius: 5px;
  text-align: center;
  pointer-events: none;
  transform: translate(-40%, 0);
}
div#StatusOfPictureTaken {
  position: absolute;
  top: 0;
  left: 50%;
  width: fit-content;
  padding: 0.5vw;
  /* background-color: lightgreen; */
  z-index: 1051;
  font-size: 1.25rem;
  border-radius: 5px;
  text-align: center;
  pointer-events: none;
  transform: translate(-40%, 0);
}

.MegaLb>div,.BackBtn,.Quay1207Overview>div,.Quay913Overview>div{
  cursor: pointer;
}
@media screen and (max-width: 1080px){
  /*HERE WE RIGHT CODE FOR BOTH LANDSCAPE AND PORTRAIT*/
  #ReferencesBtn{
    display: none;
  }
  .MegaLb>div,.BackBtn,.Quay1207Overview>div,.Quay913Overview>div{
    font-size: 7px;
    cursor: pointer;
  }
  table#WaterWashTable,table#StockTable,table#ContainersWaitingRepairTable,table#StatusTable {
    overflow-x: auto;
    display: inline-block;
  }
  .modal-dialog-small{
  max-width: 95vw;
    width: auto;
    left: 0;
}
  .PortraitFalse{
    display: none;
  }
  @media screen and (orientation:landscape) {
    .LandscapeFalse{
      display: none;
    }
    .OnlyPortrait{
      display: none;
    }
  }
  @media screen and (orientation:portrait) {
    .PortraitFalse{
      display: none;
    }
  }
}
.align-left{
  margin-left: -100px;
}
.EstimateViewed{
  background-color: green !important;
}
#start_button{
  max-height: 45px;
}
button.btn.btn-warning.quickEditEstimate {
  float: right;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
input#SearchContainerMainNavbarValue {
  max-width: 150px;
}
.noselect, #sidebar-wrapper, #PersonalMenuDropOptions, #navbarDropdownMenuLink {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#WebPageMainNavbar > ul > .nav-item > .nav-link {
  display: flex;
  align-items: center;
}
#WebPageMainNavbar > .navbar-nav > .dropdown {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.3s ease;
  background-color: ghostwhite;
}
#PersonalMenuDropOptions {
  position: absolute;
  right: 0;
  left: auto;
  min-width: 280px;
}
body{
  background-color:white;
  height: max-content;
  min-height: 100vh;
  min-width: 100vw;
  width: max-content;
}
.inline-subpage-navbar {
  top: 3.2vh;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 3vh;
}
.html-icon{
  background-image: url("../Images/html.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.testReefer{
  background-image: url("../Images/Units/Reefer.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.wrapper{
  width: 100vw;
  height: auto;
  float: left;
  text-align: center;
}
.blurry-text {
   color: transparent;
   text-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.favorite{
  background-image: url("../Images/star.svg");
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: top center;
}
div#StockTable_wrapper {
  overflow-x: auto;
}
#slideshow {
    margin: 50px auto;
    position: absolute;
    width: 80vw;
    height: 80vh;
    margin-left: 10vw;
    margin-top: 10vh;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
th.rotate {
  white-space: nowrap;
  position:relative;
}
th.rotate > div {
  transform: rotate(90deg);
  position:absolute;
  left:0;
  right:0;
  top: 10px;
  margin:auto;
}
#modal-content-AddContainerNotification{
  overflow-y: auto;
}

.modal-content-100 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 65%;
    pointer-events: auto;
    background-color: #accdef;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.EstimateOverLay-modal-body {
    height: 100%;
    max-height: 90vh;
    overflow-y: auto;
}
.Correct{
  background-color: #9cfca9 !important;
}
.NotCorrect{
  background-color: #ff8c63 !important;
}
.Selected{
  background-color: #9cfca9 !important;
}
.NotSelected{
  background-color: #ff8c63 !important;
}
.CompletedRepair{
  background-color: limegreen;
}
.dragIcon{
  position: fixed;
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background-image: url("../Images/DragIcon.png");
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
#inputArea{
  display: none;
}
#ConvertResult{
  display: block;
  float: right;
}
#TextToConvertNumbers{
  width:8vw;
  height: 9vh;
}
.btn_active {
  border-color: #49f903 !important;
  border-width: 2px !important;
}
.scrollY{
  overflow-y: scroll;
}
.Status_SND{
  background-color: #adff2f !important;
  color: #000000;
}
.Status_AQC{
  background-color: #00ffff !important;
  color: #000000;
}
.Status_DAUL{
  background-color: #73ff73 !important;
  color: #000000;
}
.Status_NOP{
  background-color: #808080 !important;
  color: #000000;
}
#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
#ContainerCommentBox{
  background-color: #ffe396;
}
.lds-hourglass {
  display: none;
  position: relative;
  left:45%;
  width: 10vw;
  height: 10vw;
  color: red;
}
.hidden{
  display: none;
}

.hiddenImportant{
  display: none !important;
}
.HiddenImportant{
  display: none !important;
}
.show-inlineblock{
  display: inline-block;
}
#OverViewReferencesModal{
    overflow-y: scroll;
  }
.References-modal-body {
    padding: 0.5vw;
}
.StatsOptions-modal-body {
    padding: 0.5vw;
}
.fa-cubes {
  color: black;
}
#ReferenceTable{
  width: 100%;
}
#ReferenceTable input,#MovesTable input, #HandlingsTable input{
  width: 3vw;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #ff1f1f;
  border-color: #ff1f1f transparent #ff1f1f transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

#QuantitySelectedOption, #ContainerNumberSelectedOption{
  display: none;
}
#PowerBiStats{
  top: 3vh;
  width: 100%;
  height: 95vh;
}
.ClientInStack{
  font-size: 0.5em;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.table td.table-fit,
.table th.table-fit {
  white-space: nowrap;
  width: 1%;
}
.active-done{
  background-color: #41fc03 !important;
}
.smallerFontSize {
  font-size: 0.6rem !important;
}
#SearchBtnCustom{
  display: inline;
}
.MovesStatsForm-modal-body, .MovesContent{
  width: 90vw;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  width:100%;
    position: relative;
    display: inline-block;
  }
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  width:100%;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    font-size: 1.5em;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
/* Links inside the dropdown */
.dropdown-content a {
  width:100vw;
    color: black;
    padding: 2vw;
    text-decoration: none;
    display: block;
  }
.container-fluid-w100{
  width: 100%;
}
.loader {
  border: 1vw solid #f3f3f3; /* Light grey */
  border-top: 1vw solid #3498db; /* Blue */
  border-radius: 50%;
  width: 10vw;
  height: 10vw;
  animation: spin 2s linear infinite;
  display: none;
}
.AjaxLaderSmall{
  border: 0.5vw solid #f3f3f3; /* Light grey */
    border-top: 0.5vw solid #ff2a00; /* Blue */
    border-radius: 50%;
    width: 2.5vw;
    height: 2.5vw;
    animation: spin 2s linear infinite;
    display: inline-block;
}
.loadervisible {
  border: 1vw solid #f3f3f3; /* Light grey */
  border-top: 1vw solid #3498db; /* Blue */
  border-radius: 50%;
  width: 10vw;
  height: 10vw;
  animation: spin 2s linear infinite;
  display: block;
}
.loader1vwcentered {
  border: 0.2vw solid #f3f3f3; /* Light grey */
  border-top: 0.2vw solid #3498db; /* Blue */
  border-radius: 50%;
  width: 1vw;
  height: 1vw;
  animation: spin 2s linear infinite;
  display: block;
  margin-left:40%;
}
.form-control-NoBackGround {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-NoBackGround::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control-NoBackGround:focus {
  color: #495057;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control-NoBackGround::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.SearchEstimateFrm{
  width: 99vw;
  height: 4vh;
  display: block;
  border: 1px solid;
  padding-top: 1vh;
}
.SearchEstimateFrm input[type="text"]{
  float: left;
  margin-left: 1vw;
}
.SearchEstimateFrm button{
  float: left;
  margin-left: 1vw;
}
.form-control-NoBackGround:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround:disabled, .form-control-NoBackGround[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control-NoBackGround:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
select.form-control-NoBackGround:focus::-ms-value {
  color: #495057;
}
.form-control-NoBackGround-Small {
  display: block;
  width: 18vw;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-NoBackGround-Small::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control-NoBackGround-Small:focus {
  color: #495057;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control-NoBackGround-Small::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround-Small::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround-Small:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround-Small::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround-Small::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control-NoBackGround-Small:disabled, .form-control-NoBackGround-Small[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control-NoBackGround-Small:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
select.form-control-NoBackGround-Small:focus::-ms-value {
  color: #495057;
}
.blink_me {
  animation: blinker 1s linear infinite;
  color: #ff0000;
}
.NewNotificationCount,.NewMessages{
  color: red;
  font-size: medium;
}
@keyframes blinker {
  50% { opacity: 0; }
}
.bordered-greenSolid{
  background-color:#28a745;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5vw #28a745;
}
.bordered-green{
  background-color:#d8e4db;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5vw #28a745;
}
.bordered-orange{
  background-color:#ffa51e;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5vw #ffa51e;
}
.bordered-orange-small{
  background-color:#ffa51e;
  -webkit-border-radius: 0.01vw;
  -webkit-box-shadow: 0 0 0.5vw #ffa51e;
}
.bordered-green-small{
  background-color:#28a745;
  -webkit-border-radius: 0.01vw;
  -webkit-box-shadow: 0 0 0.5vw #28a745;
}
.bordered-red-small{
  background-color: #f48341 !important;
}
.bordered-flashygreen-small{
  background-color: #49f903 !important;
}
.TempInfo{
  display: none;
}
.VentInfo{
  display: none;
}
.HumidityInfo{
  display: none;
}
.DrainsInfo{
  display: none;
}
.PotentialReeferInfo{
  display: none;
}
#ShowMessageBox{
  display: none;
}
#ShowMessageBoxInEstimateDetail{
  display: none;
}
#MessageBox{
  z-index: 1060;
}
.ice{
  background-color: #cce6ff;
}
.hot{
  background-color: #ffb399;
}
.fa-gate {
  background-image: url("../Images/Gate.svg");
  content: url("../Images/Gate.svg");
  width: 25px;
}
.EstimateFileBlocked{
  background-image: url("../Images/Lock.svg") !important;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
    top: 1px;
    display: block;
  width: 25px;
  height: 25px;
}
.EstimateFileNotBlocked{
  background-image: url("../Images/unlock.svg") !important;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  top: 1px;
  display: block;
  width: 25px;
  height: 25px;
}
#StackLayoutRb .EstimateFileNotBlocked, .StackLayoutClass .EstimateFileNotBlocked{
  background-image: url(../Images/unlock.svg) !important;
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
}
#minimized-containers .EstimateFileNotBlocked{
  background-image: url(../Images/unlock.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
#PlusOrMin, #TemperatureValue, #VentValue, #VentSign, #HumidityValue, #DrainsValue {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-size: 2.5rem;
  width: 10vw;
  height: 5vh;
}
#PendingTasks{
  overflow-x: scroll;
  overflow-y: scroll;
}
.PendingTasks-modal-body table td,th{
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 1.5rem;
}
.ReferenceDetail-modal-body table td,th, #SummaryDescription{
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 1.5rem;
}
#ReferenceDetail{
  overflow-x: scroll;
}
.RefBtnInfo{
  width: 5vw;
  height: 5vh;
}
.AcceptThisTask, .PreBarrierCheckThisContainer{
  width: 10vw;
  height: 5vh;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 1.5rem;
}
.TaskAcceptedBtn, .RefDetailSelectContainerForTask{
  width: 10vw;
  height: 5vh;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
}
.UnAcceptThisTask{
  width: 6vw;
  height: 6vh;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 0.9vw;
  background-color: #f4b342;
}
.CloseTaskBtn{
  width: 6vw;
  height: 6vh;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 0.9vw;
  background-color: #aaab9f;
}
.SelectContainerForTask{
  width: 12vw;
  height: 6vh;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 0.9vw;
  background-color: #f4b342;
}
.RefDetailSelectContainerForTask{
  background-color: #D0CACA;
}
.FinsihTask{
  width: 6vw;
  height: 6vh;
  margin-bottom: 0.5rem;
  font-family: inherit;
  line-height: 1.2;
  color: inherit;
  font-size: 0.9vw;
  background-color: #a3f441;
}
#ReferenceOutTitle{
  margin-left: 10%;
  width: 80%;
  text-align: center;
  height: 20vh;
  background-image: url("../Images/ContainerOut.gif");
  background-repeat: no-repeat;
  background-size:100% 100%;
}
#ReferenceInTitle{
  margin-left: 10%;
  width: 80%;
  text-align: center;
  height: 20vh;
  background-image: url("../Images/ContainerIn.gif");
  background-repeat: no-repeat;
  background-size:100% 100%;
}

.BackBtnSubPlanContent, .BackBtn {
  top: 1vh;
  right: 1vw;
}
.BackBtnSubPlanContentLittleMoreLeft{
  top: 1vh;
  right: 10vw;
  }
.BackBtnSubPlanContentBottom {
  bottom: 1vh;
  right: 1vw;
}
.BackBtn,.BackBtnSubPlanContent,.BackBtnSubPlanContentLittleMoreLeft,.BackBtnSubPlanContentBottom {
  position: absolute;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 7vh;
  background-position: center;
  background: white;
  display: block;
  width: 7vh;
  height: 9vh;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 0 #688099;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 0px #688099;
  font-size: 1.4vw;
  color: rgb(169,22,5) !important;
  cursor: pointer;
  padding-top: 20px;
  border: 1px solid white;
  font-size: 1vw;
  background-color: lavenderblush;
}
@keyframes spin {
  0% {  transform: rotate(0deg); }
  100% {  transform: rotate(360deg); }
}
@media screen and (orientation:landscape) {
  .CargoImage {
      right: 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 10vh;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
  }
  .PageContent{
    width: 100vw;
    height: auto;
    float: left;
    text-align: center;
    background-color: #fff;
    position: relative;
  }
  .PageContent-marginTop{
    width: 100vw;
    height: auto;
    float: left;
    top: 4vh;
    text-align: center;
    background-color: #fff;
    position: relative;
  }
  .MonitoringHeaderMenu {
    margin-bottom: 2vh;
  }
  .StackMenuRb,.StackMenuMonitoring{
    position: absolute;
    top:  calc(calc(100vh / 8) + 1vh);
    right:1vw;
    border: 0.05vw solid black;
    width:calc(calc(100vw / 14)*2);
    height: calc(96vh - calc(100vh / 5.5));
    overflow-y: scroll;
  }
  .ChangeLocation{
    font-size: 1vw;
  }
  .LargerBtn{
    height: calc(100vh / 12);
    font-size: 0.9vw;
  }
  .ContainerRbSpecLocation{
    vertical-align: text-top;
    font-size: 0.9vw;
    margin: 0.2vw;
    width:calc(100vw / 14);
    height: calc(100vh / 8);
    background-color: transparent;
    /*border: none;*/
    cursor: pointer;
  }
  .EightHighStack>tbody>tr>td>button.ContainerRbSpecLocation{
    height: calc(100vh / 9);
  }
  .StackThickness12>tbody>tr>td>button.ContainerRbSpecLocation{
    width:calc(100vw / 19);
    font-size: 0.7vw;
  }
  .StackThickness13>tbody>tr>td>button.ContainerRbSpecLocation{
    width:calc(100vw / 19);
    font-size: 0.7vw;
  }
  .StackThickness14>tbody>tr>td>button.ContainerRbSpecLocation{
    width:calc(100vw / 19);
    font-size: 0.7vw;
  }
  .StackThickness15>tbody>tr>td>button.ContainerRbSpecLocation{
    width:calc(100vw / 19);
    font-size: 0.7vw;
  }
  .smallBorderRoundContainer{
    border: 0.01vw solid rgb(0, 0, 0);
  }
  .StackContentRb{
    width: 100vw;
    height: 96vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
  }
  .StackContentMonitoring{
    width: 100vw;
    height: 96vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
  }
  .SubPlanContent{
    width: 99vw;
    height: 96vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
  }
  .SubPlanContent > div > div{
    cursor: pointer;
  }
  .BackBtn.Small{
    position: absolute;
    top:0;
    right:1vw;
    background-image: url("../Images/MakeEstimate/Resources/Button-Back-1-512.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    display: inline-block;
    width:calc(100vw / 18);
    height: calc(100vh / 12);
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
    font-size: 1.5vw;
    color: white;
    cursor: pointer;
  }
  .SubPlanContentMonitoring1207{
    height: 92vh;
    width: 99vw;
    position: relative;
    display: block;
  }
  .SubPlanContentMonitoring1207 > *{
    display: none;
  }
  .StackContentMonitoring1207{
    width: 100vw;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .StackA1,.StackB1,.StackC1,.StackD1,.StackE1,.StackA2,.StackB2,.StackC2,.StackD2,.StackE2,.StackA3,.StackB3,.StackC3,.StackD3,.StackE3,.StackA4,.StackB4,.StackC4,.StackD4,.StackE4,.StackA5,.StackB5,.StackC5,.StackD5,.StackE5,.StackA6,.StackB6,.StackC6,.StackD6,.StackE6,.StackA7,.StackB7,.StackC7,.StackD7,.StackE7{
    width:10vw;
    height: calc(100vh / 10);
    background-color:#42eef4;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
    position: absolute;
  }
  .StackA1{
    margin-left: 14vw;
    margin-top: 3vh;
  }
  .StackB1{
    margin-left: 26vw;
    margin-top: 3vh;
  }
  .StackC1{
    margin-left: 38vw;
    margin-top: 3vh;
  }
  .StackD1{
    margin-left: 50vw;
    margin-top: 3vh;
  }
  .StackE1{
    margin-left: 62vw;
    margin-top: 3vh;
  }
  .StackA2{
    margin-left: 14vw;
    margin-top: 15vh;
  }
  .StackB2{
    margin-left: 26vw;
    margin-top: 15vh;
  }
  .StackC2{
    margin-left: 38vw;
    margin-top: 15vh;
  }
  .StackD2{
    margin-left: 50vw;
    margin-top: 15vh;
  }
  .StackE2{
    margin-left: 62vw;
    margin-top: 15vh;
  }
  .StackA3{
    margin-left: 14vw;
    margin-top: 25.5vh;
  }
  .StackB3{
    margin-left: 26vw;
    margin-top: 25.5vh;
  }
  .StackC3{
    margin-left: 38vw;
    margin-top: 25.5vh;
  }
  .StackD3{
    margin-left: 50vw;
    margin-top: 25.5vh;
  }
  .StackE3{
    margin-left: 62vw;
    margin-top: 25.5vh;
  }
  .StackA4{
    margin-left: 14vw;
    margin-top: 37.5vh;
  }
  .StackB4{
    margin-left: 26vw;
    margin-top: 37.5vh;
  }
  .StackC4{
    margin-left: 38vw;
    margin-top: 37.5vh;
  }
  .StackD4{
    margin-left: 50vw;
    margin-top: 37.5vh;
  }
  .StackE4{
    margin-left: 62vw;
    margin-top: 37.5vh;
  }
  .StackA5{
    margin-left: 14vw;
    margin-top: 48vh;
  }
  .StackB5{
    margin-left: 26vw;
    margin-top: 48vh;
  }
  .StackC5{
    margin-left: 38vw;
    margin-top: 48vh;
  }
  .StackD5{
    margin-left: 50vw;
    margin-top: 48vh;
  }
  .StackE5{
    margin-left: 62vw;
    margin-top: 48vh;
  }
  .StackA6{
    margin-left: 14vw;
    margin-top: 60vh;
  }
  .StackB6{
    margin-left: 26vw;
    margin-top: 60vh;
  }
  .StackC6{
    margin-left: 38vw;
    margin-top: 60vh;
  }
  .StackD6{
    margin-left: 50vw;
    margin-top: 60vh;
  }
  .StackE6{
    margin-left: 62vw;
    margin-top: 60vh;
  }
  .StackA7{
    margin-left: 14vw;
    margin-top: 70.5vh;
  }
  .StackB7{
    margin-left: 26vw;
    margin-top: 70.5vh;
  }
  .StackC7{
    margin-left: 38vw;
    margin-top: 70.5vh;
  }
  .StackD7{
    margin-left: 50vw;
    margin-top: 70.5vh;
  }
  .StackE7{
    margin-left: 62vw;
    margin-top: 70.5vh;
  }
  .WrongLocation{
    position: absolute;
    margin-left: 78vw;
    margin-top: 3vh;
    width:20vw;
    height: 12vh;
    background-color:#ffad3a;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  .OnlySetpoint{
    position: absolute;
    margin-left: 78vw;
    margin-top: 48vh;
    width:20vw;
    height: 12vh;
    background-color:#89fffd;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  .Magazine{
    position: absolute;
    margin-left: 78vw;
    margin-top: 65vh;
    width:20vw;
    height: 12vh;
    background-color:#37a5ef;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  #Layout1207Table{
    margin-left: 25vw;
    display: flex;
    height: 100vh;
  }
  #Layout1207Table button{
    width:6vw;
    height: 10vh;
    margin: 0.5vw;
    display: hidden;
    background-color: #f9f9f9;
    height:80px;
  }
  .ContainerMonitoringEFPSpecLocation{
    text-align: center;
    font-size: 0.9vw;
    margin: 0.2vw;
    width: calc(100vw / 8);
    height: calc(90vh / 4.1);
    background-color: transparent;
    visibility: hidden;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
    cursor: pointer;
    position: relative;
  }
  tfoot{
    font-weight: bold;
  }
  .ContainerMonitoringEFPSpecLocation h1{
    margin-top: 0;
    text-align: top;
    text-align: center;
    font-size: 1vw;
    width: 100%;
  }
  .ContainerMonitoringEFPSpecLocation p{
    text-align: top;
    text-align: center;
    margin-top: 0;
    font-size: 0.8vw;
    width: 100%;
  }
  .ToBeMonitored{
    background-color: #ffae91;
  }
  .RecentlyMonitored{
    background-color: #9acd32;
  }
  .MonitoredNotPluggedIn{
    background-color: #ffffff;
  }
  /*Monitoring DETAIL CONTAINER-------------------------------------------------------- */
  #ContainerNumber{
    float:left;
    width:100%;
  }
  #ContainerMonitoringInfoText{
    float:left;
    width: 30%;
  }
  #MonitoringHistory{
    float:left;
    width:60%;
  }
  #MonitoringHistory{
    margin-left: 10px;
  }
  .ContainerMonitoringDetail{
    float:left;
    width:100%;
    height:auto;
    border:1px solid black;
  }
  #SaveBtnMonitoring button{
    width:100%;
    background:#0F0;
    display: none;
  }
}
.scrollable-dialog {
  max-height: 80vh; /* You can adjust this height as needed */
  overflow-y: auto;  /* Enable vertical scrolling */
}
@media screen and (orientation:portrait) {
  .PageContent.outside-damages-wrapper>.tabbable>.tab-content>.tab-pane{
    min-width: 800px;
  }
  .CargoImage {
      right: 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 10vw;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
  }
  .PageContent{
    width: 100vw;
    max-width: 100vw;
    min-width: 800px;
    height: auto;
    text-align: center;
    background-color: #fff;
    position: relative;
  }
  .PageContent-marginTop{
    width: 100vw;
    max-width: 100vw;
    height: auto;
    float: left;
    top: 7.5vh;
    text-align: center;
    background-color: #fff;
    position: relative;
  }
  .StackMenuRb,.StackMenuMonitoring{
    position: absolute;
    top:  12vh;
    right:1vw;
    border: 0.05vw solid black;
    width:calc(calc(100vw / 14)*2);
    height: calc(50vh - calc(100vh / 5.5));
    overflow-y: scroll;
  }
  .LargerBtn{
    height: calc(50vh / 12);
    font-size: 0.9vw;
  }
  .ContainerRbSpecLocation{
    text-align: top;
    font-size: 0.9vw;
    margin: 0.2vw;
    width:calc(100vw / 14);
    height: calc(45vh / 8);
    background-color: transparent;
    border:none;
  }
  .StackContentMonitoring{
    width: 100vw;
    height: 50vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
  }
  .StackContentRb{
    width: 100vw;
    height: 50vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
  }
  .SubPlanContent{
    margin-top: 10vh;
    width: 99vw;
    height: 50vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
  }
  .SubPlanContentMonitoring1207{
    height: 85vh;
    width: 99vw;
    margin-left:-1vw;
    position: relative;
  }
  .SubPlanContentMonitoring1207 > *{
    display: none;
  }
  .SubPlanContentMonitoring1207 > div{
    cursor: pointer;
  }
  .StackContentMonitoring1207{
    width: 100vw;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .Water{
    position: absolute;
    margin-left: 2.6vw;
    margin-top: 3vh;
    width:10vw;
    height: 80vh;
    background-color:blue;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 5px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #688099;
  }
  .StackA1,.StackB1,.StackC1,.StackD1,.StackE1,.StackA2,.StackB2,.StackC2,.StackD2,.StackE2,.StackA3,.StackB3,.StackC3,.StackD3,.StackE3,.StackA4,.StackB4,.StackC4,.StackD4,.StackE4,.StackA5,.StackB5,.StackC5,.StackD5,.StackE5,.StackA6,.StackB6,.StackC6,.StackD6,.StackE6,.StackA7,.StackB7,.StackC7,.StackD7,.StackE7{
    width:10vw;
    height: calc(100vh / 10);
    background-color:#42eef4;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
    position: absolute;
  }
  .StackA1{
    margin-left: 14vw;
    margin-top: 3vh;
  }
  .StackB1{
    margin-left: 26vw;
    margin-top: 3vh;
  }
  .StackC1{
    margin-left: 38vw;
    margin-top: 3vh;
  }
  .StackD1{
    margin-left: 50vw;
    margin-top: 3vh;
  }
  .StackE1{
    margin-left: 62vw;
    margin-top: 3vh;
  }
  .StackA2{
    margin-left: 14vw;
    margin-top: 15vh;
  }
  .StackB2{
    margin-left: 26vw;
    margin-top: 15vh;
  }
  .StackC2{
    margin-left: 38vw;
    margin-top: 15vh;
  }
  .StackD2{
    margin-left: 50vw;
    margin-top: 15vh;
  }
  .StackE2{
    margin-left: 62vw;
    margin-top: 15vh;
  }
  .StackA3{
    margin-left: 14vw;
    margin-top: 25.5vh;
  }
  .StackB3{
    margin-left: 26vw;
    margin-top: 25.5vh;
  }
  .StackC3{
    margin-left: 38vw;
    margin-top: 25.5vh;
  }
  .StackD3{
    margin-left: 50vw;
    margin-top: 25.5vh;
  }
  .StackE3{
    margin-left: 62vw;
    margin-top: 25.5vh;
  }
  .StackA4{
    margin-left: 14vw;
    margin-top: 37.5vh;
  }
  .StackB4{
    margin-left: 26vw;
    margin-top: 37.5vh;
  }
  .StackC4{
    margin-left: 38vw;
    margin-top: 37.5vh;
  }
  .StackD4{
    margin-left: 50vw;
    margin-top: 37.5vh;
  }
  .StackE4{
    margin-left: 62vw;
    margin-top: 37.5vh;
  }
  .StackA5{
    margin-left: 14vw;
    margin-top: 48vh;
  }
  .StackB5{
    margin-left: 26vw;
    margin-top: 48vh;
  }
  .StackC5{
    margin-left: 38vw;
    margin-top: 48vh;
  }
  .StackD5{
    margin-left: 50vw;
    margin-top: 48vh;
  }
  .StackE5{
    margin-left: 62vw;
    margin-top: 48vh;
  }
  .StackA6{
    margin-left: 14vw;
    margin-top: 60vh;
  }
  .StackB6{
    margin-left: 26vw;
    margin-top: 60vh;
  }
  .StackC6{
    margin-left: 38vw;
    margin-top: 60vh;
  }
  .StackD6{
    margin-left: 50vw;
    margin-top: 60vh;
  }
  .StackE6{
    margin-left: 62vw;
    margin-top: 60vh;
  }
  .StackA7{
    margin-left: 14vw;
    margin-top: 70.5vh;
  }
  .StackB7{
    margin-left: 26vw;
    margin-top: 70.5vh;
  }
  .StackC7{
    margin-left: 38vw;
    margin-top: 70.5vh;
  }
  .StackD7{
    margin-left: 50vw;
    margin-top: 70.5vh;
  }
  .StackE7{
    margin-left: 62vw;
    margin-top: 70.5vh;
  }
  .WrongLocation{
    position: absolute;
    margin-left: 78vw;
    margin-top: 3vh;
    width:20vw;
    height: 12vh;
    background-color:#ffad3a;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  .OnlySetpoint{
    position: absolute;
    margin-left: 78vw;
    margin-top: 48vh;
    width:20vw;
    height: 12vh;
    background-color:#89fffd;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  .Magazine{
    position: absolute;
    margin-left: 78vw;
    margin-top: 65vh;
    width:20vw;
    height: 12vh;
    background-color:#37a5ef;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
  }
  #Layout1207Table{
    margin-top: 10vh;
    margin-left: 25vw;
    height: 100vh;
  }
  #Layout1207Table button{
    width:6vw;
    height: 10vh;
    margin: 0.5vw;
    display: hidden;
    background-color: #f9f9f9;
    height:80px;
  }
  #StackLayout{
    margin-top: 10vh;
  }
  .ContainerMonitoringEFPSpecLocation{
    text-align: center;
    font-size: 0.9vw;
    margin: 0.2vw;
    width: calc(100vw / 8);
    height: calc(90vw / 4.1);
    background-color: transparent;
    visibility: hidden;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 50px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 50px #688099;
    cursor: pointer;
    position: relative;
  }
  .ContainerMonitoringEFPSpecLocation h1{
    margin-top: 0;
    text-align: center;
    text-align: center;
    font-size: 1.5vw;
    width: 100%;
  }
  .ContainerMonitoringEFPSpecLocation p{
    text-align: center;
    text-align: center;
    margin-top: 0;
    font-size: 1.2vw;
    width: 100%;
  }
  .ToBeMonitored{
    background-color: #ffae91;
  }
  .RecentlyMonitored{
    background-color: #9acd32;
  }
  .MonitoredNotPluggedIn{
    background-color: #FFFFFF;
  }
  /*Monitoring DETAIL CONTAINER-------------------------------------------------------- */
  .ContainerMonitoringDetail{
    width: 100vw;
    height: 47vh;
    border: 0.05vw solid black;
    position: relative;
    float: left;
    display: none;
  }
  .ContainerMonitoringDetail h1{
    font-size: 8vw;
  }
  .ContainerMonitoringDetail h2{
    font-size: 3vw;
  }
  .ContainerMonitoringDetail h3{
    font-size: 2vw;
  }
  #CommodityMonitoring{
    width: 100%;
  }
  #ContainerNumber{
    margin-top: 10vh;
    float:left;
    width:100%;
    margin-left: 1vw;
    text-align: left;
  }
  #ContainerMonitoringInfoText{
    float: left;
    width: 30%;
    font-size: 0.5vw;
    text-align: center;
  }
  #MonitoringHistory{
    float:left;
    width:60%;
  }
  #MonitoringHistory{
    margin-left: 10px;
  }

  #SaveBtnMonitoring button{
    width:100%;
    background:#0F0;
    display: none;
  }
}

.Plugged{
  background-color: #42eef4;
}
.NotPlugged{
  background-color: rgb(237, 136, 99);
}
#loginformnotloggedintable{
  text-align: center;
  width: 98vw;
  border: 1px solid black;
}
#LoggedIn{
  background: rgba(148, 240, 190, .5);
  padding: 1%;
  width: 100vw;
  -moz-border-radius:10px;
  -moz-box-shadow:0 0 2% #3399FF;
  -webkit-border-radius: 2%;
  -webkit-box-shadow: 0 0 2% #3399FF;
}
.ImageClass{
  width: 20vw;
  margin: auto;
}
.SmallImageClass{
  width: 10%;
  height: auto;
  margin-left: 0%;
}
.InputTypeText{
  margin: auto;
  width: 90vw;
  text-decoration: none;
  color:#000;
  background-color: #FFFFFF;
  padding: 1%;
  -moz-border-radius:1%;
  -moz-box-shadow:0 0 1% #3399FF;
  -webkit-border-radius: 1%;
  -webkit-box-shadow: 0 0 1% #3399FF;
}
.InputTypeText:active{
  -moz-box-shadow:0 0 1% #E30613;
  -webkit-box-shadow: 0 0 1% #E30613;
}
.SubmitBtn{
  width:90vw;
  text-decoration: none;
  color:#000;
  background-color: #FFFFFF;
  padding: 1%;
  -moz-border-radius:1%;
  -moz-box-shadow:0 0 1% #3399FF;
  -webkit-border-radius: 1%;
  -webkit-box-shadow: 0 0 1% #3399FF;
}
.SubmitBtn:hover{
  background-color: #E30613;
  -moz-box-shadow:0 0 1% #E30613;
  -webkit-box-shadow: 0 0 1% #E30613;
}
.SubmitBtn:active{
  background-color: #E30613;
  -moz-box-shadow:0 0 1% #E30613;
  -webkit-box-shadow: 0 0 1% #E30613;
}


/*
@media only screen and (max-width: 1200px)  {
  .MegaLb{
      width: 99vw;
      height: 50vw;
      border: 0.2vw solid black;
      position: relative;
    }
}
@media only screen and (min-width: 1201px)  {
}
.Mega2Content{
  width: 99vw;
  height: 95vh;
}
*/
.EUKContent{
  width: 100vw;
  height: 68vh;
}
.EUK01{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUK01{
  width: 11%;
  height: 6%;
}
.EUK11{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUK11{
  width: 11%;
  height: 18%;
}
.EUJContent{
  width: 100vw;
  height: 68vh;
}
.EUJ10, .EUJ20, .EUJ21, .EUJ30, .EUJ31, .EUJ99, .EUJ40{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUJ30, .EUJ31{
  width: 20%;
  height: 11%;
}
.EUJ30{
  left: 35%;
  bottom:50%;
  background-color: #ffffff;
}
.EUJ31{
  left: 35%;
  bottom: 38%;
  background-color: #ffffff;
}
.EUJ10{
  bottom: 15%;
  right: 20%;
  width: 11%;
  height: 11%;
}
.EUJ20{
  bottom: 15%;
  left: 15%;
  width: 11%;
  height: 11%;
}
.EUJ21{
  bottom: 0%;
  left: 15%;
  width: 11%;
  height: 11%;
}
.EUJ99{
  top: 5%;
  left: 20%;
  width: 60%;
  height: 20%;
  border: 0.1vw solid black;
  background-color: red;
}
.EUJ40{
  top: 5%;
  left: 10%;
  width: 10%;
  height: 20%;
}
.MegaKLabels01{
  position: absolute;
  left : 32%;
  bottom : 47%;
  width:2%;
  height: 5%;
  text-align: center;
}
.LabelPtiK{
  position: relative;
  top:3%;
}
/*EUA CONTENT---------------------------------------------------- */
.MegaGLabels01{
  position: absolute;
  left: 0%;
  bottom : 0%;
  width:20%;
  height: 10%;
  text-align: center;
}
.GateInZone{
  position: relative;
  bottom:0%;
  left: 20%;
}
.MegaGLabels02{
  position: absolute;
  right: 3%;
  bottom : 6%;
  width:20%;
  height: 10%;
  text-align: center;
}
.PickUpZoneEUA{
  position: relative;
  bottom:0%;
  left: 20%;
  font-size: 1.2em;
}
.EUAContent{
  width: 100vw;
  height: 68vh;
}
.EUA06,.EUA07,.EUA08,.EUA09,.EUA10, .EUA11, .EUA12, .EUA13, .EUA14, .EUA15, .EUA16, .EUA17, .EUA20, .EUA21, .EUA22, .EUA23, .EUA24, .EUA25, .EUA30, .EUA31, .EUA32, .EUA33, .EUA34, .EUA35, .EUA36, .EUA37, .EUA40, .EUA41, .EUA42, .EUA43, .EUA44, .EUA45, .EUA46, .EUA47, .EUA50, .EUA60, .EUA70, .EUA80, .EUA90{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUA10, .EUA11, .EUA12, .EUA13, .EUA14, .EUA15, .EUA16, .EUA17{
  width: 11%;
  height: 6%;
}
.EUA10, .EUA12, .EUA14, .EUA16{
  left: 0%;
}
.EUA11, .EUA13, .EUA15, .EUA17{
  left: 11%;
}
.EUA16, .EUA17{
  top: 6%;
}
.EUA14, .EUA15{
  top: 13%;
}
.EUA12, .EUA13{
  top: 28%;
}
.EUA10, .EUA11{
  top: 35%;
}
.EUA06,.EUA07,.EUA08,.EUA09,.EUA20, .EUA21, .EUA22, .EUA23, .EUA24, .EUA25, .EUA30, .EUA31, .EUA32, .EUA33, .EUA34, .EUA35, .EUA36, .EUA37, .EUA40, .EUA41, .EUA42, .EUA43, .EUA44, .EUA45, .EUA46, .EUA47{
  width: 3.7%;
  height: 26.6%;
}
.EUA07,.EUA09,.EUA21, .EUA23, .EUA25, .EUA31, .EUA33, .EUA35,.EUA37, .EUA41, .EUA43, .EUA45, .EUA47{
  top: 0%;
}
.EUA06,.EUA08,.EUA20,.EUA22, .EUA24, .EUA30, .EUA32, .EUA34,.EUA36, .EUA40, .EUA42, .EUA44, .EUA46{
  top: 27%;
}
.EUA06,.EUA07{
  left: 29%;
}
.EUA08,.EUA09{
  left: 33%;
}
.EUA21,.EUA20{
  left: 37%;
}
.EUA23, .EUA22{
  left: 41%;
}
.EUA25, .EUA24{
  left: 45%;
}
.EUA31,.EUA30{
  left: 49%;
}
.EUA33, .EUA32{
  left: 53%;
}
.EUA35, .EUA34{
  left: 57%;
}
.EUA37, .EUA36{
  left: 61%;
}
.EUA40, .EUA41{
  left: 65%;
}
.EUA42, .EUA43{
  left: 69%;
}
.EUA44, .EUA45{
  left: 73%;
}
.EUA46, .EUA47{
  left: 77%;
}
.EUA51,.EUA52,.EUA53,.EUA54,.EUA55,.EUA56{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 7.5%;
  left: 84%;
}
.EUA51{
  top: 8%;
}
.EUA52{
  top: 16%;
}
.EUA53{
  top: 24%;
}
.EUA54{
  top: 32%;
}
.EUA55{
  top: 40%;
}
.EUA56{
  top: 48%;
}

.EUA50, .EUA60, .EUA70, .EUA80, .EUA90{
  width: 8.8%;
  height: 12.5%;
  top: 77%;
}
.EUA90{
  left: 32%;
}
.EUA80{
  left: 42%;
}
.EUA70{
  left: 52%;
}
.EUA60{
  left: 62%;
}
.EUA50{
  left: 72%;
}
.EUA91, .EUA92, .EUA93, .EUA94, .EUA95{
  width: 5%;
  height: 5%;
  top: 77%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUA91{
  left: 0%;
}
.EUA92{
  left: 6%;
}
.EUA93{
  left: 12%;
}
.EUA94{
  left: 18%;
}
.EUA95{
  left: 24%;
}
/*EINDE EUA CONTENT---------------------------------------------------- */
/*EUB CONTENT---------------------------------------------------- */
.EUBContent > div {
  cursor: pointer;
}
.EUB40, .EUB41, .EUB42, .EUB43, .EUB44, .EUB45, .EUB46, .EUB47, .EUB48, .EUB49, .EUB50, .EUB51{
  width: 5%;
  height: 5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUB18, .EUB19{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 41%;
}
.EUB16, .EUB17{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 36%;
}
.EUB14, .EUB15{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 31%;
}
.EUB12, .EUB13{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 26%;
}
.EUB10, .EUB11{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 21%;
}
.EUB08, .EUB09{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 16%;
}
.EUB06, .EUB07{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 11%;
}
.EUB54, .EUB55{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 6%;
}
.EUB52, .EUB53{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  left: 1%;
}
.EUB20, .EUB21, .EUB22, .EUB23, .EUB24, .EUB25, .EUB26, .EUB27, .EUB28, .EUB29{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUB30, .EUB31, .EUB32, .EUB33, .EUB34, .EUB35, .EUB36, .EUB37, .EUB38, .EUB39{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUB20, .EUB21{
  left: 46%;
}
.EUB22, .EUB23{
  left: 51%;
}
.EUB24, .EUB25{
  left: 56%;
}
.EUB26, .EUB27{
  left: 61%;
}
.EUB28, .EUB29{
  left: 66%;
}
.EUB30, .EUB31{
  left: 71%;
}
.EUB32, .EUB33{
  left: 76%;
}
.EUB34, .EUB35{
  left: 81%;
}
.EUB36, .EUB37{
  left: 86%;
}
.EUB38, .EUB39{
  left: 91%;
}

.EUB52,.EUB54,.EUB06,.EUB08,.EUB10,.EUB12,.EUB14,.EUB16,.EUB18,.EUB20, .EUB22, .EUB24, .EUB26, .EUB28, .EUB30, .EUB32, .EUB34, .EUB36, .EUB38{
  bottom: 5.5%;
}
.EUB53,.EUB55,.EUB07, .EUB09,.EUB11,.EUB13,.EUB15,.EUB17,.EUB19, .EUB21, .EUB23, .EUB25, .EUB27, .EUB29, .EUB31, .EUB33, .EUB35, .EUB37, .EUB39{
  bottom: 18%;
}
.EUB86, .EUB87, .EUB74, .EUB75, .EUB76, .EUB77, .EUB78, .EUB79,.EUB60, .EUB61, .EUB62, .EUB63, .EUB64, .EUB65, .EUB66, .EUB67, .EUB68, .EUB69{
  bottom: 50%;
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUB60{
  left: 0%;
}
.EUB61{
  left: 5%;
}
.EUB62{
  left: 10%;
}
.EUB63{
  left: 15%;
}
.EUB64{
  left: 20%;
}
.EUB65{
  left: 25%;
}
.EUB66{
  left: 35%;
}
.EUB67{
  left: 40%;
}
.EUB68{
  left: 45%;
}
.EUB69{
  left: 50%;
}
.EUB74{
  left: 55%;
}
.EUB75{
  left: 60%;
}
.EUB76{
  left: 65%;
}
.EUB77{
  left: 70%;
}
.EUB78{
  left: 75%;
}
.EUB79{
  left: 80%;
}
.EUB86{
  left: 85%;
}
.EUB87{
  left: 90%;
}
.EUB70, .EUB71, .EUB72, .EUB73{
  width: 11%;
  height: 5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
}
.EUB70,.EUB72{
  left: 28%;
}
.EUB71,.EUB73{
  left: 39%;
}
.EUB80, .EUB81, .EUB82, .EUB83, .EUB84, .EUB85, .EUB90, .EUB91, .EUB92, .EUB93, .EUB94, .EUB95{
  width: 10%;
  height: 5%;
  position: absolute;
  border: 0.05vw solid black;
  cursor: pointer;
  text-align: center;
  font-size: 1vw;
  cursor: pointer;
}
.EUB96,.EUB97,.EUB98,.EUB99{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  left: 45%;
  width:5%;
  height: 5%;
  cursor: pointer;
}
.EUB96{
  top:2%;
}
.EUB97{
  top:7%;
}
.EUB98{
  top:12%;
}
.EUB99{
  top:17%;
}
.EUB01,.EUB02,.EUB03,.EUB04{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  left: 50%;
  width:5%;
  height: 5%;
  cursor: pointer;
}
.EUB01{
  top:2%;
}
.EUB02{
  top:7%;
}
.EUB03{
  top:12%;
}
.EUB04{
  top:17%;
}
.EUB80, .EUB82, .EUB84, .EUB90, .EUB92, .EUB94{
  left: 60%;
}
.EUB81, .EUB83, .EUB85, .EUB91, .EUB93, .EUB95{
  left: 70%;
}
.EUB80, .EUB81{
  top:0%;
}
.EUB82, .EUB83{
  top: 5.5%;
}
.EUB84, .EUB85{
  top: 11%;
}
.EUB90, .EUB91{
  top: 16.5%;
}
.EUB92, .EUB93, .EUB94, .EUB95{
  top: 22%;
}
.EUB94, .EUB95{
  top: 27.5%;
}
.BUFFER{
  width: 25%;
  height: 22%;
  position: absolute;
  border: 0.05vw solid black;
  background-color: #808080;
  text-align: center;
  font-size: 1vw;
  top: 0;
  left: 0;
}
.BUFFERC{
  width: 15%;
  height: 22%;
  position: absolute;
  border: 0.05vw solid black;
  background-color: #808035;
  text-align: center;
  font-size: 1vw;
  top: 0;
  left: 25%;
}

.EUB40, .EUB42, .EUB44, .EUB46, .EUB48, .EUB50{
  left: 0%;
}
.EUB41, .EUB43, .EUB45, .EUB47, .EUB49, .EUB51{
  left: 5.5%;
}
.EUB40, .EUB41{
  bottom: 5%;
}
.EUB42, .EUB43{
  bottom: 10.5%;
}
.EUB44, .EUB45{
  bottom: 16%;
}
.EUB46, .EUB47{
  bottom: 21.5%;
}
.EUB48, .EUB49{
  bottom: 27%;
}
.EUB50, .EUB51{
  bottom: 32.5%;
}
.EUB72,.EUB73{
  bottom: 65.5%;
}
.EUB70,.EUB71{
  bottom: 71%;
}
/*EINDE EUB CONTENT---------------------------------------------------- */
/*EUM CONTENT---------------------------------------------------- */
.MegaMOverview {
  left: 16%;
  top: 4%;
  width: 16%;
  height: 7%;
}
.EUMContent > div {
  cursor: pointer;
}

.EUM01,.EUM02,.EUM03,.EUM04,.EUM05,.EUM06,.EUM07,.EUM08,.EUM09,.EUM10,.EUM11,.EUM12,.EUM13,.EUM14,.EUM15,.EUM16,.EUM17,.EUM18,.EUM19,.EUM20,.EUM21,.EUM22,.EUM23,.EUM24,.EUM25,.EUM26,.EUM27,.EUM28,.EUM29,.EUM30,.EUM31,.EUM32,.EUM33,.EUM34,.EUM35,.EUM36,.EUM37,.EUM38,.EUM39,.EUM40,.EUM41,.EUM42,.EUM43,.EUM44,.EUM45,.EUM46,.EUM47,.EUM48,.EUM49,.EUM50,.EUM51,.EUM52,.EUM53,.EUM54,.EUM55,.EUM56,.EUM57,.EUM58,.EUM59,.EUM60,.EUM61,.EUM62,.EUM63,.EUM64,.EUM65,.EUM66,.EUM67,.EUM68,.EUM69,.EUM70,.EUM71,.EUM72,.EUM73,.EUM74,.EUM75,.EUM76{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 5%;
}
.EUM01,.EUM02,.EUM03,.EUM04,.EUM05,.EUM06,.EUM07,.EUM08,.EUM09,.EUM10,.EUM11,.EUM12,.EUM13,.EUM14,.EUM15,.EUM16{
  left: 5%;
}
.EUM01{
  top:5%;
}
.EUM02{
  top:10.5%;
}
.EUM03{
  top:16%;
}
.EUM04{
  top:21.5%;
}
.EUM05{
  top:27%;
}
.EUM06{
  top:32.5%;
}
.EUM07{
  top:38%;
}
.EUM08{
  top:43.5%;
}
.EUM09{
  top:49%;
}
.EUM10{
  top:54.5%;
}
.EUM11{
  top:60%;
}
.EUM12{
  top:65.5%;
}
.EUM13{
  top:71%;
}
.EUM14{
  top:76.5%;
}
.EUM15{
  top:81%;
}
.EUM16{
  top:86.5%;
}

.EUM21,.EUM22,.EUM23,.EUM24,.EUM25,.EUM26,.EUM27,.EUM28,.EUM29,.EUM30,.EUM31,.EUM32,.EUM33,.EUM34,.EUM35,.EUM36{
  left: 20.5%;
}
.EUM21{
  top:5%;
}
.EUM22{
  top:10.5%;
}
.EUM23{
  top:16%;
}
.EUM24{
  top:21.5%;
}
.EUM25{
  top:27%;
}
.EUM26{
  top:32.5%;
}
.EUM27{
  top:38%;
}
.EUM28{
  top:43.5%;
}
.EUM29{
  top:49%;
}
.EUM30{
  top:54.5%;
}
.EUM31{
  top:60%;
}
.EUM32{
  top:65.5%;
}
.EUM33{
  top:71%;
}
.EUM34{
  top:76.5%;
}
.EUM35{
  top:81%;
}
.EUM36{
  top:86.5%;
}
.EUM41,.EUM42,.EUM43,.EUM44,.EUM45,.EUM46,.EUM47,.EUM48,.EUM49,.EUM50,.EUM51,.EUM52,.EUM53,.EUM54,.EUM55,.EUM56{
  right: 20.55%;
}
.EUM41{
  top:5%;
}
.EUM42{
  top:10.5%;
}
.EUM43{
  top:16%;
}
.EUM44{
  top:21.5%;
}
.EUM45{
  top:27%;
}
.EUM46{
  top:32.5%;
}
.EUM47{
  top:38%;
}
.EUM48{
  top:43.5%;
}
.EUM49{
  top:49%;
}
.EUM50{
  top:54.5%;
}
.EUM51{
  top:60%;
}
.EUM52{
  top:65.5%;
}
.EUM53{
  top:71%;
}
.EUM54{
  top:76.5%;
}
.EUM55{
  top:81%;
}
.EUM56{
  top:86.5%;
}

.EUM61,.EUM62,.EUM63,.EUM64,.EUM65,.EUM66,.EUM67,.EUM68,.EUM69,.EUM70,.EUM71,.EUM72,.EUM73,.EUM74,.EUM75,.EUM76{
  right: 5%;
}
.EUM61{
  top:5%;
}
.EUM62{
  top:10.5%;
}
.EUM63{
  top:16%;
}
.EUM64{
  top:21.5%;
}
.EUM65{
  top:27%;
}
.EUM66{
  top:32.5%;
}
.EUM67{
  top:38%;
}
.EUM68{
  top:43.5%;
}
.EUM69{
  top:49%;
}
.EUM70{
  top:54.5%;
}
.EUM71{
  top:60%;
}
.EUM72{
  top:65.5%;
}
.EUM73{
  top:71%;
}
.EUM74{
  top:76.5%;
}
.EUM75{
  top:81%;
}
.EUM76{
  top:86.5%;
}
/*EUC CONTENT---------------------------------------------------- */
.MegaCLabels01{
  position: absolute;
  left: 5%;
  bottom : 35%;
  width:40%;
  height: 8%;
  text-align: center;
}
.LabelCheckZoneEUC{
  position: relative;
  top:8%;
}
.LabelPickUpZoneEUC{
  position: relative;
  bottom:-300%;
  left:120%;
}
.EUC11,.EUC13,.EUC15,.EUC17,.EUC19,.EUC21,.EUC23,.EUC31,.EUC33,.EUC35,.EUC37,.EUC39,.EUC41,.EUC43{
  display: none;
  }
.EUC10,.EUC11,.EUC12,.EUC13,.EUC14,.EUC15,.EUC16,.EUC17,.EUC18,.EUC19,.EUC20,.EUC21,.EUC22,.EUC23,.EUC24,.EUC26,.EUC30,.EUC31,.EUC32,.EUC33,.EUC34,.EUC35,.EUC36,.EUC37,.EUC38,.EUC39,.EUC40,.EUC41,.EUC42,.EUC43{
  width: 5%;
  height: 12.5%;
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUC10,.EUC11,.EUC30,.EUC31{
  left: 5%;
}
.EUC12,.EUC13,.EUC32,.EUC33{
  left: 11%;
}
.EUC14,.EUC15,.EUC34,.EUC35{
  left: 17%;
}
.EUC16,.EUC17,.EUC36,.EUC37{
  left: 23%;
}
.EUC18,.EUC19,.EUC38,.EUC39{
  left: 29%;
}
.EUC20,.EUC21,.EUC40,.EUC41{
  left: 35%;
}
.EUC22,.EUC23,.EUC42,.EUC43{
  left: 41%;
}
.EUC24{
  left: 47%;
}
.EUC26{
  left: 53%
}
.EUC50,.EUC51,.EUC52,.EUC53,.EUC54,.EUC55,.EUC56,.EUC57,.EUC58,.EUC59,.EUC60,.EUC61,.EUC62,.EUC63{
  width: 5%;
  height: 20%;
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUC50,.EUC51{
  left:50%;
}
.EUC52,.EUC53{
  left:56%;
}
.EUC54,.EUC55{
  left:62%;
}
.EUC56,.EUC57{
  left:68%;
}
.EUC58,.EUC59{
  left:74%;
}
.EUC60,.EUC61{
  left:80%;
}
.EUC62,.EUC63{
  left:86%;
}
.EUC51,.EUC53,.EUC55,.EUC57,.EUC59,.EUC61,.EUC63{
  top:0%;
}
.EUC50,.EUC52,.EUC54,.EUC56,.EUC58,.EUC60,.EUC62{
  top:20%;
}
.EUC10,.EUC12,.EUC14,.EUC16,.EUC18,.EUC20,.EUC22,.EUC24,.EUC26{
  bottom: 5%;
}
.EUC30,.EUC32,.EUC34,.EUC36,.EUC38,.EUC40,.EUC42{
  bottom: 50%;
}
.EUC11,.EUC13,.EUC15,.EUC17,.EUC19,.EUC21,.EUC23{
  bottom: 17.5%;
}
.EUC31,.EUC33,.EUC35,.EUC37,.EUC39,.EUC41,.EUC43{
  bottom: 62.5%;
}
/*EINDE EUC CONTENT---------------------------------------------------- */
/*EUD CONTENT---------------------------------------------------- */
.MegaDLabels01{
  position: absolute;
  left: 5%;
  top : 35%;
  width:30%;
  height: 10%;
  text-align: center;
}
.LabelLightRepairEUD{
  position: relative;
  top:4%;
}
.EUD10,.EUD11,.EUD12,.EUD13,.EUD14,.EUD15,.EUD16,.EUD17,.EUD18,.EUD19,.EUD20,.EUD21,.EUD22,.EUD23,.EUD24,.EUD25{
  width: 5%;
  height: 15%;
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.EUD10,.EUD11{
  left:5%;
}
.EUD12,.EUD13{
  left:11%;
}
.EUD14,.EUD15{
  left:17%;
}
.EUD16,.EUD17{
  left:23%;
}
.EUD18,.EUD19{
  left:29%;
}
.EUD20,.EUD21{
  left:35%;
}
.EUD22,.EUD23{
  left:41%;
}
.EUD24,.EUD25{
  left:47%;
}
.EUD11,.EUD13,.EUD15,.EUD17,.EUD19,.EUD21,.EUD23,.EUD25{
  bottom:20%;
}
.EUD10,.EUD12,.EUD14,.EUD16,.EUD18,.EUD20,.EUD22,.EUD24{
  bottom: 5%;
}
.EUD50, .EUD51, .EUD52, .EUD53, .EUD54, .EUD55, .EUD56, .EUD57, .EUD58, .EUD59, .EUD60, .EUD61, .EUD62, .EUD63, .EUD64, .EUD65{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 15%;
}
.EUD51, .EUD53, .EUD55, .EUD57, .EUD59, .EUD61, .EUD63, .EUD65{
  top: 0%;
}
.EUD50, .EUD52, .EUD54, .EUD56, .EUD58, .EUD60, .EUD62, .EUD64{
  top:15%;
}
.EUD50, .EUD51{
  left: 1%;
}
.EUD52, .EUD53{
  left: 6.5%;
}
.EUD54, .EUD55{
  left: 12%;
}
.EUD56, .EUD57{
  left: 17.5%;
}
.EUD58, .EUD59{
  left: 23%;
}
.EUD60, .EUD61{
  left: 28.5%;
}
.EUD62, .EUD63{
  left: 34%;
}
.EUD64, .EUD65{
  left: 39.5%;
}
.EUD30,.EUD31,.EUD32,.EUD33,.EUD34,.EUD35,.EUD36,.EUD37,.EUD38,.EUD39,.EUD40,.EUD41,.EUD42,.EUD43,.EUD44,.EUD45,.EUD46,.EUD47,.EUD48,.EUD49{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 5%;
}
.EUD30,.EUD31{
  top: 20%;
}
.EUD32,.EUD33{
  top: 25.5%;
}
.EUD34,.EUD35{
  top: 31%;
}
.EUD36,.EUD37{
  top: 36.5%;
}
.EUD38,.EUD39{
  top: 42%;
}
.EUD40,.EUD41{
  top: 47.5%;
}
.EUD42,.EUD43{
  top: 53%;
}
.EUD44,.EUD45{
  top: 58.5%;
}
.EUD46,.EUD47{
  top: 64%;
}
.EUD48,.EUD49{
  top: 69.5%;
}
.EUD30,.EUD32,.EUD34,.EUD36,.EUD38,.EUD40,.EUD42,.EUD44,.EUD46,.EUD48{
  right: 20%;
}
.EUD31,.EUD33,.EUD35,.EUD37,.EUD39,.EUD41,.EUD43,.EUD45,.EUD47,.EUD49{
  right: 5%;
}
.EUD70,.EUD71,.EUD72,.EUD73,.EUD74,.EUD75{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 15%;
  bottom: 5%
}
.EUD75{
  right: 3%;
}
.EUD74{
  right: 9%;
}
.EUD73{
  right: 15%;
}
.EUD72{
  right: 21%;
}
.EUD71{
  right: 27%;
}
.EUD70{
  right: 33%;
}

/*EINDE EUD CONTENT---------------------------------------------------- */
/*EUE CONTENT---------------------------------------------------- */
.EUE10,.EUE11,.EUE12,.EUE13,.EUE14,.EUE15,.EUE16,.EUE17,.EUE18,.EUE19,.EUE20,.EUE21,.EUE22,.EUE23,.EUE24,.EUE25,.EUE26,.EUE27,.EUE28,.EUE29,.EUE30,.EUE31,.EUE32,.EUE33,.EUE34,.EUE35,.EUE36,.EUE37{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 5%;
}
.EUE40,.EUE41,.EUE42,.EUE43,.EUE44,.EUE45,.EUE46,.EUE47,.EUE48,.EUE49,.EUE50,.EUE51,.EUE52,.EUE53,.EUE54,.EUE55,.EUE56,.EUE57,.EUE58,.EUE59,.EUE60,.EUE61,.EUE62,.EUE63,.EUE64,.EUE65,.EUE66,.EUE67{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 5%;
}
.EUE10,.EUE11,.EUE40,.EUE41{
  bottom: 5%;
}
.EUE12,.EUE13,.EUE42,.EUE43{
  bottom: 10.5%;
}
.EUE14,.EUE15,.EUE44,.EUE45{
  bottom: 16%;
}
.EUE16,.EUE17,.EUE46,.EUE47{
  bottom: 21.5%;
}
.EUE18,.EUE19,.EUE48,.EUE49{
  bottom: 27%;
}
.EUE20,.EUE21,.EUE50,.EUE51{
  bottom: 32.5%;
}
.EUE22,.EUE23,.EUE52,.EUE53{
  bottom: 38%;
}
.EUE24,.EUE25,.EUE54,.EUE55{
  bottom: 43.5%;
}
.EUE26,.EUE27,.EUE56,.EUE57{
  bottom: 49%;
}
.EUE28,.EUE29,.EUE58,.EUE59{
  bottom: 54.5%;
}
.EUE30,.EUE31,.EUE60,.EUE61{
  bottom: 60%;
}
.EUE62,.EUE63{
  bottom: 65.5%;
}
.EUE64,.EUE65{
  bottom: 71%;
}
.EUE66,.EUE67{
  bottom: 76.5%;
}
.EUE32,.EUE33{
  bottom: 65.5%;
}
.EUE34,.EUE35{
  bottom: 71%;
}
.EUE36,.EUE37{
  bottom: 76.5%;
}
.EUE10,.EUE12,.EUE14,.EUE16,.EUE18,.EUE20,.EUE22,.EUE24,.EUE26,.EUE28,.EUE30,.EUE32,.EUE34,.EUE36{
  left: 5%;
}
.EUE11,.EUE13,.EUE15,.EUE17,.EUE19,.EUE21,.EUE23,.EUE25,.EUE27,.EUE29,.EUE31,.EUE33,.EUE35,.EUE37{
  left: 20%;
}
.EUE40,.EUE42,.EUE44,.EUE46,.EUE48,.EUE50,.EUE52,.EUE54,.EUE56,.EUE58,.EUE60,.EUE62,.EUE64,.EUE66{
  left: 65%;
}
.EUE41,.EUE43,.EUE45,.EUE47,.EUE49,.EUE51,.EUE53,.EUE55,.EUE57,.EUE59,.EUE61,.EUE63,.EUE65,.EUE67{
  left: 80%;
}
.EUE70,.EUE71,.EUE72,.EUE73,.EUE74,.EUE75{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 10%;
  top: 6%
}
.EUE75{
  right: 7%;
}
.EUE74{
  right: 13%;
}
.EUE73{
  right: 19%;
}
.EUE72{
  right: 25%;
}
.EUE71{
  right: 31%;
}
.EUE70{
  right: 37%;
}
.EUE80,.EUE81,.EUE82,.EUE83,.EUE84,.EUE85{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 10%;
  top: 6%
}
.EUE85{
  left: 2%;
}
.EUE84{
  left: 8%;
}
.EUE83{
  left: 14%;
}
.EUE82{
  left: 20%;
}
.EUE81{
  left: 26%;
}
.EUE80{
  left: 32%;
}
/*EINDE EUE CONTENT---------------------------------------------------- */
/*EUF CONTENT---------------------------------------------------- */
.EUF10,.EUF11,.EUF12,.EUF13,.EUF14,.EUF15,.EUF16,.EUF17,.EUF18,.EUF19,.EUF20,.EUF21,.EUF22,.EUF23,.EUF24,.EUF25,.EUF26,.EUF27,.EUF28,.EUF29,.EUF30,.EUF31,.EUF32,.EUF33,.EUF34,.EUF35{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUF40,.EUF41,.EUF42,.EUF43,.EUF44,.EUF45,.EUF50,.EUF51,.EUF52,.EUF53,.EUF54,.EUF55,.EUF56,.EUF57,.EUF58,.EUF59,.EUF60,.EUF61,.EUF62,.EUF63,.EUF64,.EUF65,.EUF66,.EUF67,.EUF68,.EUF69{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUF10,.EUF11{
  bottom: 10.5%;
}
.EUF12,.EUF13{
  bottom: 17%;
}
.EUF14,.EUF15{
  bottom: 23.5%;
}
.EUF16,.EUF17{
  bottom: 30%;
}
.EUF18,.EUF19{
  bottom: 36.5%;
}
.EUF20,.EUF21{
  bottom: 43%;
}
.EUF22,.EUF23{
  bottom: 49.5%;
}
.EUF24,.EUF25{
  bottom: 56%;
}
.EUF26,.EUF27{
  bottom: 62.5%;
}
.EUF28,.EUF29{
  bottom: 69%;
}
.EUF30,.EUF31{
  bottom: 75.5%;
}
.EUF32,.EUF33{
  bottom: 82%;
}
.EUF34,.EUF35{
  bottom: 88.5%;
}
.EUF68,.EUF69{
  bottom: 10.5%;
}
.EUF66,.EUF67{
  bottom: 17%;
}
.EUF64,.EUF65{
  bottom: 23.5%;
}
.EUF62,.EUF63{
  bottom: 30%;
}
.EUF60,.EUF61{
  bottom: 36.5%;
}
.EUF58,.EUF59{
  bottom: 43%;
}
.EUF56,.EUF57{
  bottom: 49.5%;
}
.EUF54,.EUF55{
  bottom: 56%;
}
.EUF52,.EUF53{
  bottom: 62.5%;
}
.EUF50,.EUF51{
  bottom: 69%;
}
.EUF44,.EUF45{
  bottom: 78.5%;
}
.EUF42,.EUF43{
  bottom: 85%;
}
.EUF40,.EUF41{
  bottom: 91.5%;
}
.EUF10,.EUF12,.EUF14,.EUF16,.EUF18,.EUF20,.EUF22,.EUF24,.EUF26,.EUF28,.EUF30,.EUF32,.EUF34{
  left: 5%;
}
.EUF11,.EUF13,.EUF15,.EUF17,.EUF19,.EUF21,.EUF23,.EUF25,.EUF27,.EUF29,.EUF31,.EUF33,.EUF35{
  left: 20%;
}
.EUF68,.EUF66,.EUF64,.EUF62,.EUF60,.EUF58,.EUF56,.EUF54,.EUF52,.EUF50,.EUF44,.EUF42,.EUF40{
  left: 65%;
}
.EUF69,.EUF67,.EUF65,.EUF63,.EUF61,.EUF59,.EUF57,.EUF55,.EUF53,.EUF51,.EUF45,.EUF43,.EUF41{
  left: 80%;
}
.EUF70,.EUF71,.EUF72,.EUF73,.EUF74,.EUF75{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 8.5%;
  bottom: 1%
}
.EUF75{
  left: 3%;
}
.EUF74{
  left: 9%;
}
.EUF73{
  left: 15%;
}
.EUF72{
  left: 21%;
}
.EUF71{
  left: 27%;
}
.EUF70{
  left: 33%;
}
.EUF80,.EUF81,.EUF82,.EUF83,.EUF84,.EUF85{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 8.5%;
  bottom: 1%
}
.EUF85{
  right: 3%;
}
.EUF84{
  right: 9%;
}
.EUF83{
  right: 15%;
}
.EUF82{
  right: 21%;
}
.EUF81{
  right: 27%;
}
.EUF80{
  right: 33%;
}
/*EINDE EUF CONTENT---------------------------------------------------- */
/*EUT CONTENT---------------------------------------------------- */
.EUT10,.EUT11,.EUT12,.EUT13,.EUT14,.EUT15,.EUT16,.EUT17,.EUT18,.EUT19,.EUT20,.EUT21,.EUT22,.EUT23,.EUT24,.EUT25,.EUT26,.EUT27,.EUT28,.EUT29,.EUT30,.EUT31,.EUT32,.EUT33,.EUT34,.EUT35{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUT40,.EUT41,.EUT42,.EUT43,.EUT44,.EUT45,.EUT50,.EUT51,.EUT52,.EUT53,.EUT54,.EUT55,.EUT56,.EUT57,.EUT58,.EUT59,.EUT60,.EUT61,.EUT62,.EUT63,.EUT64,.EUT65,.EUT66,.EUT67,.EUT68,.EUT69{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUT10,.EUT11{
  bottom: 5.5%;
}
.EUT12,.EUT13{
  bottom: 12%;
}
.EUT14,.EUT15{
  bottom: 18.5%;
}
.EUT16,.EUT17{
  bottom: 25%;
}
.EUT18,.EUT19{
  bottom: 31.5%;
}
.EUT20,.EUT21{
  bottom: 38%;
}
.EUT22,.EUT23{
  bottom: 44.5%;
}
.EUT24,.EUT25{
  bottom: 51%;
}
.EUT26,.EUT27{
  bottom: 57.5%;
}
.EUT28,.EUT29{
  bottom: 64%;
}
.EUT30,.EUT31{
  bottom: 70.5%;
}
.EUT32,.EUT33{
  bottom: 77%;
}
.EUT34,.EUT35{
  bottom: 83.5%;
}
.EUT68,.EUT69{
  bottom: 5.5%;
}
.EUT66,.EUT67{
  bottom: 12%;
}
.EUT64,.EUT65{
  bottom: 18.5%;
}
.EUT62,.EUT63{
  bottom: 25%;
}
.EUT60,.EUT61{
  bottom: 31.5%;
}
.EUT58,.EUT59{
  bottom: 38%;
}
.EUT56,.EUT57{
  bottom: 44.5%;
}
.EUT54,.EUT55{
  bottom: 51%;
}
.EUT52,.EUT53{
  bottom: 57.5%;
}
.EUT50,.EUT51{
  bottom: 64%;
}
.EUT44,.EUT45{
  bottom: 73.5%;
}
.EUT42,.EUT43{
  bottom: 80%;
}
.EUT40,.EUT41{
  bottom: 86.5%;
}
.EUT10,.EUT12,.EUT14,.EUT16,.EUT18,.EUT20,.EUT22,.EUT24,.EUT26,.EUT28,.EUT30,.EUT32,.EUT34{
  left: 5%;
}
.EUT11,.EUT13,.EUT15,.EUT17,.EUT19,.EUT21,.EUT23,.EUT25,.EUT27,.EUT29,.EUT31,.EUT33,.EUT35{
  left: 20%;
}
.EUT68,.EUT66,.EUT64,.EUT62,.EUT60,.EUT58,.EUT56,.EUT54,.EUT52,.EUT50,.EUT44,.EUT42,.EUT40{
  left: 65%;
}
.EUT69,.EUT67,.EUT65,.EUT63,.EUT61,.EUT59,.EUT57,.EUT55,.EUT53,.EUT51,.EUT45,.EUT43,.EUT41{
  left: 80%;
}
/*EINDE EUT CONTENT---------------------------------------------------- */
/*EUG CONTENT---------------------------------------------------- */
.MegaHLabels01{
  position: absolute;
  left: 13%;
  bottom : 2%;
  width:30%;
  height: 10%;
  text-align: center;
}
.GateOutZoneEUG{
  position: relative;
  bottom:0%;
  left: 50%;
}
.EUG30,.EUG31,.EUG32,.EUG33,.EUG34,.EUG35,.EUG36,.EUG37,.EUG38,.EUG39,.EUG40,.EUG41,.EUG42,.EUG43,.EUG44,.EUG45,.EUG46,.EUG47,.EUG48,.EUG49,.EUG50,.EUG51,.EUG52,.EUG53,.EUG54,.EUG55,.EUG56,.EUG57{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUG30,.EUG31{
  bottom: 1.5%;
}
.EUG32,.EUG33{
  bottom: 8%;
}
.EUG34,.EUG35{
  bottom: 14.5%;
}
.EUG36,.EUG37{
  bottom: 21%;
}
.EUG38,.EUG39{
  bottom: 27.5%;
}
.EUG40,.EUG41{
  bottom: 34%;
}
.EUG42,.EUG43{
  bottom: 40.5%;
}
.EUG44,.EUG45{
  bottom: 47%;
}
.EUG46,.EUG47{
  bottom: 53.5%;
}
.EUG48,.EUG49{
  bottom: 60%;
}
.EUG50,.EUG51{
  bottom: 66.5%;
}
.EUG52,.EUG53{
  bottom: 73%;
}
.EUG54,.EUG55{
  bottom: 79.5%;
}
.EUG56,.EUG57{
  bottom: 85%;
}
.EUG30,.EUG32,.EUG34,.EUG36,.EUG38,.EUG40,.EUG42,.EUG44,.EUG46,.EUG48,.EUG50,.EUG52,.EUG54,.EUG56{
  left: 5%;
}
.EUG31,.EUG33,.EUG35,.EUG37,.EUG39,.EUG41,.EUG43,.EUG45,.EUG47,.EUG49,.EUG51,.EUG53,.EUG55,.EUG57{
  left: 20%;
}
.EUG22, .EUG23, .EUG24, .EUG25{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(5deg);
}
.EUG25{
  top: 2%;
  right: 7.8%;
}
.EUG24{
  top: 8%;
  right: 8%;
}
.EUG23{
  top: 14%;
  right: 8.2%;
}
.EUG22{
  top: 20%;
  right: 8.5%;
}
.EUG20, .EUG21{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(10deg);
}
.EUG21{
  top: 28%;
  right: 9%;
}
.EUG20{
  top: 34%;
  right: 9.5%;
}
.EUG10, .EUG11{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(20deg);
}
.EUG10{
  top: 41.5%;
  right: 10.7%;
}
.EUG11{
  top: 47%;
  right: 11.7%;
}
.EUG12, .EUG13{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(23deg);
}
.EUG12{
  top: 53.5%;
  right: 13%;
}
.EUG13{
  top: 59%;
  right: 14.2%;
}
.EUG14, .EUG15{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(27deg);
}
.EUG14{
  top: 65%;
  right: 16%;
}
.EUG15{
  top: 70.5%;
  right: 17.3%;
}
.EUG16, .EUG17{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(31deg);
}
.EUG16{
  top: 76.5%;
  right: 19%;
}
.EUG17{
  top: 82%;
  right: 20.5%;
}
.EUG60,.EUG61,.EUG62,.EUG63,.EUG64,.EUG65{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 4%;
  height: 8%;
  top: 0.5%
}
.EUG65{
  left: 3%;
}
.EUG64{
  left: 8%;
}
.EUG63{
  left: 13%;
}
.EUG62{
  left: 18%;
}
.EUG61{
  left: 23%;
}
.EUG60{
  left: 28%;
}
/*EINDE EUG CONTENT---------------------------------------------------- */
/*EUH CONTENT---------------------------------------------------- */
.EUH10,.EUH11,.EUH12,.EUH13,.EUH14,.EUH15,.EUH16,.EUH17,.EUH18,.EUH19,.EUH20,.EUH21,.EUH22,.EUH23,.EUH24,.EUH25,.EUH26,.EUH27,.EUH28,.EUH29,.EUH30,.EUH31,.EUH32,.EUH33,.EUH34,.EUH35{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 6%;
}
.EUH10,.EUH11{
  bottom: 15.5%;
}
.EUH12,.EUH13{
  bottom: 22%;
}
.EUH14,.EUH15{
  bottom: 28.5%;
}
.EUH16,.EUH17{
  bottom: 35%;
}
.EUH18,.EUH19{
  bottom: 41.5%;
}
.EUH20,.EUH21{
  bottom: 48%;
}
.EUH22,.EUH23{
  bottom: 54.5%;
}
.EUH24,.EUH25{
  bottom: 61%;
}
.EUH26,.EUH27{
  bottom: 67.5%;
}
.EUH28,.EUH29{
  bottom: 74%;
}
.EUH30,.EUH31{
  bottom: 80.5%;
}
.EUH32,.EUH33{
  bottom: 87%;
}
.EUH34,.EUH35{
  bottom: 93.5%;
}
.EUH10,.EUH12,.EUH14,.EUH16,.EUH18,.EUH20,.EUH22,.EUH24,.EUH26,.EUH28,.EUH30,.EUH32,.EUH34{
  left: 5%;
}
.EUH11,.EUH13,.EUH15,.EUH17,.EUH19,.EUH21,.EUH23,.EUH25,.EUH27,.EUH29,.EUH31,.EUH33,.EUH35{
  left: 20%;
}
.EUH50,.EUH51,.EUH52,.EUH53{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
  transform: rotateZ(5deg);
}
.EUH50{
  bottom: 2%;
  right: 10%;
}
.EUH51{
  bottom: 8.2%;
  right: 9.8%;
}
.EUH52{
  bottom: 14.8%;
  right: 9.5%;
}
.EUH53{
  bottom: 21%;
  right: 9.2%;
}
.EUH54,.EUH55,.EUH56,.EUH57,.EUH58,.EUH59,.EUH60,.EUH61,.EUH62,.EUH63,.EUH64{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 10%;
  height: 6%;
}
.EUH54{
  bottom: 28%;
  right: 9%;
}
.EUH55{
  bottom: 34.5%;
  right: 9%;
}
.EUH56{
  bottom: 41%;
  right: 9%;
}
.EUH57{
  bottom: 47.5%;
  right: 9%;
}
.EUH58{
  bottom: 54%;
  right: 9%;
}
.EUH59{
  bottom: 60.5%;
  right: 9%;
}
.EUH60{
  top: 28%;
  right: 9%;
}
.EUH61{
  top: 21%;
  right: 9%;
}
.EUH62{
  top: 14%;
  right: 9%;
}
.EUH63{
  top: 7%;
  right: 9%;
}
.EUH64{
  top: 0%;
  right: 9%;
}
.EUH40,.EUH41,.EUH42,.EUH43,.EUH44,.EUH45{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 12.5%;
  bottom: 2%
}
.EUH45{
  left: 3%;
}
.EUH44{
  left: 9%;
}
.EUH43{
  left: 15%;
}
.EUH42{
  left: 21%;
}
.EUH41{
  left: 27%;
}
.EUH40{
  left: 33%;
}
/*EINDE EUH CONTENT---------------------------------------------------- */
/*EUI CONTENT---------------------------------------------------- */
.EUI10,.EUI11,.EUI12,.EUI13,.EUI14,.EUI15,.EUI16,.EUI17{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 10%;
  left: 25%;
}
.EUI20,.EUI21,.EUI30,.EUI31{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 15%;
  height: 40%;
  left: 45%;
}
.EUI95,.EUI96,.EUI97,.EUI98,.EUI99{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7%;
  height: 10%;
  right: 2%
}
.EUI01,.EUI02,.EUI03,.EUI04,.EUI05{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7%;
  height: 10%;
  right: 10%
}
.EUI01,.EUI99{
  top: 15%;
}
.EUI02,.EUI98{
  top: 25%;
}
.EUI03,.EUI97{
  top: 35%;
}
.EUI04,.EUI96{
  top: 45%;
}
.EUI05,.EUI95{
  top: 55%;
}
.EUI21,.EUI31{
  left: 62%;
}
.EUI20,.EUI21{
  bottom: 6%;
}
.EUI30,.EUI31{
  bottom: 52%;
}
.EUI17{
  bottom: 89%;
}
.EUI16{
  bottom: 79%;
}
.EUI15{
  bottom: 62%;
}
.EUI14{
  bottom: 52%;
}
.EUI13{
  bottom: 40%;
}
.EUI12{
  bottom: 30%;
}
.EUI11{
  bottom: 16%;
}
.EUI10{
  bottom: 6%;
}
/*EINDE EUI CONTENT---------------------------------------------------- */
.EUL10,.EUL11,.EUL12,.EUL13,.EUL14,.EUL15,.EUL16,.EUL17,.EUL18,.EUL19{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7.5%;
  height: 5%;
  right: 5%
}
.EUL10{
  bottom: 10%;
}
.EUL11{
  bottom: 15%;
}
.EUL12{
  bottom: 20%;
}
.EUL13{
  bottom: 25%;
}
.EUL14{
  bottom: 30%;
}
.EUL15{
  bottom: 35%;
}
.EUL16{
  bottom: 40%;
}
.EUL17{
  bottom: 45%;
}
.EUL18{
  bottom: 50%;
}
.EUL19{
  bottom: 55%;
}
.EUL20,.EUL21,.EUL22,.EUL23,.EUL24,.EUL25,.EUL26,.EUL27,.EUL28,.EUL29{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7.5%;
  height: 7.5%;
  transform: rotateZ(31deg);
}
.EUL20{
  left: 48%;
  bottom: 17%;
}
.EUL21{
  left: 49.8%;
  bottom: 23.5%;
}
.EUL22{
  left: 51.6%;
  bottom: 29.8%;
}
.EUL23{
  left: 53.4%;
  bottom: 36.2%;
}
.EUL24{
  left: 55.3%;
  bottom: 42.5%;
}
.EUL25{
  left: 57.2%;
  bottom: 48.9%;
}
.EUL26{
  left: 59.1%;
  bottom: 55.4%;
}
.EUL27{
  left: 61%;
  bottom: 61.8%;
}
.EUL28{
  left: 62.9%;
  bottom: 68.2%;
}
.EUL29{
  left: 64.8%;
  bottom: 74.6%;
}
.EUL30,.EUL31,.EUL32,.EUL33,.EUL34,.EUL35,.EUL36,.EUL37,.EUL38,.EUL39{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7.5%;
  height: 7.5%;
  transform: rotateZ(31deg);
}
.EUL30{
  left: 41.3%;
  bottom: 25%;
}
.EUL31{
  left: 43.1%;
  bottom: 31.5%;
}
.EUL32{
  left: 44.9%;
  bottom: 37.8%;
}
.EUL33{
  left: 46.7%;
  bottom: 44.2%;
}
.EUL34{
  left: 48.6%;
  bottom: 50.5%;
}
.EUL35{
  left: 50.5%;
  bottom: 56.9%;
}
.EUL36{
  left: 52.4%;
  bottom: 63.4%;
}
.EUL37{
  left: 54.3%;
  bottom: 69.8%;
}
.EUL38{
  left: 56.2%;
  bottom: 76.2%;
}
.EUL39{
  left: 58.1%;
  bottom: 82.6%;
}
.EUL50,.EUL51{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7.5%;
  height: 7.5%;
  transform: rotateZ(31deg);
}
.EUL50{
  left: 28.1%;
  bottom: 82.6%;
}
.EUL51{
  left: 34.8%;
  bottom: 74.6%;
}
.EUL40,.EUL41,.EUL42,.EUL43,.EUL44,.EUL45,.EUL46,.EUL47,.EUL48,.EUL49{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 7.5%;
  height: 7.5%;
  transform: rotateZ(20deg);
}
.EUL40{
  left: 6.3%;
  bottom: 15%;
}
.EUL41{
  left: 7.5%;
  bottom: 22.0%;
}
.EUL42{
  left: 8.7%;
  bottom: 28.9%;
}
.EUL43{
  left: 10%;
  bottom: 36%;;
}
.EUL44{
  left: 11.2%;
  bottom: 43%;
}
.EUL45{
  left: 12.4%;
   bottom: 50%;
}
.EUL46{
  left: 13.6%;
  bottom: 57.1%;
}
.EUL47{
  left: 14.8%;
  bottom: 64.2%;
}
.EUL48{
  left: 16%;
  bottom: 71.3%;
}
.EUL49{
  left: 17.2%;
  bottom: 78.4%;
}
.EUL60,.EUL61,.EUL62,.EUL63,.EUL64,.EUL65,.EUL66,.EUL67,.EUL68,.EUL69{
  position: absolute;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
  width: 5%;
  height: 8.5%;
  bottom: 1%
}
.EUL60{
  left: 23%;
}
.EUL61{
  left: 29%;
}
.EUL62{
  left: 35%;
}
.EUL63{
  left: 41%;
}
.EUL64{
  left: 47%;
}
.EUL65{
  left: 53%;
}
.EUL66{
  left: 59%;
}
.EUL67{
  left: 65%;
}
.EUL68{
  left: 71%;
}
.EUL69{
  left: 77%;
}
.Mega1OverView, .Mega2OverView, .Mega3OverView, .MegaBOverView, .MegaWOverView, .MegaGOverView, .MegaAOverView, .MegaCOverView, .MegaDOverView, .MegaEOverView, .MegaFOverView, .MegaHOverView, .MegaIOverView, .MegaJOverView, .MegaKOverView, .MegaLOverview, .MegaMOverview,.MegaTOverView,.MegaSOverview{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: transparent;
  font-size: 1.2vw;
  color: red;
  font-weight: bold;
  cursor: pointer;
}
.QuayEmergencysOverview{
  width: 100vw;
  height: 92vh;
  display: block;
  position: relative;
}
div.QuayEmergencysOverview * {
  cursor: pointer;
}
.EMG01{
  position: absolute;
  margin-left: 0%;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG02{
  position: absolute;
  margin-left: 11vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG03{
  position: absolute;
  margin-left: 22vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG04{
  position: absolute;
  margin-left: 33vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG05{
  position: absolute;
  margin-left: 44vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG06{
  position: absolute;
  margin-left: 55vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG07{
  position: absolute;
  margin-left: 66vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
.EMG08{
  position: absolute;
  margin-left: 77vw;
  bottom: 1vh;
  width: 10vw;
  height: 12vw;
  border: 0.01vw solid black;
  background-color: #808080;
}
@media screen and (orientation:landscape) {
  .EucoreOverview{
    margin-left: 30vw;
    width: 40vw;
    height: 50.5vw;
    background-image: url("../Images/EucoreOverViewRb.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
  }

  .Mega1OverView{
    left: 0%;
    bottom: 23%;
    width:13%;
    height: 11%;
  }
  .Mega2OverView{
    left: 0%;
    bottom: 0%;
    width:13%;
    height: 9%;
  }

  .Mega3OverView{
    left: 15%;
    bottom: 0%;
    width: 25%;
    height: 32%;
  }
  .MegaBOverView{
    left: 15%;
    bottom: 32%;
    width: 25%;
    height: 15.5%;
  }
  .MegaWOverView{
    left: 15%;
    bottom: 47.5%;
    width: 25%;
    height: 13.2%;
  }
  .MegaGOverView{
    left: 16%;
    bottom: 60%;
    width: 24%;
    height: 12.4%;
  }
  .MegaTOverView{
    left: 0%;
    bottom: 60%;
    width: 12%;
    height: 12.4%;
  }
  .MegaAOverView{
    left: 16%;
    bottom: 72.4%;
    width: 24%;
    height: 17.4%;
  }
  .MegaCOverView{
    left: 40%;
    bottom: 60%;
    width: 23%;
    height: 12.4%;
  }
  .MegaDOverView{
    left: 40%;
    bottom: 72.4%;
    width: 23%;
    height: 17.4%;
  }
  .MegaEOverView{
    left: 63%;
    bottom: 60%;
    width: 18%;
    height: 15%;
  }
  .MegaFOverView{
    left: 63%;
    bottom: 75%;
    width: 18%;
    height: 14.8%;
  }
  .MegaHOverView{
    left: 81%;
    bottom: 60%;
    width: 16%;
    height: 15%;
  }
  .MegaIOverView{
    left: 81%;
    bottom: 75%;
    width: 16%;
    height: 14.8%;
  }
  .MegaJOverView{
    top: 0%;
    left: 55.3%;
    width: 8%;
    height: 10.3%;
  }
  .MegaKOverView{
    left: 41%;
    top: 40.7%;
    width: 23.5%;
    height: 22.5%;
  }
  .MegaLOverView{
    left: 64.5%;
    top:40.7%;
    width: 23%;
    height: 10.5%;
  }
  .MegaMOverView{
    left: 16%;
    top: 4%;
    width: 16%;
    height: 7%;
  }
  .MegaSOverview{
    left: 41%;
    top: 63.5%;
    width: 12%;
    height: 15%;
  }
  /*MEGA 1----------------------------------------------------*/
  .WorkShopMega1{
    position: absolute;
    left:10%;
    bottom: 10%;
    width:20%;
    height: 80%;
    border: 0.1vw solid black;
    background-color: red;
  }
  .MRB00{
    position: absolute;
    left:31%;
    bottom: 10%;
    width:2%;
    height: 80%;
    border: 0.1vw solid black;
    background-color: red;
  }
  .MRB01{
    right: 10%;
    bottom: 10%;
    width:9%;
    height: 20%;
  }
  .MRB02{
    right: 20%;
    bottom: 10%;
    width:9%;
    height: 20%;
  }
  .MRB03{
    right: 30%;
    bottom: 10%;
    width:9%;
    height: 20%;
  }
  .MRB04{
    right: 40%;
    bottom: 10%;
    width:9%;
    height: 20%;
  }
  .MRB05{
    right: 50%;
    bottom: 10%;
    width:9%;
    height: 20%;
  }
  .MRB06{
    right: 10%;
    bottom: 40%;
    width:9%;
    height: 20%;
  }
  .MRB07{
    right: 20%;
    bottom: 40%;
    width:9%;
    height: 20%;
  }
  .MRB08{
    right: 30%;
    bottom: 40%;
    width:9%;
    height: 20%;
  }
  .MRB09{
    right: 50%;
    bottom: 40%;
    width:9%;
    height: 20%;
  }
  .MRB10{
    right: 10%;
    bottom: 70%;
    width:9%;
    height: 20%;
  }
  .MRB11{
    right: 20%;
    bottom: 70%;
    width:9%;
    height: 20%;
  }
  .MRB12{
    right: 30%;
    bottom: 70%;
    width:9%;
    height: 20%;
  }
  .MRB13{
    right: 40%;
    bottom: 70%;
    width:9%;
    height: 20%;
  }

  .MRB01, .MRB02, .MRB03, .MRB04, .MRB05, .MRB06, .MRB07, .MRB08, .MRB09, .MRB10, .MRB11, .MRB12, .MRB13, .MRB14, .MRB15{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
  }
  .MRB14{
    right: 50%;
    top: 23%;
    width:9%;
    height: 15%;
    background-color: #ffffff;
  }
  .MRB15{
    right: 50%;
    top: 6%;
    width:9%;
    height: 15%;
    background-color: #ffffff;
  }
  /*EINDE MEGA 1----------------------------------------------------*/
  .Quay730Overview{
    width: 100vw;
    height: 50vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
    z-index: 1;
  }
  .Quay730Overview::after {
  content: "";
  background-image: url("../Images/AcotNieuw.PNG");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
  div.Quay730Overview * {
    cursor: pointer;
  }
  .ACO03, .ACO04, .ACO06, .ACO07{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 60%;
  }
  .ACO03{
    left: 53%;
    top: 13vh;
  }
  .ACO04{
    left: 44.8%;
    top: 13vh;
  }
  .ACO05{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 28%;
    left: 36.2%;
    top: 13vh;
  }
  .ACO06{
    left: 28%;
    top: 13vh;
  }
  .ACO07{
    left: 19.4%;
    top: 13vh;
  }
  .ACO08{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 22.2%;
    left: 11%;
    top: 13vh;
  }
  .ACO09{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 36.7%;
    left: 11%;
    top: 36vh;
  }
  .ACO10{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 22.2%;
    left: 1%;
    top: 13vh;
  }
  .ACO11{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 36.7%;
    left: 1%;
    top: 36vh;
  }
  .ACO12{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 70%;
    top: 3vh;
  }
  .ACO13{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 79%;
    top: 3vh;
  }
  .ACO14{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 88%;
    top: 3vh;
  }
  .ACO15{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 61%;
    top: 3vh;
  }
  .ACO16{
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 52%;
    top: 3vh;
  }
.Quay736Overview{
  width: 100vw;
  height: 50vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: relative;
  z-index: 1;
}

.Quay736Overview::after {
  content: "";
  background-image: url("../Images/Quay736.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
  div.Quay736Overview * {
    cursor: pointer;
  }
  .ACI01{
    left:15%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 53%;
  }
  .ACI02{
    left:29.2%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 53%;
  }
  .ACI03{
    left:41.2%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:15%;
    height: 12%;
  }
  .ACI04{
    left:57.8%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 53%;
  }
  .ACI05{
    left:69.5%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 25%;
  }
  .ACI06{
    left:69.5%;
    top: 49vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 27.5%;
  }
  .ACI07{
    left:81%;
    top: 24vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 25%;
  }
  .ACI08{
    left:81%;
    top: 49vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width:10%;
    height: 27.5%;
  }
  .ACI09{
    left: 1%;
    top: 5vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width: 10%;
    height: 15%;
  }
  .ACI10{
    left: 1%;
    top: 22vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width: 10%;
    height: 15%;
  }
  .ACI11{
    left: 1%;
    top: 39vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width: 10%;
    height: 15%;
  }
  .ACI12{
    left: 1%;
    top: 56vh;
    position: absolute;
    border: 2px solid black;
    text-align: center;
    font-size: 1vw;
    width: 10%;
    height: 15%;
  }
  .QuayTMAOverview{
    width: 100vw;
    height: 50vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
    z-index: 1;
  }

  .QuayTMAOverview::after {
    content: "";
    background-image: url("../Images/QuayTMA.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
  }
    div.QuayTMAOverview * {
      cursor: pointer;
    }
    .TMA01{
      left: 35.5%;
      top: 6vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 13.5%;
    }
    .TMA02{
      left: 35.5%;
      top: 20vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA03{
      left: 35.5%;
      top: 51vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA04{
      left: 51.5%;
      top: 6vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 13.5%;
    }
    .TMA05{
      left: 51.5%;
      top: 20vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA06{
      left: 51.5%;
      top: 51vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA07{
      left: 61.5%;
      top: 6vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 13.5%;
    }
    .TMA08{
      left: 61.5%;
      top: 20vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA09{
      left: 61.5%;
      top: 51vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 8%;
      height: 30%;
    }
    .TMA10{
      left: 1%;
      top: 5vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 13%;
      height: 18%;
    }
    .TMA11{
      left: 1%;
      top: 25vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 13%;
      height: 18%;
    }
    .TMA12{
      left: 1%;
      top: 45.5vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 13%;
      height: 18%;
    }
    .TMA13{
      left: 1%;
      top: 66vh;
      position: absolute;
      border: 2px solid black;
      text-align: center;
      font-size: 1vw;
      width: 13%;
      height: 18%;
    }
  .Quay1207Overview{
    width: 100vw;
    height: 50vw;
    display: block;
    border: 0.05vw solid blue;
    position: relative;
    background-color: white;
  }
  .Water{
    position: absolute;
    margin-left: 1vw;
    margin-top: 3vh;
    margin-bottom: 3vh;
    width:10vw;
    height: 80vh;
    background-color:blue;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 5px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #688099;
  }
  div.Quay1207Overview * {
    cursor: pointer;
  }
  div.Quay869Overview * {
    cursor: pointer;
  }
  div.Quay913Overview * {
    cursor: pointer;
  }
  .EFP90{
    color:black;
    width: 8vw;
    height: 10vh;
    background-color: #f1f50c;
    position: absolute;
    left: 12.5vw;
    top:1vh;
  }
  .EFP04{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 12.5vw;
    top:12vh;
  }
  .EFP05{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 12.5vw;
    top: 45vh;
  }
  .EFP06{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 22.5vw;
    top:12vh;
  }
  .EFP07{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 22.5vw;
    top: 45vh;
  }
  .EFP08{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 32.5vw;
    top:12vh;
  }
  .EFP09{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 32.5vw;
    top: 45vh;
  }
  .EFP10{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 42.5vw;
    top:12vh;
  }
  .EFP11{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 42.5vw;
    top: 45vh;
  }
  .EFP12{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 52.5vw;
    top:12vh;
  }
  .EFP13{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    left: 52.5vw;
    top: 45vh;
  }

  .EFP02{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    right: 15vw;
    top:22vh;
  }
  .EFP03{
    width: 8vw;
    height: 25vh;
    background-color: orange;
    position: absolute;
    right: 15vw;
    top: 50vh;
  }
  .EFP01{
    background-color: orange;
    position: absolute;
    width: 20vw;
    height: 10vh;
    right: 5vw;
    top:10vh;
  }
  .EFP99{
    background-color: #90ee90;
    position: absolute;
    width: 10vw;
    height: 12vh;
    right: 0vw;
    bottom:2%;
  }
  .EFP98{
    background-color: orange;
    position: absolute;
    width: 10vw;
    height: 12vh;
    right: 10vw;
    bottom:2%;
  }
  .EFP97{
    background-color: #40c9ff;
    position: absolute;
    width: 10vw;
    height: 12vh;
    right: 20vw;
    bottom:2%;
  }

  .EFP96{
    background-color: #adff2f;
    position: absolute;
    width: 8vw;
    height: 8vh;
    right: 25vw;
    top:1vh;
  }

  .EFP95{
    background-color: #adff2f;
    position: absolute;
    width: 8vw;
    height: 8vh;
    right: 16vw;
    top:1vh;
  }

  .Quay913Overview{
    width: 100vw;
    height: 45vw;
    background-image: url("../Images/Quay913.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
  }
  div.Quay913Overview * {
    cursor: pointer;
  }
  .PSA01{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 4.5%;
    height: 14%;
    left: 40%;
    top: 16%;
  }
  .PSA02{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 4.5%;
    height: 17%;
    left: 40%;
    top: 30%;
  }
  .PSA03{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5.5%;
    height: 25.5%;
    left: 45.7%;
    top: 15%;
  }
  .PSA04{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5.5%;
    height: 25.5%;
    left: 51.5%;
    top: 15%;
  }
  .PSA05{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 14%;
    left: 52%;
    top: 65%;
  }
  .PSA06{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 14.4%;
    left: 52%;
    top: 79%;
  }
  .PSA07{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 14%;
    left: 59%;
    top: 65%;
  }
  .PSA08{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 14.4%;
    left: 59%;
    top: 79%;
  }
  .PSA09{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 12%;
    height: 5%;
    left: 52%;
    top: 96%;
  }
  .PSA10{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 63%;
    top: 39%;
  }
  .PSA11{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 68%;
    top: 39%;
  }
  .PSA12{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 73%;
    top: 39%;
  }
  .PSA13{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 69%;
    top: 60%;
  }
  .PSA14{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 69%;
    top: 69%;
  }
  .PSA15{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 69%;
    top: 78%;
  }
  .PSA16{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 69%;
    top: 87%;
  }
  .PSA17{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 63%;
    top: 5%;
  }
  .PSA18{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 68%;
    top: 5%;
  }
  .PSA19{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 73%;
    top: 5%;
  }
  .PSA20{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 78%;
    top: 5%;
  }
  .PSA21{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 63%;
    top: 15%;
  }
  .PSA22{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 68%;
    top: 15%;
  }
  .PSA23{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 73%;
    top: 15%;
  }
  .PSA24{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 78%;
    top: 15%;
  }
  .Quay869Overview{
    width: 100vw;
    height: 45vw;
    background-image: url("../Images/Quay869.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
  }
  .Quay869Overview>div{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
  }
  .PSB01{
    width: 5%;
    height: 30%;
    left: 18%;
    top: 38%;
  }
  .PSB02{
    width: 5%;
    height: 17%;
    left: 24%;
    top: 35%;
  }
  .PSB03{
    width: 5%;
    height: 17%;
    left: 24%;
    top: 53%;
  }
  .PSB04{
    width: 5%;
    height: 17%;
    left: 30%;
    top: 35%;
  }
  .PSB05{
    width: 5%;
    height: 17%;
    left: 30%;
    top: 53%;
  }
  .PSB06{
    width: 5.5%;
    height: 17%;
    left: 45.5%;
    top: 2%;;
  }
  .PSB07{
    width: 5.5%;
    height: 17%;
    left: 51.1%;
    top: 2%;;
  }
  .PSB08{
    width: 12%;
    height: 11%;
    left: 56.6%;
    top: 2%;;
  }
  .PSB09{
    width: 5%;
    height: 10%;
    left: 48%;
    top: 30%;
  }
  .PSB10{
    width: 5%;
    height: 12%;
    left: 53.4%;
    top: 28%;
  }
  .PSB11{
    width: 5%;
    height: 14%;
    left: 58.8%;
    top: 26%;
  }
  .PSB12{
    width: 5%;
    height: 17%;
    left: 64.2%;
    top: 23%;
  }
  .PSB13{
    width: 2.5%;
    height: 17%;
    left: 69.5%;
    top: 23%;
  }
  .PSB14{
    width: 2.5%;
    height: 17%;
    left: 72.1%;
    top: 23%;
  }
  .PSB15{
    width: 2.5%;
    height: 17%;
    left: 74.7%;
    top: 23%;
  }
  .PSB16{
    width: 2.5%;
    height: 17%;
    left: 77.3%;
    top: 23%;
  }
  .PSB17{
    width: 5.5%;
    height: 15%;
    left: 5%;
    top: 2%;
  }
  .PSB18{
    width: 5.5%;
    height: 15%;
    left: 11%;
    top: 2%;
  }
  .PSB19{
    width: 5.5%;
    height: 15%;
    left: 17%;
    top: 2%;
  }
  .PSB20{
    width: 5.5%;
    height: 15%;
    left: 23%;
    top: 2%;
  }
  .PSB21{
    width: 5.5%;
    height: 15%;
    left: 5%;
    top: 18%;
  }
  .PSB22{
    width: 5.5%;
    height: 15%;
    left: 11%;
    top: 18%;
  }
  .PSB23{
    width: 5.5%;
    height: 15%;
    left: 17%;
    top: 18%;
  }
  .PSB24{
    width: 5.5%;
    height: 15%;
    left: 23%;
    top: 18%;
  }
  .MegaLb{
    height: 99vh;
    width: 99vw;
    position: relative;
  }
  .WorkShopLb{
    position: absolute;
    margin-left: 2.6%;
    margin-top: 3%;
    width:39vw;
    height: 20vh;
    border: 0.01vw solid pink;
    background-color:red;
  }
  .MLB99{
    position: absolute;
    margin-left: 2.6%;
    margin-top: 27vh;
    width:39vw;
    height: 10vh;
    border: 0.01vw solid pink;
    background-color:red;
  }
  .MLB99>.PosR01H01,.MLB99>.PosR02H01,.MLB99>.PosR03H01,.MLB99>.PosR04H01,.MLB99>.PosR05H01,.MLB99>.PosR06H01,.MLB99>.PosR07H01,.MLB99>.PosR08H01,.MLB99>.PosR09H01,.MLB99>.PosR10H01,.MLB99>.PosR11H01{
    height: 70%
  }
  .MLB14,.MLB12,.MLB11,.MLB10,.MLB09,.MLB08,.MLB07,.MLB06,.MLB05,.MLB04,.MLB03,.MLB02,.MLB01{
    width:10vw;
    height: 12vw;
    border: 0.01vw solid black;
    background-color: #808080;
  }
  .MLB13,.MLB15,.MLB16,.MLB17,.MLB18,.MLB19,.MLB20,.MLB21{
    width:10vw;
    height: 2vw;
    border: 0.01vw solid black;
    background-color: #808080;
  }
  .MLB08{
    width:10vw;
    height: 8vw;
  }
  .MLB13{
    /*GATE*/
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6%);
    margin-top: 2.6%;
  }
  .MLB15{
    /*kleine onderfoam*/
    position: absolute;
    margin-left: 0%;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB14{
    /*Foam*/
    position: absolute;
    margin-left: 0%;
    margin-top: 20%;
    width:6vw;
    height: 11vw;
  }
  .MLB10{
    /* Ptilinks */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1%);
    margin-top: 2.6%;
  }
  .MLB11{
    /* Ptirechts */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1% + 10vw + 5vw);
    margin-top: 2.6%;
  }
  .MLB12{
    /* wasplaats */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1% + 10vw + 5vw + 10vw + 2vw);
    margin-top: 2.6%;
  }

  .MLB01{
    /* Grote stack links */
    position: absolute;
    margin-left: 0%;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB02{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 11vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB16{
    /* Grote stack links */
    position: absolute;
    margin-left: 11vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB03{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 22vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB17{
    /* Grote stack links */
    position: absolute;
    margin-left: 22vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB04{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 33vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB18{
    /* Grote stack links */
    position: absolute;
    margin-left: 33vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB05{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 44vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB19{
    /* Grote stack links */
    position: absolute;
    margin-left: 44vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB06{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 55vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB20{
    /* Grote stack links */
    position: absolute;
    margin-left: 55vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB07{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 66vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB21{
    /* Grote stack links */
    position: absolute;
    margin-left: 66vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB08{
    /* de stack boven de windmolen */
    position: absolute;
    margin-left: 77vw;
    margin-top: calc(20% + 13.2vw - 6vw);
  }
  .MLB09{
    /* de stack boven de windmolen rechts (bij de wasplaats) */
    position: absolute;
    margin-left: 88vw;
    margin-top: calc(20%);
  }
}
@media screen and (orientation:portrait) {
  .EucoreOverview{
    margin-left: 0vh;
    width: 100vw;
    height: 125vw;
    background-image: url("../Images/EucoreOverViewRb.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    display: block;
    position: relative;
  }
  .Mega1OverView{
    position: absolute;
    left: 0%;
    bottom: 29.5vw;
    width:13%;
    height: 15vw;
  }
  .Mega2OverView{
    position: absolute;
    left: 0%;
    bottom: 0;
    width:13%;
    height: 13.5vw;
  }
  .Mega3OverView{
    position: absolute;
    left: 15%;
    bottom: 0;
    width: 25%;
    height: 44vw;
  }
  .MegaBOverView{
    position: absolute;
    left: 15%;
    bottom: 44.2vw;
    width: 25%;
    height: 15.5vw;
  }
  .MegaWOverView{
    left: 15%;
    bottom: 60vw;
    width: 25%;
    height: 15.5vw;
  }
  .MegaGOverView{
    left: 16%;
    top:32vw;
    width: 24%;
    height: 18vw;
  }
  .MegaTOverView{
    left: 1%;
    top:32vw;
    width: 12%;
    height: 18vw;
  }
  .MegaAOverView{
    left: 16%;
    top:12.9vw;
    width: 24%;
    height: 18.9vw;
  }
  .MegaCOverView{
    left: 40%;
    top:32vw;
    width: 24%;
    height: 18vw;
  }
  .MegaDOverView{
    left: 40%;
    top:12.9vw;
    width: 24%;
    height: 18.9vw;
  }
  .MegaEOverView{
    left: 64%;
    top:30vw;
    width: 19%;
    height: 20vw;
  }
  .MegaFOverView{
    left: 64%;
    top:12.9vw;
    width: 19%;
    height: 17.3vw;
  }
  .MegaHOverView{
    left: 83%;
    top:30vw;
    width: 19%;
    height: 20vw;
  }
  .MegaIOverView{
    left: 83%;
    top:12.9vw;
    width: 19%;
    height: 17.3vw;
  }
  .MegaJOverView{
    left: 55.5%;
    top: 0%;
    width: 8.4%;
    height: 12.9vw;
  }
  .MegaKOverView{
    left: 40.5%;
    top:50vw;
    width: 23.5%;
    height: 29vw;
  }
  .MegaLOverView{
    left: 64%;
    top:50vw;
    width: 23%;
    height: 30vw;
  }
  .MegaSOverview{
    left: 40.5%;
    top: 79vw;
    width: 12%;
    height: 16vw;
  }
  /*MEGA 1----------------------------------------------------*/
  .MRB01, .MRB02, .MRB03, .MRB04, .MRB05, .MRB06, .MRB07, .MRB08, .MRB09, .MRB10, .MRB11, .MRB12, .MRB13, .MRB14, .MRB15{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width: 12%;
    height: 12%;
  }
  .WorkShopMega1{
    position: absolute;
    left:0%;
    bottom: 10%;
    width:20%;
    height: 80%;
    border: 0.1vw solid black;
    background-color: red;
  }
  .MRB00{
    position: absolute;
    left:22%;
    bottom: 10%;
    width:2%;
    height: 80%;
    border: 0.1vw solid black;
    background-color: red;
    font-size: 1vw;
  }
  .MRB01,.MRB06,.MRB10{
    right: 2%;
  }
  .MRB02,.MRB07,.MRB11{
    right: 15%;
  }
  .MRB03,.MRB08,.MRB12{
    right: 28%;
  }
  .MRB05,.MRB09,.MRB14,.MRB15{
    right: 54%;
  }
  .MRB04,.MRB13{
    right: 41%;
  }
  .MRB01, .MRB02, .MRB03, .MRB04, .MRB05{
    bottom: 10%;
  }
  .MRB06, .MRB07, .MRB08, .MRB09{
    bottom: 37%;
  }
  .MRB10, .MRB11, .MRB12, .MRB13{
    top: 10%
  }
  .MRB15{
    top: 7%;
    background-color: #ffffff;
  }
  .MRB14{
    top: 20%;
    background-color: #ffffff;
  }
  /*EINDE MEGA 1----------------------------------------------------*/
  .Quay730Overview{
    width: 100vw;
    height: 50vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
    z-index: 1;
  }
  .Quay730Overview::after {
  content: "";
  background-image: url("../Images/AcotNieuw.PNG");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
  div.Quay730Overview * {
    cursor: pointer;
  }
  .ACO03, .ACO04, .ACO06, .ACO07{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 60%;
  }
  .ACO05{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 28%;
    left: 36.2%;
    top: 3vh;
  }
  .ACO07{
    left: 19.4%;
    top: 3vh;
  }
  .ACO06{
    left: 28%;
    top: 3vh;
  }
  .ACO04{
    left: 44.8%;
    top: 3vh;
  }
  .ACO03{
    left: 53%;
    top: 3vh;
  }
  .ACO08{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 22.2%;
    left: 11%;
    top: 3vh;
  }
  .ACO10{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 22.2%;
    left: 1%;
    top: 3vh;
  }
  .ACO09{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 36.7%;
    left: 11%;
    top: 9vh;
  }
  .ACO11{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 36.7%;
    left: 1%;
    top: 9vh;
  }
  .ACO15{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 61%;
    top: 0;
  }
  .ACO16{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 52%;
    top: 0;
  }
  .ACO12{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 70%;
    top: 0;
  }
  .ACO13{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 79%;
    top: 0;
  }
  .ACO14{
    position: absolute;
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    width:8%;
    height: 8%;
    left: 88%;
    top: 0;
  }
  .Quay1207Overview{
    width: 100vw;
    height: 50vh;
    display: block;
    border: 0.05vw solid blue;
    position: relative;
    background-color: white;
  }
  .Quay869Overview>div{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
  }
  .Quay869Overview > div > .span-content-stacknumber {
    font-size: 0.2rem;
    border-radius: 3px;
  }
  .PSB01{
    width: 5%;
    height: 18%;
    left: 14.5%;
    top: 43%;
  }
  .PSB02{
    width: 5%;
    height: 10%;
    left: 21.5%;
    top: 41%;
  }
  .PSB03{
    width: 5%;
    height: 10%;
    left: 21.5%;
    top: 51%;
  }
  .PSB04{
    width: 5%;
    height: 10%;
    left: 28%;
    top: 41%;
  }
  .PSB05{
    width: 5%;
    height: 10%;
    left: 28%;
    top: 51%;
  }
  .PSB06{
    width: 5.5%;
    height: 9%;
    left: 45.5%;
    top: 24%;
  }
  .PSB07{
    width: 5.5%;
    height: 9%;
    left: 51.1%;
    top: 24%;
  }
  .PSB08{
    width: 14%;
    height: 5.5%;
    left: 57%;
    top: 24%;
  }
  .PSB09{
    width: 6%;
    height: 7%;
    left: 47.5%;
    top: 39%;
  }
  .PSB10{
    width: 6%;
    height: 7%;
    left: 53.7%;
    top: 38%;
  }
  .PSB11{
    width: 5.5%;
    height: 7%;
    left: 59.8%;
    top: 36%;
  }
  .PSB12{
    width: 5.5%;
    height: 9%;
    left: 66%;
    top: 35%;
  }
  .PSB13{
    width: 2.5%;
    height: 9%;
    left: 71.7%;
    top: 35%;
  }
  .PSB14{
    width: 2.5%;
    height: 9%;
    left: 75%;
    top: 35%;
  }
  .PSB15{
    width: 2.5%;
    height: 9%;
    left: 78.2%;
    top: 35%;
  }
  .PSB16{
    width: 2.5%;
    height: 9%;
    left: 81.1%;
    top: 36%;
  }
  .PSB17{
    width: 5.5%;
    height: 17%;
    left: 11%;
    top: 2%;;
  }
  .PSB18{
    width: 5.5%;
    height: 17%;
    left: 17%;
    top: 2%;;
  }
  .PSB19{
    width: 5.5%;
    height: 17%;
    left: 23%;
    top: 2%;;
  }
  .PSB20{
    width: 5.5%;
    height: 17%;
    left: 29%;
    top: 2%;;
  }
  div.Quay1207Overview * {
    cursor: pointer;
  }
  .Water{
    position: absolute;
    margin-left: 1vw;
    margin-top: 3vh;
    margin-bottom: 3vh;
    width:10vw;
    height: 80%;
    background-color:blue;
    -moz-border-radius:5px;
    -moz-box-shadow:0 0 5px #688099;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #688099;
  }
  .EFP90{
    color:black;
    width: 8vw;
    height: 10%;
    background-color: #f1f50c;
    position: absolute;
    left: 12.5vw;
    top:1%;
  }
  .EFP04{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 12.5vw;
    top:12%;
  }
  .EFP05{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 12.5vw;
    top: 45%;
  }
  .EFP06{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 22.5vw;
    top:12%;
  }
  .EFP07{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 22.5vw;
    top: 45%;
  }
  .EFP08{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 32.5vw;
    top:12%;
  }
  .EFP09{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 32.5vw;
    top: 45%;
  }
  .EFP10{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 42.5vw;
    top:12%;
  }
  .EFP11{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 42.5vw;
    top: 45%;
  }
  .EFP12{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 52.5vw;
    top:12%;
  }
  .EFP13{
    width: 8vw;
    height: 25%;
    background-color: orange;
    position: absolute;
    left: 52.5vw;
    top: 45%;
  }

  .EFP02{
    width: 8vw;
    height: 12%;
    background-color: orange;
    position: absolute;
    right: 15vw;
    top:22%;
  }
  .EFP03{
    width: 8vw;
    height: 12%;
    background-color: orange;
    position: absolute;
    right: 15vw;
    top: 35%;
  }
  .EFP01{
    background-color: orange;
    position: absolute;
    width: 20vw;
    height: 10%;
    right: 5vw;
    top:10%;
  }
  .EFP99{
    background-color: #90ee90;
    position: absolute;
    width: 10vw;
    height: 12%;
    right: 0vw;
    bottom:2%;
  }
  .EFP98{
    background-color: orange;
    position: absolute;
    width: 10vw;
    height: 12%;
    right: 10vw;
    bottom:2%;
  }
  .EFP97{
    background-color: #40c9ff;
    position: absolute;
    width: 10vw;
    height: 12%;
    right: 20vw;
    bottom:2%;
  }

  .EFP96{
    background-color: #adff2f;
    position: absolute;
    width: 8vw;
    height: 8%;
    right: 25vw;
    top:1vh;
  }

  .EFP95{
    background-color: #adff2f;
    position: absolute;
    width: 8vw;
    height: 8%;
    right: 16vw;
    top:1vh;
  }
  .Quay913Overview{
    width: 110vw;
    height: 100vw;
    background-image: url("../Images/Quay913.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
    margin-left: -10vw;
  }
  div.Quay913Overview * {
    cursor: pointer;
  }
  .PSA01{
    border: 0.05vw solid black;
    position: absolute;
    width: 9.5%;
    height: 13%;
    left: 29.5%;
    top: 16.5%;
  }
  .PSA02{
    position: absolute;
    border: 0.05vw solid black;
    position: absolute;
    width: 9.5%;
    height: 17.5%;
    left: 29.5%;
    top: 29.5%;
  }
  .PSA03{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 26%;
    left: 42%;
    top: 15%;
  }
  .PSA04{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 26%;
    left: 54%;
    top: 15%;
  }
  .PSA05{
    border: 0.05vw solid black;
    position: absolute;
    width: 6%;
    height: 14%;
    left: 58%;
    top: 65%;
  }
  .PSA06{
    border: 0.05vw solid black;
    position: absolute;
    width: 6%;
    height: 14.4%;
    left: 58%;
    top: 79%;
  }
  .PSA07{
    border: 0.05vw solid black;
    position: absolute;
    width: 6%;
    height: 14%;
    left: 69%;
    top: 65%;
  }
  .PSA08{
    border: 0.05vw solid black;
    position: absolute;
    width: 6%;
    height: 14.4%;
    left: 69%;
    top: 79%;
  }
  .PSA09{
    border: 0.05vw solid black;
    position: absolute;
    width: 18%;
    height: 3.5%;
    left: 58%;
    top: 96%;
  }
  .PSA10{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 70%;
    top: 39%;
  }
  .PSA11{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 80%;
    top: 39%;
  }
  .PSA12{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 90%;
    top: 39%;
  }
  .PSA13{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 79%;
    top: 60%;
  }
  .PSA14{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 79%;
    top: 69%;
  }
  .PSA15{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 79%;
    top: 78%;
  }
  .PSA16{
    border: 0.05vw solid black;
    position: absolute;
    width: 10%;
    height: 9%;
    left: 79%;
    top: 87%;
  }
  .PSA17{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 63%;
    top: 5%;
  }
  .PSA18{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 68%;
    top: 5%;
  }
  .PSA19{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 73%;
    top: 5%;
  }
  .PSA20{
    border: 0.05vw solid black;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    width: 5%;
    height: 9%;
    left: 78%;
    top: 5%;
  }
  .Quay869Overview{
    width: 110vw;
    height: 100vw;
    background-image: url("../Images/Quay869.PNG");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    position: relative;
    margin-left: -10vw;
  }
  .MegaLb{
    height: 42vh;
    width: 99vw;
    border: 0.01vw solid black;
    position: relative;
  }
  .WorkShopLb{
    position: absolute;
    margin-left: 2.6%;
    margin-top: 3%;
    width:39vw;
    height: calc(30vh/5);
    border: 0.01vw solid pink;
    background-color:red;
  }
  .MLB99{
    position: absolute;
    margin-left: 2.6%;
    margin-top: 8vh;
    width:39vw;
    height: 4vh;
    border: 0.01vw solid pink;
    background-color:red;
  }
  .MLB99>.PosR01H01,.MLB99>.PosR02H01,.MLB99>.PosR03H01,.MLB99>.PosR04H01,.MLB99>.PosR05H01,.MLB99>.PosR06H01,.MLB99>.PosR07H01,.MLB99>.PosR08H01,.MLB99>.PosR09H01,.MLB99>.PosR10H01,.MLB99>.PosR11H01{
    height: 70%
  }
  .MLB14,.MLB12,.MLB11,.MLB10,.MLB09,.MLB08,.MLB07,.MLB06,.MLB05,.MLB04,.MLB03,.MLB02,.MLB01{
    width:10vw;
    height: 12vw;
    border: 0.01vw solid black;
    background-color: #808080;
  }
  .MLB13,.MLB15,.MLB16,.MLB17,.MLB18,.MLB19,.MLB20,.MLB21{
    width:10vw;
    height: 2vw;
    border: 0.01vw solid black;
    background-color: #808080;
  }
  .MLB08{
    width:10vw;
    height: 8vw;
  }
  .MLB13{
    /*GATE*/
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6%);
    margin-top: 2.6%;
  }
  .MLB15{
    /*kleine onderfoam*/
    position: absolute;
    margin-left: 0%;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB14{
    /*Foam*/
    position: absolute;
    margin-left: 0%;
    margin-top: 20%;
    width:6vw;
    height: 11vw;
  }
  .MLB10{
    /* Ptilinks */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1%);
    margin-top: 2.6%;
  }
  .MLB11{
    /* Ptirechts */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1% + 10vw + 5vw);
    margin-top: 2.6%;
  }
  .MLB12{
    /* wasplaats */
    position: absolute;
    margin-left: calc(39vw + 2.6% + 2.6% + 14vw + 1% + 10vw + 5vw + 10vw + 2vw);
    margin-top: 2.6%;
  }

  .MLB01{
    /* Grote stack links */
    position: absolute;
    margin-left: 0%;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB02{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 11vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB16{
    /* Grote stack links */
    position: absolute;
    margin-left: 11vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB03{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 22vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB17{
    /* Grote stack links */
    position: absolute;
    margin-left: 22vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB04{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 33vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB18{
    /* Grote stack links */
    position: absolute;
    margin-left: 33vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB05{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 44vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB19{
    /* Grote stack links */
    position: absolute;
    margin-left: 44vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB06{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 55vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB20{
    /* Grote stack links */
    position: absolute;
    margin-left: 55vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB07{
    /* kleine stack boven grote stack links */
    position: absolute;
    margin-left: 66vw;
    margin-top: calc(20% + 13.2vw + 3vw );
  }
  .MLB21{
    /* Grote stack links */
    position: absolute;
    margin-left: 66vw;
    margin-top: calc(20% + 13.2vw);
  }
  .MLB08{
    /* de stack boven de windmolen */
    position: absolute;
    margin-left: 77vw;
    margin-top: calc(20% + 13.2vw - 6vw);
  }
  .MLB09{
    /* de stack boven de windmolen rechts (bij de wasplaats) */
    position: absolute;
    margin-left: 88vw;
    margin-top: calc(20%);
  }
}
/*EINDE @media screen and (orientation:portrait) */

.WashPlaceLb{
}
#StackContentDepot{
  width:100vw;
  height: 92vh;
}
#StackContentDepot button{
  /*hier zijn het 11rijen en 6 hoogte*/
  margin: 0.2vw;
  width:calc(100vw / 12);
  height: calc(100vh / 8);
  border: 0.01vw solid black;
  padding: 0%;
  font-size: 1vw;
  text-align: top;
}
#StackLayoutDepot button{
  text-align: top;
  font-size: 1vw;
  background-color: transparent;
}
.space-left {
  margin-right: 1vw;
}


.GateOverViewTitles{
  font-weight: bold;
  font-size: 3vw;
  position: absolute;
  top:1vh;
}
.GateOverView{
  position: absolute;
  top: 10vh;
  width: 80vw;
  height: 70vh;
  float:bottom;
}

.ContainerInBtn{
  text-align: top;
  font-size: 0.9vw;
  margin: 0.2vw;
  width:calc(100vw / 14);
  height: calc(100vh / 7);
  background-color: transparent;
  float:left;
}
.ContainerOutBtn{
  text-align: top;
  font-size: 0.9vw;
  margin: 0.2vw;
  width:calc(100vw / 14);
  height: calc(100vh / 7);
  background-color: transparent;
  float:left;
}
.Borderd{
  background-color: white;
  border: 0.01vw solid black !important;
  opacity: 1 !important;
}
.ActiveHighLighted{
  -webkit-animation: glowingAppleBlue 1500ms infinite;
  -moz-animation: glowingAppleBlue 1500ms infinite;
  -o-animation: glowingAppleBlue 1500ms infinite;
  animation: glowingAppleBlue 1500ms infinite;
}
@-webkit-keyframes glowingAppleBlue {
  0% {-webkit-box-shadow: 0 0 3px #42f5e9; }
  50% {-webkit-box-shadow: 0 0 40px #FF0000; }
  100% {-webkit-box-shadow: 0 0 3px #42f5e9; }
}
@-moz-keyframes glowingAppleBlue {
  0% {-moz-box-shadow: 0 0 3px #42f5e9; }
  50% {-moz-box-shadow: 0 0 40px #FF0000; }
  100% {-moz-box-shadow: 0 0 3px #42f5e9; }
}
@-o-keyframes glowingAppleBlue {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #FF0000; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
@keyframes glowingAppleBlue {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #FF0000; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
.RbLocationActive{
  -webkit-animation: glowingAppleBlue 1500ms infinite;
  -moz-animation: glowingAppleBlue 1500ms infinite;
  -o-animation: glowingAppleBlue 1500ms infinite;
  animation: glowingAppleBlue 1500ms infinite;
}
@-webkit-keyframes glowingAppleBlue {
  0% {-webkit-box-shadow: 0 0 3px #42f5e9; }
  50% {-webkit-box-shadow: 0 0 40px #FF0000; }
  100% {-webkit-box-shadow: 0 0 3px #42f5e9; }
}
@-moz-keyframes glowingAppleBlue {
  0% {-moz-box-shadow: 0 0 3px #42f5e9; }
  50% {-moz-box-shadow: 0 0 40px #FF0000; }
  100% {-moz-box-shadow: 0 0 3px #42f5e9; }
}
@-o-keyframes glowingAppleBlue {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #FF0000; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
@keyframes glowingAppleBlue {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #FF0000; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
.LatestContainerAtLocation{
  -webkit-animation: glowingLatestLocation 1500ms infinite;
  -moz-animation: glowingLatestLocation 1500ms infinite;
  -o-animation: glowingLatestLocation 1500ms infinite;
  animation: glowingLatestLocation 1500ms infinite;
}
@-webkit-keyframes glowingLatestLocation {
  0% {-webkit-box-shadow: 0 0 3px #42f5e9; }
  50% {-webkit-box-shadow: 0 0 40px #3957db; }
  100% {-webkit-box-shadow: 0 0 3px #42f5e9; }
}
@-moz-keyframes glowingLatestLocation {
  0% {-moz-box-shadow: 0 0 3px #42f5e9; }
  50% {-moz-box-shadow: 0 0 40px #3957db; }
  100% {-moz-box-shadow: 0 0 3px #42f5e9; }
}
@-o-keyframes glowingLatestLocation {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #3957db; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
@keyframes glowingLatestLocation {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 40px #3957db; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
#ChangeLocMenu{
  position: relative;
}
.LargerBtnActivatedCancel{
  font-size: 0.9vw;
  color:#ffffff;
  position: absolute;
  bottom:0%;
  -webkit-animation: glowingCancel 1500ms infinite;
  -moz-animation: glowingCancel 1500ms infinite;
  -o-animation: glowingCancel 1500ms infinite;
  animation: glowingCancel 1500ms infinite;
}
@-webkit-keyframes glowingCancel {
  0% {  background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}
@-moz-keyframes glowingCancel {
  0% {  background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}
@-o-keyframes glowingCancel {
  0% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
@keyframes glowingCancel {
  0% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
.LargerBtnActivated{
  font-size: 0.9vw;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% {  -webkit-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@-moz-keyframes glowing {
  0% {  -moz-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@-o-keyframes glowing {
  0% {  box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@keyframes glowing {
  0% {  box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
.PreBarrierLineItemChecked{
  -webkit-animation: glowingPreBarrierLineItemChecked 5000ms infinite;
  -moz-animation: glowingPreBarrierLineItemChecked 5000ms infinite;
  -o-animation: glowingPreBarrierLineItemChecked 5000ms infinite;
  animation: glowingPreBarrierLineItemChecked 5000ms infinite;
}
@-webkit-keyframes glowingPreBarrierLineItemChecked {
  0% {  background-color: #f5ad27; -webkit-box-shadow: 0 0 3px #f5ad27; }
  50% {  background-color: #B20000; -webkit-box-shadow: 0 0 40px #B20000; }
  100% {  background-color: #f5ad27; -webkit-box-shadow: 0 0 3px #f5ad27; }
}
@-moz-keyframes glowingPreBarrierLineItemChecked {
  0% {  background-color: #f5ad27; -moz-box-shadow: 0 0 3px #f5ad27; }
  50% {  background-color: #B20000; -moz-box-shadow: 0 0 40px #B20000; }
  100% {  background-color: #f5ad27; -moz-box-shadow: 0 0 3px #f5ad27; }
}
@-o-keyframes glowingPreBarrierLineItemChecked {
  0% {  background-color: #f5ad27; box-shadow: 0 0 3px #f5ad27; }
  50% {  background-color: #B20000; box-shadow: 0 0 40px #B20000; }
  100% {  background-color: #f5ad27; box-shadow: 0 0 3px #f5ad27; }
}
@keyframes glowingPreBarrierLineItemChecked {
  0% { background-color: #f5ad27; box-shadow: 0 0 3px #f5ad27; }
  50% { background-color: #B20000; background-color: #B20000; box-shadow: 0 0 40px #B20000; }
  100% { background-color: #f5ad27; box-shadow: 0 0 3px #f5ad27; }
}
#BufferTbl{
  width: 70vw;
}
.RefFinished{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
.QEE_PENDINGADDING{
  background-color: #adff2f !important;
}
.QEE_PENDINGDELETION{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #f28787,
    #999
  );
}
.DiffertentIsoThenRefOut{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #f28787,
    #999
  ) !important;
}
.NotValidForGateOut{
  background: repeating-linear-gradient(
    -55deg,
    #222,
    #222 10px,
    #333 10px,
    #333 20px
  ) !important;
}
.CWITEM{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
.DiffertentStatusThenRefOut{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  ) !important;
}
.gate-tasks-DiffertentStatusThenRefOut{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
.NOT_BOT{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #fcf9ed 10px,
    #fcf9ed 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #fff3d4,
    #ffb3b3
  );
}
.IsoOfContainerNotKnown{
  background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #0d75a6 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  ) !important;
}
.PersonalTaskRow{
  background-color: #adff2f !important;
}
.ContainerPossibleToGiveToTruck{
  background-color:#e8fc03;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5vw #28a745;
}
#ConfirmGateOutBtn{
  width: 50vw;
}

.LargerBtnActivatedSelected{
  -webkit-animation: glowingSelected 1500ms infinite;
  -moz-animation: glowingSelected 1500ms infinite;
  -o-animation: glowingSelected 1500ms infinite;
  animation: glowingSelected 1500ms infinite;
}
@-webkit-keyframes glowingSelected {
  0% {  background-color: #6ef442; -webkit-box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; -webkit-box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; -webkit-box-shadow: 0 0 3px #6ef442; }
}
@-moz-keyframes glowingSelected {
  0% {  background-color: #6ef442; -moz-box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; -moz-box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; -moz-box-shadow: 0 0 3px #6ef442; }
}
@-o-keyframes glowingSelected {
  0% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
}
@keyframes glowingSelected {
  0% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
}
.LargerBtnActivatedConfirm{
  font-size: 0.9vw;
  -webkit-animation: glowingConfirm 1500ms infinite;
  -moz-animation: glowingConfirm 1500ms infinite;
  -o-animation: glowingConfirm 1500ms infinite;
  animation: glowingConfirm 1500ms infinite;
  margin-bottom: 2vh;
}
@-webkit-keyframes glowingConfirm {
  0% {  background-color: #6ef442; -webkit-box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; -webkit-box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; -webkit-box-shadow: 0 0 3px #6ef442; }
}
@-moz-keyframes glowingConfirm {
  0% {  background-color: #6ef442; -moz-box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; -moz-box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; -moz-box-shadow: 0 0 3px #6ef442; }
}
@-o-keyframes glowingConfirm {
  0% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
}
@keyframes glowingConfirm {
  0% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
  50% {  background-color: #8cff00; box-shadow: 0 0 40px #8cff00; }
  100% {  background-color: #6ef442; box-shadow: 0 0 3px #6ef442; }
}
.HighlightContainer{
  -webkit-animation: HighlightContainerglowing 1500ms infinite;
  -moz-animation: HighlightContainerglowing 1500ms infinite;
  -o-animation: HighlightContainerglowing 1500ms infinite;
  animation: HighlightContainerglowing 1500ms infinite;
  color: #ffffff !important;
}
.BgAlertImportantMessage{
  -webkit-animation: HighlightContainerglowing 1500ms infinite;
  -moz-animation: HighlightContainerglowing 1500ms infinite;
  -o-animation: HighlightContainerglowing 1500ms infinite;
  animation: HighlightContainerglowing 1500ms infinite;
  color: black !important;
}
.ThickBorder{
  border: 0.5vw solid black;
}
@-webkit-keyframes HighlightContainerglowing {
  0% {  background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}
@-moz-keyframes HighlightContainerglowing {
  0% {  background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}
@-o-keyframes HighlightContainerglowing {
  0% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
@keyframes HighlightContainerglowing {
  0% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% {  background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
.FolderBtn{
  background: url('/Images/Folder.png') no-repeat;
  cursor:pointer;
  width: 100px;
  height: 100px;
  text-align: left;
}
/*globalzicht van stack in de knop----------------------------------------------------*/
/*globalzicht van stack in de knop----------------------------------------------------*/
/*globalzicht van stack in de knop----------------------------------------------------*/
label.ClientsInStack, .ClientInStack{
  position: absolute;
  right: 0;
  top:0;
  max-width: 45%;
  font-size: 0.45vw;
  word-break: break-word;
  text-align: right;
  background-color: white;
  cursor: pointer;
  font-weight: 700;
}
.PosR01H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H01{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:0%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H02{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:12.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H03{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:25%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H04{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:37.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H05{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:50%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H06{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:62.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H07{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:75%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR01H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:0%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR02H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:9.1%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR03H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:18.2%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR04H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:27.3%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR05H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:36.4%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR06H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:45.5%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR07H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:54.6%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR08H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:63.7%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR09H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:72.8%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR10H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:81.9%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
.PosR11H08{
  font-size: 0.5vw;
  overflow: hidden;
  word-wrap:break-word;
  position: absolute;
  left:91%;
  bottom:87.5%;
  width:9%;
  height: 12.5%;
  background-color: blue;
  border: 0.02vw solid black;
}
/*EINDE VAN DE STACK LOCATIES IN DE KNOPPEN ----------------------------------------------------*/
#CurrentActiveTask{
  font-size: 1vw;
  margin-left: 5vw;
  padding: 0.1vw;
}
/*EINDE VAN DE STACK LOCATIES IN DE KNOPPEN ----------------------------------------------------*/

/*MEGA 3----------------------------------------------------*/
.Mega3Labels01{
  position: absolute;
  left : 3%;
  top : 1%;
  width:2%;
  height: 90%;
  text-align: center;
}
.LabelPtiA{
  position: relative;
  top:3%;
}
.LabelPtiB{
  position: relative;
  top : 13%;
}
.LabelPtiC{
  position: relative;
  top : 21%;
}
.LabelPtiD{
  position: relative;
  top : 29%;
}
.LabelPtiE{
  position: relative;
  top : 43%;
}
.LabelPtiF{
  position: relative;
  top : 51%;
}
.LabelPtiG{
  position: absolute;
  left: 49.2%;
  top: 1%;
}
.LabelPtiH{
  position: absolute;
  left: 56.2%;
  top: 1%;
}
.WorkShopMega3A{
  position: absolute;
  left :55%;
  top : 12%;
  width:11%;
  height: 68%;
  border: 0.05vw solid black;
  background-color: red;
}
.MRB99{
  font-size: 1vw;
  position: absolute;
  left :67%;
  top : 12%;
  width:2%;
  height: 68%;
  border: 0.05vw solid black;
  background-color: red;
}
.WorkShopMega3B{
  position: absolute;
  left :43%;
  top : 12%;
  width:11%;
  height: 68%;
  border: 0.05vw solid black;
  background-color: red;
}
.MRB98{
  font-size: 1vw;
  position: absolute;
  left :40%;
  top : 12%;
  width:2%;
  height: 68%;
  border: 0.05vw solid black;
  background-color: red;
}
.MRB16{
  position: absolute;
  left : 5.5%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB17{
  position: absolute;
  left : 5.5%;
  top : 11.5%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB18{
  position: absolute;
  left : 5.5%;
  top : 22.5%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB19{
  position: absolute;
  left : 5.5%;
  top : 33%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB20{
  position: absolute;
  left : 5.5%;
  top : 49%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB21{
  position: absolute;
  left : 5.5%;
  top : 59.5%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;

  text-align: center;
  font-size: 1vw;
}
.MRB22{
  position: absolute;
  left : 5.5%;
  top : 71%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB97{
  position: absolute;
  left : 12.5%;
  top : 68%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB23{
  position: absolute;
  left : 5.5%;
  top : 81.5%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB24{
  position: absolute;
  left : 11.5%;
  top : 82%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB25{
  position: absolute;
  left : 17.5%;
  top : 82%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB26{
  position: absolute;
  left : 23.5%;
  top :82%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB27{
  position: absolute;
  left : 29.5%;
  top : 82%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB28{
  position: absolute;
  left : 29.5%;
  top : 71%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB29{
  position: absolute;
  left : 29.5%;
  top : 60%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB30{
  position: absolute;
  left : 29.5%;
  top : 49%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB31{
  position: absolute;
  left : 29.5%;
  top : 38%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB32{
  position: absolute;
  left : 29.5%;
  top : 27%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB33{
  position: absolute;
  left : 29.5%;
  top : 16%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB34{
  position: absolute;
  left : 29.5%;
  top : 6%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB35{
  position: absolute;
  left :40%;
  top : 82%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB36{
  position: absolute;
  left : 35.5%;
  top : 60%;
  width:4.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB37{
  position: absolute;
  left : 35.5%;
  top : 49.5%;
  width:4.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB38{
  position: absolute;
  left :37%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB39{
  position: absolute;
  left :43%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB40{
  position: absolute;
  left :50%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB41{
  position: absolute;
  left :57%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB42{
  position: absolute;
  left :63%;
  top : 1%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB43{
  position: absolute;
  right : 14%;
  top : 3%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB44{
  position: absolute;
  right : 8%;
  top : 3%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB45{
  position: absolute;
  right : 2%;
  top : 3%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB46{
  position: absolute;
  right : 4%;
  top : 16%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB47{
  position: absolute;
  right : 6%;
  top : 27%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB48{
  position: absolute;
  right : 8%;
  top : 38%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB49{
  position: absolute;
  right : 10%;
  top : 49%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB50{
  position: absolute;
  right : 12%;
  top : 60%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB51{
  position: absolute;
  right : 20%;
  top : 3%;
  width:5.5%;
  height: 10.3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRB52{
  position: absolute;
  left : 5.5%;
  top : 45%;
  width: 8.5%;
  height: 3%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
/*EINDE MEGA 3----------------------------------------------------*/
/* MEGA B----------------------------------------------------*/
.MBB01{
  position: absolute;
  right : 6%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB02{
  position: absolute;
  right : 11.5%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB03{
  position: absolute;
  right : 17%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB04{
  position: absolute;
  right : 22.5%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB05{
  position: absolute;
  right : 28%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB06{
  position: absolute;
  right : 33.5%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB07{
  position: absolute;
  right : 39%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB08{
  position: absolute;
  right : 44.5%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB09{
  position: absolute;
  right : 50%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB10{
  position: absolute;
  right : 55.5%;
  bottom : 6%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB71{
  position: absolute;
  right : 6%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB72{
  position: absolute;
  right : 11.5%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB73{
  position: absolute;
  right : 17%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB74{
  position: absolute;
  right : 22.5%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB75{
  position: absolute;
  right : 28%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB76{
  position: absolute;
  right : 33.5%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB77{
  position: absolute;
  right : 39%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB78{
  position: absolute;
  right : 44.5%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB79{
  position: absolute;
  right : 50%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB80{
  position: absolute;
  right : 55.5%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB11{
  position: absolute;
  left :6%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB12{
  position: absolute;
  left :6%;
  bottom : 26%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB13{
  position: absolute;
  left :6%;
  bottom : 36%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB14{
  position: absolute;
  left :6%;
  bottom : 46%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB15{
  position: absolute;
  left :6%;
  bottom : 56%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB16{
  position: absolute;
  left :6%;
  bottom : 66%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB17{
  position: absolute;
  left :6%;
  bottom : 76%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB18{
  position: absolute;
  left :6%;
  bottom : 86%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB19{
  position: absolute;
  left :26%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB20{
  position: absolute;
  left :26%;
  bottom : 26%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB21{
  position: absolute;
  left :26%;
  bottom : 36%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB22{
  position: absolute;
  left :26%;
  bottom : 46%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB23{
  position: absolute;
  left :26%;
  bottom : 56%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB24{
  position: absolute;
  left :26%;
  bottom : 66%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB25{
  position: absolute;
  left :20%;
  bottom : 76%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB26{
  position: absolute;
  left :26%;
  bottom : 86%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB27{
  position: absolute;
  left :32%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB28{
  position: absolute;
  left :32%;
  bottom : 26%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB29{
  position: absolute;
  left :32%;
  bottom : 36%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB30{
  position: absolute;
  left :32%;
  bottom : 46%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB31{
  position: absolute;
  left :32%;
  bottom : 56%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB32{
  position: absolute;
  left :32%;
  bottom : 66%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB33{
  position: absolute;
  left :32%;
  bottom : 76%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB34{
  position: absolute;
  left :32%;
  bottom : 86%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB35{
  position: absolute;
  left :47%;
  bottom : 29%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB36{
  position: absolute;
  left :47%;
  bottom : 39%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB37{
  position: absolute;
  left :52.5%;
  bottom : 29%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB38{
  position: absolute;
  left :52.5%;
  bottom : 39%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB39{
  position: absolute;
  left :26%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB40{
  position: absolute;
  left :31.2%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB41{
  position: absolute;
  left :36.4%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB42{
  position: absolute;
  left :41.6%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB43{
  position: absolute;
  left :46.8%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB44{
  position: absolute;
  left :52%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB45{
  position: absolute;
  left :57.2%;
  top : 14.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB46{
  position: absolute;
  left :31.2%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB47{
  position: absolute;
  left :36.4%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB48{
  position: absolute;
  left :41.6%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB49{
  position: absolute;
  left :46.8%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB50{
  position: absolute;
  left :52%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB51{
  position: absolute;
  left :57.2%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB52{
  position: absolute;
  left :62.4%;
  top:4.5%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB53{
  position: absolute;
  right : 1%;
  bottom : 16%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB54{
  position: absolute;
  right : 1%;
  bottom : 26%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB55{
  position: absolute;
  right : 1%;
  bottom : 36%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB56{
  position: absolute;
  right : 1%;
  bottom : 46%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB57{
  position: absolute;
  right : 1%;
  bottom : 56%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB58{
  position: absolute;
  right : 1%;
  bottom : 66%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB59{
  position: absolute;
  right : 1%;
  bottom : 76%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB60{
  position: absolute;
  right : 1%;
  bottom : 86%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB61{
  position: absolute;
  right: 11.5%;
  bottom : 30%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB62{
  position: absolute;
  right: 16.5%;
  bottom : 30%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB63{
  position: absolute;
  right: 20%;
  bottom : 45%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB64{
  position: absolute;
  right: 25%;
  bottom : 45%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB65{
  position: absolute;
  right: 28.5%;
  bottom : 60%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB66{
  position: absolute;
  right: 33.5%;
  bottom : 60%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB81{
  position: absolute;
  right : 8%;
  bottom : 40%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB82{
  position: absolute;
  right : 13%;
  bottom : 40%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB83{
  position: absolute;
  right : 8%;
  bottom : 50%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB84{
  position: absolute;
  right : 13%;
  bottom : 50%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB85{
  position: absolute;
  right : 8%;
  bottom : 60%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB86{
  position: absolute;
  right : 13%;
  bottom : 60%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB87{
  position: absolute;
  right : 8%;
  bottom : 70%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB88{
  position: absolute;
  right : 13%;
  bottom : 70%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB89{
  position: absolute;
  right : 8%;
  bottom : 80%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MBB90{
  position: absolute;
  right : 13%;
  bottom : 80%;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
/*EINDE MEGA B---------------------------------------------------*/
/* MEGA W----------------------------------------------------*/
.MegaWLabels01{
  position: absolute;
  left : 26%;
  top : 18%;
  width:10%;
  height: 5%;
  text-align: center;
}
.WashZoneMBW{
  position: relative;
  top:3%;
}
.MegaWLabels02{
  position: absolute;
  right: 8%;
  top : 5%;
  width:10%;
  height: 5%;
  text-align: center;
}
.PickUpZoneMBW{
  position: relative;
  top:3%;
}
.MBW01,.MBW02,.MBW03,.MBW04,.MBW05,.MBW06,.MBW07,.MBW08,.MBW09,.MBW10,.MBW11,.MBW12,.MBW13,.MBW14,.MBW15,.MBW16,.MBW17,.MBW18,.MBW19,.MBW20,.MBW21,.MBW22,.MBW23,.MBW38,.MBW37,.MBW36,.MBW35,.MBW34,.MBW33,.MBW32,.MBW24,.MBW25,.MBW26,.MBW27,.MBW28,.MBW29,.MBW30,.MBW31,.MBW32,.MBW33,.MBW34,.MBW35,.MBW36,.MBW37,.MBW38,.MBW40,.MBW41,.MBW42,.MBW43,.MBW44,.MBW45,.MBW46,.MBW47,.MBW48,.MBW49,.MBW50{
  position: absolute;
  width:5%;
  height: 9.5%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}

.MBW01{
  right :1%;
  bottom : 16%;
  font-size: 1vw;
}
.MBW02{
  left :76%;
  bottom : 16%;
  font-size: 1vw;
}
.MBW03{
  left :70.5%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW04{
  left :65%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW05{
  left :59.5%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW06{
  left :54%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW07{
  left :48.5%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW08{
  left :43%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW09{
  left :37.5%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW10{
  left :32%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW11{
  left :26%;
  bottom : 16%;
  background-color: #00ffff;
  font-size: 1vw;
}
.MBW12{
  left :6%;
  bottom : 16%;

  font-size: 1vw;
}
.MBW13{
  left :6%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW14{
  left :6%;
  bottom : 36%;

  font-size: 1vw;
}
.MBW15{
  left :6%;
  bottom : 46%;

  font-size: 1vw;
}
.MBW16{
  left :6%;
  bottom : 56%;

  font-size: 1vw;
}
.MBW17{
  left :6%;
  bottom : 66%;

  font-size: 1vw;
}
.MBW18{
  left :6%;
  bottom : 76%;

  font-size: 1vw;
}
.MBW19{
  left :6%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW21{
  left :26%;
  bottom : 76%;
  background-color: #00ffff;
  font-size: 1vw;
  display: none;
}
.MBW23{
  left :26%;
  bottom : 86%;
  background-color: #00ffff;
  font-size: 1vw;
}
.MBW50{
  left :20%;
  bottom : 86%;
  font-size: 1vw;
}
.MBW20{
  left :32%;
  bottom : 76%;
  background-color: #00ffff;
  font-size: 1vw;
  display: none;
}
.MBW22{
  left :32%;
  bottom : 86%;
  background-color: #00ffff;
  font-size: 1vw;
}
.MBW38{
  right :1%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW37{
  right :1%;
  bottom : 36%;

  font-size: 1vw;
}
.MBW36{
  right :1%;
  bottom : 46%;

  font-size: 1vw;
}
.MBW35{
  right :1%;
  bottom : 56%;

  font-size: 1vw;
}
.MBW34{
  right :1%;
  bottom : 66%;

  font-size: 1vw;
}
.MBW33{
  right :1%;
  bottom : 76%;

  font-size: 1vw;
}
.MBW32{
  right :1%;
  bottom : 86%;
  font-size: 1vw;
}
.MBW24{
  left :37.5%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW25{
  left :43%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW26{
  left :48.5%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW27{
  left :54%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW28{
  left :59.5%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW29{
  left :65%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW30{
  left :70.5%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW31{
  left :76%;
  bottom : 86%;

  font-size: 1vw;
}
.MBW40{
  left :76%;
  bottom : 26%;
  font-size: 1vw;
}
.MBW41{
  left :70.5%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW42{
  left :65%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW43{
  left :59.5%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW44{
  left :54%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW45{
  left :48.5%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW46{
  left :43%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW47{
  left :37.5%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW48{
  left :32%;
  bottom : 26%;

  font-size: 1vw;
}
.MBW49{
  left :26%;
  bottom : 26%;
  background-color: #00ffff;
  font-size: 1vw;
}
/*EINDE MEGA W---------------------------------------------------*/
/* MEGA 2----------------------------------------------------
.MRM01{
  position: absolute;
  left:7%;
  top: 8%;
  width:8%;
  height: 19%;
  border: 0.1vw solid black;
  background-color: #808080;
  text-align: center;
  font-size: 1vw;
}
Parent is .SubPlanContent
*/

.MRM01{
  position: absolute;
  right:35%;
  top: 2%;
  height  :9%;
  width: 8%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM02{
  position: absolute;
  right:35%;
  top: 11.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM03{
  position: absolute;
  right:35%;
  top: 21%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM04{
  position: absolute;
  right:35%;
  top: 30.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM05{
  position: absolute;
  right:35%;
  top: 40%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM06{
  position: absolute;
  right:38%;
  top: 49.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM07{
  position: absolute;
  right:41%;
  top: 59%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM08{
  position: absolute;
  right:44%;
  top: 68.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM09{
  position: absolute;
  right:48%;
  top: 78%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM10{
  position: absolute;
  right:55%;
  top: 88%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM11{
  position: absolute;
  right: 63%;
  top: 2%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM12{
  position: absolute;
  right: 63%;
  top: 11.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM13{
  position: absolute;
  right: 63%;
  top: 21%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM14{
  position: absolute;
  right: 63%;
  top: 30.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM15{
  position: absolute;
  right: 63%;
  top: 40%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM16{
  position: absolute;
  right: 63%;
  top: 49.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM17{
  position: absolute;
  right: 63%;
  top: 59%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM18{
  position: absolute;
  right: 63%;
  top: 68.5%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
.MRM19{
  position: absolute;
  right: 63%;
  top: 78%;
  width:8%;
  height: 9%;
  border: 0.05vw solid black;
  text-align: center;
  font-size: 1vw;
}
/*EINDE MEGA 2---------------------------------------------------*/
button>i.fas.fa-link {
    font-size: 0.5vw;
}
div#RefenceInfoDetail {
  position: fixed;
  min-height: 90vh;
  overflow-y: auto;
  overflow-x: auto;
}
.ReeferContainer{
  border: 0.2vw solid #99ccff;
}
.TankContainer{
  border-radius: 2vw;
}
.FlatContainer{
  border-right: 0.5vw black solid;
  border-left: 0.5vw black solid;
  border-bottom: 0.5vw black solid;
}
.tableFixHead          { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
.HighLightSelectedContainer {
  border: 0.3vw solid #ff4419;
}
.TempHighLightSelectedContainer {
  border: 1vw solid #ff4419;
}
.NOP{
  background-color:  #808080;
  color: #ffffff;
}
.NOP > h5 {
  color: ghostwhite;
}
.NOR{
  background-color:  #808080;
  color: #ffffff;
}
.WPTI{
  background-color:  #7c8ba3;
  color: #ffffff;
}
.AES{
  background-color:  "#87cefa";
}
.ASU1{
  background-color:  #ffa500;
}
.ASU2{
  background-color:  #edcd4c;
}
.ASU3{
  background-color:  #f58442;
}
.CLM{
  background-color:  #000000;
  color: #f8f8ff;
}
.DAE{
  background-color:  #e9967a;
  color: #000000;
}
.DAL{
  background-color:  #e9967a;
}
.DAA{
  background-color:  #ab807d;
}
.ALE{
  background-color:  #e9967a;
}
.DAU,.MLDAU{
  background-color:  #90ee90;
}
.DAUS{
  background-color:  #90ee90;
}
.DAUL{
  background-color:  #73ff73;
}
.DAUB{
  background-color:  #90ee90;
}
.CWAU{
  background-color:  #90ee90;
}
.CWAUL{
  background-color:  #73ff73;
}
.CWAUS{
  background-color:  #90ee90;
}
.DIM{
  background-color:  #f8f8ff;
}
.DIW{
  background-color: #20b2aa;
}
.SCR{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.SEL{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.OFH{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.PSU{
  background-color: #ffff00;
  color: #000000;
}
.AES1S{
  background-color:  #87cefa;
}
.AES1F{
  background-color:  #87cefa;
}
.AES2S{
  background-color:  #87cefa;
}
.AES2F{
  background-color:  #87cefa;
}
.ASCLM{
  background-color:  #000000;
  color: #f8f8ff;
}
.ASSCR{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.ASSEL{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.ASOFH{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.ASTLS{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.DOUT,.MLDOUT{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.TLS{
  background-color:  #8b0000;
  color: #f8f8ff;
}
.HLD{
  background-color:  #e9967a;
}
.ASDAU{
  background-color:  #90ee90;
}
.ASCWAU{
  background-color:  #90ee90;
}
.ASDAL{
  background-color:  #e9967a;
}
.DIWBS{
  background-color:  #20b2aa;
}
.DIWBF{
  background-color:  #ff69b4;
}
.CWIWBS{
  background-color:  #20b2aa;
}
.CWIWBF{
  background-color:  #ff69b4;
}
.DIF{
  background-color:  #ff69b4;
}
.DIFS{
  background-color:  #ff69b4;
}
.DIFF{
  background-color:  #f8f8ff;
}
.DIMS{
  background-color:  #f8f8ff;
}
.DIMF{
  background-color:  #00ffff;
}
.DIWBF.DIFF.DIMF.AQCF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #f8f8ff, #00ffff);
}
.DIWBF.DIFF.DIMF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #f8f8ff);
}
.DIWBF.DIFF{
  background: linear-gradient(to right,#20b2aa, #ff69b4);
}
.DIWBF.DIFF.AQCF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #00ffff);
}
.DIWBF.DIMF{
  background: linear-gradient(to right,#20b2aa, #f8f8ff);
}
.DIWBF.DIMF.AQCF{
  background: linear-gradient(to right,#20b2aa, #f8f8ff, #00ffff);
}
.DIFF.DIMF{
  background: linear-gradient(to right, #ff69b4, #f8f8ff);
}
.DIFF.DIMF.AQCF{
  background: linear-gradient(to right, #ff69b4, #f8f8ff, #00ffff);
}
.CWIM{
  background-color:  #f8f8ff;
}
.CWIMS{
  background-color:  #f8f8ff;
}
.CWIMF{
  background-color:  #00ffff;
}
.CWIWBF.CWIFF.CWIMF.AQCF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #f8f8ff, #00ffff);
}
.CWIWBF.CWIFF.CWIMF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #f8f8ff);
}
.CWIWBF.CWIFF{
  background: linear-gradient(to right,#20b2aa, #ff69b4);
}
.CWIWBF.CWIFF.AQCF{
  background: linear-gradient(to right,#20b2aa, #ff69b4, #00ffff);
}
.CWIWBF.CWIMF{
  background: linear-gradient(to right,#20b2aa, #f8f8ff);
}
.CWIWBF.CWIMF.AQCF{
  background: linear-gradient(to right,#20b2aa, #f8f8ff, #00ffff);
}
.CWIFF.CWIMF{
  background: linear-gradient(to right, #ff69b4, #f8f8ff);
}
.CWIFF.CWIMF.AQCF{
  background: linear-gradient(to right, #ff69b4, #f8f8ff, #00ffff);
}
.AQB{
  background-color:  #e0ffff;
}
.AQBS{
  background-color:  #e0ffff;
}
.AQBF{
  background-color:  #03fcd3;
}
.AQC{
  background-color:  #00ffff;
}
.AQCS{
  background-color:  #00ffff;
}
.AQCF{
  background-color:  #03fcd3;
}
.CWAQB{
  background-color:  #e0ffff;
}
.CWAQBS{
  background-color:  #e0ffff;
}
.CWAQBF{
  background-color:  #03fcd3;
}
.CWAQC{
  background-color:  #00ffff;
}
.CWAQCS{
  background-color:  #00ffff;
}
.CWAQCF{
  background-color:  #03fcd3;
}

.SND{
  background-color: #adff2f !important;
  color: black !important;
}
.SOH{
  background-color: #ff85d4;
}
 .CWSD{
  background-color: #42f5c5;
  color: black;
 }
#EstimateDetail.modal-open .modal{
  overflow: hidden;
}
div#modal-content-EstimateDetail {
    max-height: 95vh;
    overflow: hidden;
}
.EstimateDetail-modal-body {
    overflow-y: auto;
    min-height: 65vh;
}
.EstimateContent{
  position: absolute;
  top: 1vh;
  width: 81vw;
  height: 90vh;
  left: 17vw;
  overflow-y:hidden;
  overflow-x:auto;
}
table#ContainerLocationHistoryTable {
  position: relative;
}
div#EstimateDetail {
    overflow: hidden;
}
.CancelBufferSelectionBtn {
    position: relative;
    margin-top: 50;
}
.LocationChange,.StatusChange{
  background-size: 50px 40px;
  background-repeat: no-repeat;
  background-position: left;
}
.LocationChange{
  background-image: url("../Images/LocationChange.png");
}
.StatusChange{
  background-image: url("../Images/StatusChange.png");
}
@media screen and (max-width: 600px){
  .EstimateDetail-modal-body {
      font-size: 0.6rem;
  }
  h3.d-block {
      font-size: 1rem;
  }
  h6.d-block {
    font-size: 0.5rem;
  }

  .table.table-striped thead tr th {
    font-size: 0.5rem;
  }
  .table.table-striped tbody {
    font-size: 0.5rem;
  }
  .table.table-striped th, .table.table-striped td {
    padding: 0.3rem;
  }
  button.btn.btn-danger.btn-margin-left.float-right.AddABoxEstimateItemBtn,button.btn.btn-danger.btn-margin-left.float-right.AddAUnitEstimateItemBtn,button.btn.btn-warning.quickEditEstimate,button.btn.btn-warning.ShowEstimateBtn,button.btn.btn-info.ShowEstimateBtn,button#ShowWestimMessageBtn,button#CreateRevisedEstimateBtn,button#ChangeClientOfContainer,button#UpdatePoUser,button#UpdatePoOwner,button#ShowBoxInfoModal,button#ShowUnitInfoModal,button.btn.btn-dark.ShowWorkOrderBtn,button#CreateRevisedEstimateBtn1,button#CreateRevisedEstimateBtn2,button#CreateRevisedEstimateBtn3,button#CreateRevisedEstimateBtn4,button#CreateRevisedEstimateBtn5,button#CreateRevisedEstimateBtn6,button#MarkBoxAsUploadedBtn,button#MarkUnitAsUploadedBtn,button#PrintEirBtn,button#AddStatusBtn,button#CreateGateInEdiBtn, button#CreateStatusEdiBtn,button#CreateGateOutEdiBtn,button#CreateAndSendEstimateCompletionBtn,button#AutoRetrieveStatusBtn,button.SetAllSerialANDPictureBtns,button#ChangeContainerNumberBtn,button#MarkBoxAsRepairedBtn,button#MarkFoamAsRepairedBtn {
    font-size: 0.5rem;
    margin: 5px;
        width: auto;
  }
  .EstimateFileNotBlocked{
    left: 0;
    top: 0;
    width:15px;
    height: 15px;
  }
  button#ToggleLockBtn {
    position: relative;
    width:30px;
    height: 30px;
  }
  .EstimateDetail-modal-body .parentTabs .nav-tabs .nav-item .nav-link{
    padding: 0.4rem;
  }
  .modal-header2,h6#EstimateDetailTitleExtraComment {
    font-size: 0.5rem;
  }
  .LocationChange{
    background-size: 4vw 2vh;
  }
  .StatusChange{
    background-size: 4vw 2vh;
  }
/***************GATE TASKS *********************/
  #PendingTasks > .modal-dialog {
    -webkit-box-align: start;
    align-items: start;
  }
  #TruckersAtGateTbl {
    table-layout: fixed;
  }
  .gate-tasks-stop-buttons {
    background-color: darkslategrey;
    border-radius: 0;
  }
  .gate-tasks-stop-buttons button {
    padding: 0.5rem 0.5rem;
    line-height: 1;
    border-radius: 0.3rem;
    font-size: 1rem;
    margin-right: 10px;
    width: 27vw;
  }
  #PendingTasks > div:first-child {
    width:  96vw;
  }
  .PendingTasks-modal-body {
    width: 100%;
    overflow: scroll;
  }
  #TruckersAtGateTbl >thead > tr > td {
    font-weight: bold;
    padding: 10px 0px 10px 5px;
    text-align: left;
    font-size: 0.7rem;
  }
  .PendingTasks-modal-body table td,th {
    font-size: 0.6rem;
  }
  .gate-tasks-DiffertentStatusThenRefOut {
    background: linear-gradient(-45deg, #fff, #CCCC00);
    background-size: 400% 400%;
    animation: gateoutgrad 2s ease infinite;
  }
@keyframes gateoutgrad {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }
  .truckers-at-gate-nr {
    width: 3vw;
  }
  .truckers-at-gate-container {
    width: 20vw;
  }
  .truckers-at-gate-task {
    width: 8vw;
  }
  .truckers-at-gate-license {
    width: 15vw;
  }
  .truckers-at-gate-client {
    width: 22vw;
  }
  .truckers-at-gate-iso {
    width: 9vw;
  }
  .truckers-at-gate-status, .dont-show-mobile {
    display: none;
  }
  .truckers-at-gate-temp {
    width: 10vw;
  }
  .truckers-at-gate-vent {
    width: 12vw;
  }
  .truckers-at-gate-hum {
    width: 21vw;
  }
  .truckers-at-gate-info {
    width: 9vw;
  }
  .truckers-at-gate-accept {
    width: 52vw;
  }
  .AcceptThisTask, .RemoveThisTask, #BtnContent > center > button {
    width: auto;
    min-width: 35%;
    border-radius: 5px;
    height: 5vh;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    font-size: 0.5rem;
    border: none;
    margin-right: 10px;
    padding: 0px 10px;
  }
  .RemoveThisTask {
    float: right;
  }
  .ShowMultipleContainersInStackTaskForm {
    font-size: 0.4rem;
    padding: 3px;
  }
  #TruckersAtGateTbl .RefBtnInfo {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
  }
  #TruckersAtGateTbl .RefBtnInfo .fa-info-circle:before {
    color: #17a2b8;
    font-size: 1rem;
  }
  .RefDetailGateOut > tbody > tr >td , .ReferenceDetail-modal-body > .RefDetailGateIn > tbody > tr >td {
    font-size: 0.7rem;
  }
  .RefDetailGateOut button {
    background-color: transparent;
    color: #17a2b8 !important;
    font-size: 0.6rem;
    border: 0px solid transparent;
    padding: 0;
    line-height: 1;
    border-radius: 0;
    text-decoration: underline;
  }
  .RefDetailGateOut .btn-margin-left {
    margin-left: 2vw;
    margin-top: -5px;
  }
  /*******CONTAINER STACKS*******/
  #MessageBox > .modal-dialog > .modal-content {
    width: 95%;
    margin: 0;
  }
  .modal-body-MessageBox > .FixedSquareW800 {
    width: 98%;
  }
  .modal-body-MessageBox > .FixedSquareW800 h1 {
    font-size: 1rem;
  }
  .modal-body-MessageBox >.FixedSquareW800 > div {
    font-size:  0.4rem;
  }
  .BackBtn, .BackBtnSubPlanContent, .BackBtnSubPlanContentLittleMoreLeft, .BackBtnSubPlanContentBottom {
    width: 2vh;
    height: 3vh;
    font-size: 0.3rem;
    padding-top: 2px;
  }
  div > label.ClientsInStack, .ClientInStack  {
    font-size: 3px !important;
  }
  .monitoring-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber {
    font-size: 0.4rem;
    padding: 2px 2px !important;
  }
  .smallerFontSize {
  font-size: 0.5rem !important;
  }
  /*******CONTAINER STACKS*******/
  #wrapper > #InlineContent {
    width: 52vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px){
  .EstimateDetail-modal-body {
      font-size: 0.95rem;
  }
  h3.d-block {
      font-size: 1rem;
  }
  h6.d-block {
    font-size: 0.90rem;
  }

  .table.table-striped thead tr th {
    font-size: 0.90rem;
  }
  .table.table-striped tbody {
    font-size: 0.90rem;
  }
  .table.table-striped th, .table.table-striped td {
    padding: 0.3rem;
  }
  button.btn.btn-danger.btn-margin-left.float-right.AddABoxEstimateItemBtn,button.btn.btn-danger.btn-margin-left.float-right.AddAUnitEstimateItemBtn,button.btn.btn-warning.quickEditEstimate,button.btn.btn-warning.ShowEstimateBtn,button.btn.btn-info.ShowEstimateBtn,button#ShowWestimMessageBtn,button#CreateRevisedEstimateBtn,button#ChangeClientOfContainer,button#UpdatePoUser,button#UpdatePoOwner,button#ShowBoxInfoModal,button#ShowUnitInfoModal,button.btn.btn-dark.ShowWorkOrderBtn,button#CreateRevisedEstimateBtn1,button#CreateRevisedEstimateBtn2,button#CreateRevisedEstimateBtn3,button#CreateRevisedEstimateBtn4,button#CreateRevisedEstimateBtn5,button#CreateRevisedEstimateBtn6,button#MarkBoxAsUploadedBtn,button#MarkUnitAsUploadedBtn,button#PrintEirBtn,button#AddStatusBtn,button#CreateGateInEdiBtn, button#CreateStatusEdiBtn,button#CreateGateOutEdiBtn,button#CreateAndSendEstimateCompletionBtn,button#AutoRetrieveStatusBtn,button.SetAllSerialANDPictureBtns,button#ChangeContainerNumberBtn,button#MarkBoxAsRepairedBtn,button#MarkFoamAsRepairedBtn {
    font-size: 0.75rem;
    margin: 5px;
        width: auto;
  }
  .AlterNativeLocations>button{
    font-size: 0.75rem;

  }
  .EstimateFileNotBlocked{
    left: 0;
    top: 0;
    width:15px;
    height: 15px;
  }
  button#ToggleLockBtn {
    position: relative;
    width:30px;
    height: 30px;
  }
  .EstimateDetail-modal-body .parentTabs .nav-tabs .nav-item .nav-link{
    padding: 0.4rem;
  }
  .modal-header2,h6#EstimateDetailTitleExtraComment {
    font-size: 0.5rem;
  }
  .LocationChange{
    background-size: 4vw 2vh;
  }
  .StatusChange{
    background-size: 4vw 2vh;
  }
  /***************GATE TASKS *********************/

  #PendingTasks > .modal-dialog {
    -webkit-box-align: start;
    align-items: start;
    margin: 3vw;
  }
  #PendingTasks > .modal-dialog > .modal-content {
    width: 105%;
  }
  #TruckersAtGateTbl {
    table-layout: fixed;
  }
  .gate-tasks-stop-buttons {
    background-color: darkslategrey;
    border-radius: 0;
  }
  .gate-tasks-stop-buttons button {
    padding: 0.5rem 0.5rem;
    line-height: 1;
    border-radius: 0.3rem;
    font-size: 1rem;
    margin-right: 10px;
    width: 27vw;
  }
  #PendingTasks > div:first-child {
    width:  96vw;
  }
  .PendingTasks-modal-body {
    width: 100%;
    overflow: scroll;
  }
  #TruckersAtGateTbl >thead > tr > td {
    font-weight: bold;
    padding: 10px 0px 10px 5px;
    text-align: left;
    font-size: 0.7rem;
  }
  .PendingTasks-modal-body table td,th {
    font-size: 0.6rem;
  }
  .gate-tasks-DiffertentStatusThenRefOut {
    background: linear-gradient(-45deg, #fff, #CCCC00);
    background-size: 400% 400%;
    animation: gateoutgrad 2s ease infinite;
  }
@keyframes gateoutgrad {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }
  .truckers-at-gate-nr {
    width: 3vw;
  }
  .truckers-at-gate-container {
    width: 20vw;
  }
  .truckers-at-gate-task {
    width: 8vw;
  }
  .truckers-at-gate-license {
    width: 15vw;
  }
  .truckers-at-gate-client {
    width: 22vw;
  }
  .truckers-at-gate-iso {
    width: 9vw;
  }
  .truckers-at-gate-status, .dont-show-mobile {
    display: none;
  }
  .truckers-at-gate-temp {
    width: 10vw;
  }
  .truckers-at-gate-vent {
    width: 12vw;
  }
  .truckers-at-gate-hum {
    width: 21vw;
  }
  .truckers-at-gate-info {
    width: 9vw;
  }
  .truckers-at-gate-accept {
    width: 52vw;
  }
  .AcceptThisTask, .RemoveThisTask, #BtnContent > center > button {
    width: auto;
    min-width: 35%;
    border-radius: 5px;
    height: 5vh;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    font-size: 0.5rem;
    border: none;
    margin-right: 10px;
    padding: 0px 10px;
  }
  .RemoveThisTask {
    float: right;
  }
  .ShowMultipleContainersInStackTaskForm {
    font-size: 0.6rem;
    padding: 3px;
  }
  #TruckersAtGateTbl .RefBtnInfo {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
  }
  #TruckersAtGateTbl .RefBtnInfo .fa-info-circle:before {
    color: #17a2b8;
    font-size: 1rem;
  }
  #ReferenceDetail > .modal-dialog {
    margin: 3vw;
  }
  .RefDetailGateOut > tbody > tr >td , .ReferenceDetail-modal-body > .RefDetailGateIn > tbody > tr >td {
    font-size: 0.7rem;
  }
  .RefDetailGateOut button {
    background-color: transparent;
    color: #17a2b8 !important;
    font-size: 0.6rem;
    border: 0px solid transparent;
    padding: 0;
    line-height: 1;
    border-radius: 0;
    text-decoration: underline;
  }
  .RefDetailGateOut .btn-margin-left {
    margin-left: 2vw;
    margin-top: -5px;
  }
  /*******CONTAINER STACKS*******/
  #MessageBox > .modal-dialog > .modal-content {
    width: 95%;
    margin: 0;
  }
  .modal-body-MessageBox > .FixedSquareW800 {
    width: 98%;
  }
  .modal-body-MessageBox > .FixedSquareW800 h1 {
    font-size: 1rem;
  }
  .modal-body-MessageBox >.FixedSquareW800 > div {
    font-size:  0.4rem;
  }
  .BackBtn, .BackBtnSubPlanContent, .BackBtnSubPlanContentLittleMoreLeft, .BackBtnSubPlanContentBottom {
    width: 4vh;
    height: 6vh;
    font-size: 0.5rem;
    padding-top: 0px;
  }
  div > label.ClientsInStack, .ClientInStack {
    font-size: 3px !important;
  }
  .monitoring-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber {
    font-size: 0.5rem;
    padding: 2xp;
  }
  .smallerFontSize {
  font-size: 0.5rem !important;
  }
  /*******CONTAINER STACKS*******/
  #wrapper > #InlineContent {
    width: 35vw;
  }
}
@media screen and (min-width: 901px) and (max-width: 1580px){
  /*******CONTAINER STACKS*******/
  #MessageBox > .modal-dialog > .modal-content {
    width: 100%;
    margin: 0;
  }
  .modal-body-MessageBox > .FixedSquareW800 {
    width: 98%;
  }
  .modal-body-MessageBox > .FixedSquareW800 h1 {
    font-size: 1rem;
  }
  .modal-body-MessageBox >.FixedSquareW800 > div {
    font-size:  0.6rem;
  }
  .BackBtn, .BackBtnSubPlanContent, .BackBtnSubPlanContentLittleMoreLeft, .BackBtnSubPlanContentBottom {
    width: 4vh;
    height: 6vh;
    font-size: 1rem;
  }
  div > label.ClientsInStack, .ClientInStack  {
    font-size: 3px !important;
  }
  .monitoring-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber {
    font-size: 0.5rem;
  }
  .smallerFontSize {
  font-size: 0.5rem !important;
  }
  /*******CONTAINER STACKS*******/
  #wrapper > #InlineContent {
    width: 25vw;
  }
}
.FixedSquareW800{
  width: 800px;
  height: 800px;
  position: relative;
  border: 1px solid black;
  margin: 1vw;
  padding: 0.5vw;
}
.FixedSquareW800 > .show-in-stack-title {
  display: inline-block;
  position: relative;
  top: 5%;
  z-index: 9999;
  font-size: 2rem;
  padding: 5px;
  border-radius: 100px;
  background-color: ghostwhite;
  opacity: 0.7;
}
.FixedSquareW800>div{
  font-size: 0.6rem;
  cursor:  pointer;
}
.specialGrade {
 font-size: 20px !important;
}

.SpecialGradeRow>td:first-child {
  cursor: pointer;
}
.RefenceInfoDetailInSpecForm-modal-body>table>tbody>tr>td:nth-child(2) {
  width: 25vw;
  float: left;
}
.RefenceInfoDetailOutSpecForm-modal-body>table>tbody>tr>td:nth-child(2) {
  width: 25vw;
  float: left;
}
.PictureDetails {
  float: left;
}
/**************NATE***************************************************************************************************************************************************************************************************/
/**************Stack Layout****************/
label.ClientsInStack, .ClientInStack  {
    background-color: rgb(169,22,5);
    padding: 1px;
    z-index: 4;
    opacity: 0.8;
    font-weight: normal;
    font-size: 10px;
    color: ghostwhite;
}
.MonitoringMainStack, .megaLB-stacknumber, .megaRB-stacknumber, .Q730-stacknumber, .Q869-stacknumber, .Q913-stacknumber, .Q1207-stacknumber, .QEMER-stacknumber {
  display:flex;
  justify-content:center;
  align-items:center;
  font-size: 1.2rem;
}
.monitoring-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber, .span-content-stacknumber {
  padding: 2px 5px;
  position: relative;
  z-index: 5;
  background-color: ghostwhite;
  color: #3a3b3c;
  opacity: 0.8;
  border-radius: 5px;
  font-weight: bold;
}
.MRB00 .ClientsInStack, .MRB98 .ClientsInStack, .MRB99 .ClientsInStack, .MRB52 .ClientsInStack {
  max-width: 100%;
}
.ContainerRbSpecLocation:empty {
  cursor: default;
  border: none;
  opacity: 0;
}
.ContainerRbSpecLocation:empty:hover {
  cursor: default ;
}
.StackMenuRb {
  overflow-y: auto;
  border: none;
}
#StackLayoutRb, .StackLayoutClass {
margin-top: 20px;
}
.LargerBtn {
  width: 90%;
  height: calc(100vh/21);
  outline: solid 1px #f8f9fa;
  transition: outline 0.3s linear;
  margin: 0.5em;
}
.LargerBtn:hover {
  border-color: #f8f9fa;
  outline-width: 4px;
}
/*
.EUC10, .EUC11, .EUC12, .EUC13, .EUC14, .EUC15, .EUC16, .EUC17, .EUC18, .EUC19, .EUC20, .EUC21, .EUC22, .EUC23, .EUC24, .EUC26, .EUC30, .EUC31, .EUC32, .EUC33, .EUC34, .EUC35, .EUC36, .EUC37, .EUC38, .EUC39, .EUC40, .EUC41, .EUC42, .EUC43, .EUC50, .EUC51, .EUC52, .EUC53, .EUC54, .EUC55, .EUC56, .EUC57, .EUC58, .EUC59, .EUC60, .EUC61, .EUC62, .EUC63, .EUE70, .EUE71, .EUE72, .EUE73, .EUE74, .EUE75, .EUE80, .EUE81, .EUE82, .EUE83, .EUE84, .EUE85, .EUE40, .EUE41, .EUE42, .EUE43, .EUE44, .EUE45, .EUE46, .EUE47, .EUE48, .EUE49, .EUE50, .EUE51, .EUE52, .EUE53, .EUE54, .EUE55, .EUE56, .EUE57, .EUE58, .EUE59, .EUE60, .EUE61, .EUE62, .EUE63, .EUE64, .EUE65, .EUE66, .EUE67, .EUE10, .EUE11, .EUE12, .EUE13, .EUE14, .EUE15, .EUE16, .EUE17, .EUE18, .EUE19, .EUE20, .EUE21, .EUE22, .EUE23, .EUE24, .EUE25, .EUE26, .EUE27, .EUE28, .EUE29, .EUE30, .EUE31, .EUE32, .EUE33, .EUE34, .EUE35, .EUE36, .EUE37 {
    border: 1px solid white;
}

div[class^='EU'], div[class^='MR'], div[class^='MB'] {
  border: 1px solid white;
}

.EUAContent {
  height: 95vh;
}

.EUJContent {
  height: 100%;
}

.EUAContent div:nth-child(3), .EUBContent div:first-child, .EUCContent div:nth-child(2), .EUDContent div:nth-child(2), .EUEContent div:first-child, .EUFContent div:first-child, .EUGContent div:nth-child(2), .EUHContent div:first-child, .EUIContent div:first-child, .EUJContent div:nth-child(2), .EUKContent div:first-child, .EULContent div:first-child, .EUMContent div:first-child, .EUTContent div:first-child, .MRBContent div:first-child, .MRMContent div:first-child, .MBBContent div:first-child, .MBWContent div:nth-child(3) {
  display: block;
}

div[class^='MB'] div.MBW20, div[class^='MB'] div.MBW21 {
  display: none;
}

.MRBContent div:first-child, #MRB3BackBtn {
  font-size: 1.3rem;
}


.StackContentRb {
  width: 99vw;
}

.StackMenuRb {
  color: white;
}

*/
/**************User interface settings****************/
#navBarSettings {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
#TitleSettingsActive{
  margin-left: 1.25rem !important;
  padding-bottom: 1rem;
}
#PreviewStack {
  align-items: center;
}
/**************SLIDER****************/
.switch {
  --line: #505162;
  --dot: #f7f8ff;
  --circle: #9ea0be;
  --duration: 0.3s;
  --text: #9ea0be;
  cursor: pointer;
}
.switch input {
  display: none;
}
.switch input + div {
  position: relative;
}
.switch input + div:before, .switch input + div:after {
  --s: 1;
  content: "";
  position: absolute;
  height: 4px;
  top: 10px;
  width: 24px;
  background: var(--line);
  transform: scaleX(var(--s));
  transition: transform var(--duration) ease;
}
.switch input + div:before {
  --s: 0;
  left: 0;
  transform-origin: 0 50%;
  border-radius: 2px 0 0 2px;
}
.switch input + div:after {
  left: 28px;
  transform-origin: 100% 50%;
  border-radius: 0 2px 2px 0;
}
.switch input + div span {
  padding-left: 56px;
  line-height: 24px;
  color: var(--text);
}
.switch input + div span:before {
  --x: 0;
  --b: #dc3545;
  --s: 4px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--s) var(--b);
  transform: translateX(var(--x));
  transition: box-shadow var(--duration) ease, transform var(--duration) ease;
}
.switch input + div span:not(:empty) {
  padding-left: 64px;
}
.switch input:checked + div:before {
  --s: 1;
}
.switch input:checked + div:after {
  --s: 0;
}
.switch input:checked + div span:before {
  --x: 28px;
  --s: 12px;
  --b: limegreen;
}

body .switch + .switch {
  margin-top: 32px;
}
body .dribbble {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 20px;
}
body .dribbble img {
  display: block;
  height: 28px;
}


/**************USER SETTINGS SLIDERS EN LABELS****************/
.user-settings-slider {
  display: inline-block;
  margin-left: 10px;
}

span.user-settings-label {
  display: inline-block;
  width: 337px;
  padding: 20px;
  font-size: 1rem;
}

.SaveUserSettingBtn {
  display:inline-block;
  padding:0.3em 1.2em;
  margin:0 0.3em 0.3em 10em;
  height: 50%;
  border-radius:2em;
  box-sizing: border-box;
  text-decoration:none;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  color:#FFFFFF;
  background-color: limegreen;
  text-align:center;
  transition: all 0.2s;
}

.SaveUserSettingBtn:hover {
  background-color:#4095c6;
}

@media all and (max-width:30em){
  .SaveUserSettingBtn{
    display:block;
    margin:0.2em auto;
  }
}
#MyCustomWordsList {
  align-items: center;
  font-size: 1rem;
}
#MyCustomWordsList label {
  margin: 0;
}
input#ValidationInPutLast2LettersLicensePlate {
  font-size: 4em;
}
/*NATE LAYOUT---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (orientation: landscape) {
  .EightHighStack>tbody>tr>td>button.ContainerRbSpecLocation {
  height: calc(100vh / 9.5);
  }
}
/*#Non-Modal-InEstimate-Box {
  overflow-y: hidden;
}*/ /*Commented out bc this made dragging modal disappear outside of parent*/
.modal-header {
  cursor: grab;
}
#OriginalEstimate,#RevisedEstimate0,#RevisedEstimate1,#RevisedEstimate2,#RevisedEstimate3,#RevisedEstimate4,#RevisedEstimate5,#RevisedEstimate6 {
  height: 70vh;
}
#modal-content-EstimateDetail .modal-header .close {
  margin: -1rem -1rem -1rem 0rem;
}
#minimize {
  display: inline-block;
  float: right;
  margin: -1rem 0rem -1rem auto;
  border: none;
  background: none;
  padding: 1rem;
  color: black;
  opacity: 0.5;
  cursor: pointer;
}
.SEL > #minimize, .SEL > .close, .ASSEL > #minimize, .ASSEL > .close, .NOP > #minimize, .NOP > .close {
  color: ghostwhite;
  opacity: 1;
}
#minimize i {
  line-height: 1.4;
  font-size: 1.3rem;
  cursor: pointer;
  font-weight: 700;
}
#minimized-containers {
  width: auto;
  height: 3vh;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
}
#minimized-containers button {
  display: inline-block;
  float: left;
  width: 7vw;
  height: 1vw;
  font-size: 12px;
  padding: 0;
  margin: 0px 5px;
  color: black;
  background-color: GhostWhite;
  animation: none;
}
.minimizedButtonActive{
  background-color: black !important;
  color: GhostWhite !important;
}
.table-danger td {
  vertical-align: middle;
}
#ChangeContainerNumberBtn {
    max-width: 300px;
}

#EC_BoxInfoTbl_IsoCode button {
  margin-left: 10px;
}

#EC_BoxInfoTbl_IsoCode button span {
  top: 0px;
}

.SelectISOCode {
  border: 1px solid #28a745;
  color: grey;
  padding: 0.2rem;
}

/*Cancel button Edit loctation comment*/

#CancelYesNoForm {
  background-color: #dc3545;
  color: white;
}



/*Popup (auto retrieve new status Estimate Detail)*/
/*
#MessageBox {
  overflow: hidden;
}

#MessageBox .modal-FitWidth {
  padding: 0;
  background-color: #dc3545;
  color: white;
}

#MessageBox .modal-FitWidth .modal-header {
  padding: 0;
}

#MessageBox .modal-FitWidth .modal-header h5 {
  color: white;
  padding: 0.5vw 0.5vw;
}

#MessageBox .modal-FitWidth .modal-header .close {
  color: white;
  opacity: 1;
  margin: 0;
  padding: 0.2vw 0.2vw;
}

#MessageBox .modal-FitWidth .modal-body-MessageBox {
  padding:  0.5vw;
}

#MessageBox .modal-FitWidth .modal-footer-MessageBox button {
  margin: 0.5vw auto;
  display: block;
  color: #dc3545;
  background-color: white;
}
*/
/* EINDE NATE LAYOUT---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1580px){
  .OnlyDeskTop{
    display: none;
  }
  #minimize{
    display: none;
  }
}

/*Ni vergeten, ook nog font-size gezet op .SpecialGrade*/
.PreBarrierSpecialGradeModal-modal-body > button {
  border-radius: 10px;
  margin: 5px;
}
.PreBarrierSpecialGradeModal-modal-body > button:hover {
  background-color: ghostwhite;
  color: darkslategrey;
}
.FOOD{
  background-image: url("../Images/ContainerGrades/food.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .FOOD{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .FOOD td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/food.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.FOOD, .PreBarrierSpecialGradeModal-modal-body .FOOD {
  position: relative;
  background-image: url("../Images/ContainerGrades/food.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .FOOD {
  display: inline-block;
}
.btn-block.FOOD{
  position: relative;
  background-image: url("../Images/ContainerGrades/food.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.FOODBLOCK {
  background-image: url("../Images/ContainerGrades/food.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.MALT{
  background-image: url("../Images/ContainerGrades/malt.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .MALT{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .MALT td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/malt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.MALT, .PreBarrierSpecialGradeModal-modal-body .MALT{
  position: relative;
  background-image: url("../Images/ContainerGrades/malt.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .MALT {
  display: inline-block;
}
.btn-block.MALT{
  position: relative;
  background-image: url("../Images/ContainerGrades/malt.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.MALTBLOCK {
  background-image: url("../Images/ContainerGrades/malt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.FLEXITANK{
  background-image: url("../Images/ContainerGrades/FLEXITANK.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .FLEXITANK{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .FLEXITANK td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/FLEXITANK.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.FLEXITANK, .PreBarrierSpecialGradeModal-modal-body .FLEXITANK {
  position: relative;
  background-image: url("../Images/ContainerGrades/FLEXITANK.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .FLEXITANK {
  display: inline-block;
}
.btn-block.FLEXITANK{
  position: relative;
  background-image: url("../Images/ContainerGrades/FLEXITANK.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.FLEXITANKBLOCK {
  background-image: url("../Images/ContainerGrades/FLEXITANK.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.DUITS{
  background-image: url("../Images/ContainerGrades/DUITS.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .DUITS{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .DUITS td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/DUITS.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.DUITS, .PreBarrierSpecialGradeModal-modal-body .DUITS {
  position: relative;
  background-image: url("../Images/ContainerGrades/DUITS.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .DUITS {
  display: inline-block;
}
.btn-block.DUITS{
  position: relative;
  background-image: url("../Images/ContainerGrades/DUITS.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.DUITSBLOCK {
  background-image: url("../Images/ContainerGrades/DUITS.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.CLIENT_SPECIFIC{
  background-image: url("../Images/ContainerGrades/CLIENT_SPECIFIC.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .CLIENT_SPECIFIC{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .CLIENT_SPECIFIC td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/CLIENT_SPECIFIC.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.CLIENT_SPECIFIC, .PreBarrierSpecialGradeModal-modal-body .CLIENT_SPECIFIC{
  position: relative;
  background-image: url("../Images/ContainerGrades/CLIENT_SPECIFIC.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .CLIENT_SPECIFIC {
  display: inline-block;
}
.btn-block.CLIENT_SPECIFIC{
  position: relative;
  background-image: url("../Images/ContainerGrades/CLIENT_SPECIFIC.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.CLIENT_SPECIFICBLOCK {
  background-image: url("../Images/ContainerGrades/CLIENT_SPECIFIC.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.DEEP_FROZEN{
  background-image: url("../Images/ContainerGrades/DEEP_FROZEN.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .DEEP_FROZEN{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .DEEP_FROZEN td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/DEEP_FROZEN.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.DEEP_FROZEN, .PreBarrierSpecialGradeModal-modal-body .DEEP_FROZEN{
  position: relative;
  background-image: url("../Images/ContainerGrades/DEEP_FROZEN.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.PreBarrierSpecialGradeModal-modal-body .DEEP-FROZEN {
  display: inline-block;
}
.btn-block.DEEP_FROZEN{
  position: relative;
  background-image: url("../Images/ContainerGrades/DEEP_FROZEN.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.DEEP_FROZENBLOCK {
  background-image: url("../Images/ContainerGrades/DEEP_FROZEN.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_1_IICL{
  background-image: url("../Images/ContainerGrades/G1.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_1_IICL{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_1_IICL td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_1_IICL, .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_1_IICL {
  position: relative;
  background-image: url("../Images/ContainerGrades/G1.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE1BLOCK {
  background-image: url("../Images/ContainerGrades/G1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_2_CW{
  background-image: url("../Images/ContainerGrades/G2.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_2_CW{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_2_CW td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_2_CW, .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_2_CW {
  position: relative;
  background-image: url("../Images/ContainerGrades/G2.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE2BLOCK {
  background-image: url("../Images/ContainerGrades/G2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_3_CW_REP{
  background-image: url("../Images/ContainerGrades/G3.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_3_CW_REP{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_3_CW_REP td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_3_CW_REP, .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_3_CW_REP {
  position: relative;
  background-image: url("../Images/ContainerGrades/G3.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE3BLOCK {
  background-image: url("../Images/ContainerGrades/G3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_4_NOT_CW_REP{
  background-image: url("../Images/ContainerGrades/G4.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_4_NOT_CW_REP{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_4_NOT_CW_REP td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_4_NOT_CW_REP , .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_4_NOT_CW_REP {
  position: relative;
  background-image: url("../Images/ContainerGrades/G4.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE4BLOCK {
  background-image: url("../Images/ContainerGrades/G4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_5_SCRAP{
  background-image: url("../Images/ContainerGrades/G5.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_5_SCRAP{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_5_SCRAP td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G5.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_5_SCRAP, .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_5_SCRAP {
  position: relative;
  background-image: url("../Images/ContainerGrades/G5.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE5BLOCK {
  background-image: url("../Images/ContainerGrades/G5.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.SEACO_SALE_GRADE_6_NEWBUILD{
  background-image: url("../Images/ContainerGrades/G6.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .SEACO_SALE_GRADE_6_NEWBUILD{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .SEACO_SALE_GRADE_6_NEWBUILD td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/G6.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.SEACO_SALE_GRADE_6_NEWBUILD, .PreBarrierSpecialGradeModal-modal-body .SEACO_SALE_GRADE_6_NEWBUILD {
  position: relative;
  background-image: url("../Images/ContainerGrades/G6.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: inline-block;
}
.GRADE6BLOCK {
  background-image: url("../Images/ContainerGrades/G6.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.METALSCRAP{
  background-image: url("../Images/ContainerGrades/SCRAP.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .METALSCRAP{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .METALSCRAP td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/SCRAP.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.METALSCRAP, .PreBarrierSpecialGradeModal-modal-body .METALSCRAP {
  position: relative;
  background-image: url("../Images/ContainerGrades/SCRAP.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .METALSCRAP {
  display: inline-block;
}
.btn-block.METALSCRAP{
  position: relative;
  background-image: url("../Images/ContainerGrades/SCRAP.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.METALSCRAPBLOCK {
  background-image: url("../Images/ContainerGrades/SCRAP.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.BOOKED{
  background-image: url("../Images/ContainerGrades/Booked_New.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .BOOKED{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .BOOKED td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/Booked_New.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.BOOKED, .PreBarrierSpecialGradeModal-modal-body .BOOKED {
  position: relative;
  background-image: url("../Images/ContainerGrades/Booked_New.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .BOOKED {
  display: inline-block;
}
.btn-block.BOOKED{
  position: relative;
  background-image: url("../Images/ContainerGrades/Booked_New.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.BOOKEDBLOCK {
  background-image: url("../Images/ContainerGrades/Booked_New.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.HUMIDITY{
  background-image: url("../Images/ContainerGrades/humidity.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .HUMIDITY{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .HUMIDITY td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/humidity.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.HUMIDITY, .PreBarrierSpecialGradeModal-modal-body .HUMIDITY{
  position: relative;
  background-image: url("../Images/ContainerGrades/humidity.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .HUMIDITY {
  display: inline-block;
}
.btn-block.HUMIDITY{
  position: relative;
  background-image: url("../Images/ContainerGrades/humidity.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.HUMIDITYBLOCK {
  background-image: url("../Images/ContainerGrades/humidity.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.PHARMA{
  background-image: url("../Images/ContainerGrades/pharma.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .PHARMA{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .PHARMA td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/pharma.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.PHARMA, .PreBarrierSpecialGradeModal-modal-body .PHARMA {
  position: relative;
  background-image: url("../Images/ContainerGrades/pharma.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .PHARMA {
  display: inline-block;
}
.btn-block.PHARMA{
  position: relative;
  background-image: url("../Images/ContainerGrades/pharma.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.PHARMABLOCK {
  background-image: url("../Images/ContainerGrades/pharma.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.NEWBUILD{
  background-image: url("../Images/ContainerGrades/newbuild.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .NEWBUILD{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .NEWBUILD td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/newbuild.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.NEWBUILD, .PreBarrierSpecialGradeModal-modal-body .NEWBUILD{
  position: relative;
  background-image: url("../Images/ContainerGrades/newbuild.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .NEWBUILD {
  display: inline-block;
}
.btn-block.NEWBUILD{
  position: relative;
  background-image: url("../Images/ContainerGrades/newbuild.png");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: left;
  display: block;
}
.NEWBUILDBLOCK {
  background-image: url("../Images/ContainerGrades/newbuild.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: -20px;
}
.BLOCKED{
  background-image: url("../Images/Lock.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: bottom right;
}
#ColorCodesModal .BLOCKED{
  display: table-row;
  background-image: none;
}
#ColorCodesModal .BLOCKED td:nth-child(2) {
  position: relative;
  background-image: url("../Images/ContainerGrades/Lock.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.ContainerRbSpecLocation.BLOCKED, .PreBarrierSpecialGradeModal-modal-body .BLOCKED{
  position: relative;
  background-image: url("../Images/Lock.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: bottom right;
  display: block;
}
.PreBarrierSpecialGradeModal-modal-body .BLOCKED {
  display: inline-block;
}
.btn-block.BLOCKED{
  position: relative;
  background-image: url("../Images/Lock.svg") !important;
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: right;
  display: block;
}
.BOOKEDBLOCKED{
  background-image: url("../Images/Lock.svg"),url("../Images/ContainerGrades/Booked_New.svg");
  background-size: 30%;
  background-position: right bottom,left bottom;
  background-repeat: no-repeat;
}

.StatusWithBg {
  display: inline-block;
  padding: 2px 5px;
  position: relative;
  z-index: 5;
  background-color: white;
  color: #3a3b3c;
  opacity: 0.8;
  border-radius: 5px;
}

/******PostRepairPictures*****/

#PostRepairPicturesBtn {
  background-color: transparent;
  border: 1px solid white;
  padding: 0;
}

#PostRepairPicturesBtn:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 0%);
}

#PostRepairPicturesBtn .post-rep-cam {
  color: #28a745;
  font-size: 3rem;
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
}

#PostRepairPicturesBtn:focus .post-rep-cam {
  color: grey;
}

#PostRepairPicturesBtn .post-rep-wrench {
  font-size: 0.65rem;
  margin-top: -4.5px;
}
@media (orientation: portrait) and (max-width: 800px) {
  #EstimateDetail #modal-content-EstimateDetail {
    max-height: 85vh;
  }
}
@media only screen and (max-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  #AddBottleBtn, #GetAllFreonCasesBtn {
    font-size: 12px;
  }
}
/******Convert Text To Numbers*****/
#InlineContent {
  background-color: #dc3545;
  display: none;
  position: fixed;
  left: 0;
  z-index: 1000;
  top: 7vh;
  left: 1vw;
  width: 11vw;
  max-height: 90vh;
  overflow-y: auto;
  padding: 13px;
  border: 2px solid lightgrey;
  border-radius: 10px;
}
#CTNHeader{
  padding-bottom: 10px;
}
#CTNHeader .CTNTitle {
  cursor: grab;
}
.CTNTitle {
  display: inline-block;
  color: white;
  width: 80%;
}
.CTNTitle i {
  padding-right: 5px;
}
#CTNClose {
  color: white;
  float: right;
  font-size: 17px;
  width: 20%;
}
#CTNClose button{
  background: inherit;
  color: white;
  float: right;
  padding: 0px 4px;
  border: 0px;
}
#CTNClose button:focus {
  outline: 0px;
}
#TextToConvertNumbers {
  width: 100%;
  height: 9vh;
  padding: 5px;
  border-radius: 5px;
  margin: 20px 0px;
}
#inputArea button {
  display: block;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  text-decoration: underline;
}
#ConvertResult button {
  margin-top: 10px;
  margin-left: 0;
}

#PicturesWithEstimate {
  padding: 10px;
}

.RemoveEstimateInfo {
  margin-left: 10px;
}
/***** Breakpoints for mobile Estimate Detal  *******/
@media (orientation: portrait) and (max-width: 800px) {
  #EstimateDetail #modal-content-EstimateDetail {
    height: 85vh;
    max-height: 90vh;
  }
  .slideToggler .modal-header2 {
    max-height: 12vw;
        margin: 0.4rem 0rem;
  }
  #EstimateDetailTitle {
    font-size: 1rem;
  }
  .EstimateFileBlocked {
    background-image: url(../Images/Lock.svg) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    top: 0px;
    left: 2px;
    display: block;
    width: 10px;
    height: 10px;
  }
  .slideToggler .EstimateDetail-modal-body {
    min-height: 0px;
  }
  #OriginalEstimate {
    height: 108vw;
  }
  #ContainerLocationCommentEdit {
    height: 20px;
    width: 20px;
    padding: 0;
  }
  #PostRepairPicturesBtn .fa-stack {
    width: 1em;
  }
  #PostRepairPicturesBtn .post-rep-cam {
    font-size: 1rem;
  }
  #PostRepairPicturesBtn .post-rep-wrench {
    font-size: 0.25rem;
    margin-top: -22.5px;
  }
  button#ToggleLockBtn {
    position: relative;
    width: 15px;
    height: 15px;
    padding: 0rem 0rem;
  }
  #ToggleLockBtn .EstimateFileNotBlocked {
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin-left: 0.1em;
  }
  #PrintCorrectWorkOrder {
    height: 15px;
    width: 15px;
    padding: 0;
  }
  #PrintCorrectWorkOrder .fa-2x {
    font-size: 1em;
  }
  .OnlyAdmin #ShowWestimMessageBtn, .OnlyAdmin #CreateRevisedEstimateBtn, .OnlyAdmin #RemoveFromListNoUpload {
    color: ghostwhite;
    width: 77%;
    display: block;
    float: right;
    font-size: 0.3rem;
    margin-right: 2rem;
    margin-left: 5px;
  }
  .modal-footer {
    padding: 1rem 0.5rem 0.5rem 0rem;
  }
  label.ClientsInStack {
    font-size: 3px;
  }
  .mw50P .modal-dialog {
    margin: 0;
    margin-top: 50%;
    margin-left: 4px;
    padding: 0;
    max-width: 90% !important;
    margin-left: 15px;
  }
  .mw50P .modal-dialog {
    background-color: ghostwhite;
  }
}
@media (orientation: landscape) and (max-width: 800px) {
  .mw50P .modal-dialog {
    margin: 0;
    margin-top: 10%;
    margin-left: 4px;
    padding: 0;
    max-width: 90% !important;
    margin-left: 15px;
  }
  .mw50P .modal-dialog {
    background-color: ghostwhite;
  }
}

/***** END Breakpoints for mobile Estimate Detal  *******/
@media (orientation: landscape) and (max-width: 1580px) {
  .BackBtn, .BackBtnSubPlanContent, .BackBtnSubPlanContentLittleMoreLeft, .BackBtnSubPlanContentBottom {
    width: 4vh;
    height: 6vh;
    font-size: 0.5rem;
    padding-top: 0px;
  }
}
#page-content-wrapper{
  position: absolute;
}
@media (min-width: 576px){
  .modal-dialog {
    max-width: 90vw;
    margin: 1.75rem auto;
  }
}
div#pdfPreviewer {
  height: 80vh;
}
label.ActivePanel {
  font-size: 25px;
  border-radius: 10px;
  padding: 10px;
}
label.ActivePanel.RbLocationActive {
  background-color: aliceblue;
  position: fixed;
  top: 0;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%);
}
.btn-borderd-shadow {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.OCR_EYE_BTN {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.QuickContactSelectBtn{
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.QuickInfoBtn{
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.RetrieveContainerNumbersBtn{
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.QuickInfoSelectBtn{
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.QuickCustomWordsSelectBtn{
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5vw #66786a;
  -webkit-box-shadow: 0 0 1vw #66786a;
}
.mw-90vw{
	max-width: 90vw;
  margin: 0 auto;
}
.mw-400px{
	max-width: 400px;
  margin: 0 auto;
}
.mw-100px{
	max-width: 100px;
  margin: 0 auto;
}
.mw-200px{
	max-width: 200px;
  margin: 0 auto;
}
.mw-80px{
	max-width: 80px;
  margin: 0 auto;
}

/* PICTURES AWS */
#FileManagerResult_AWS > * {
  margin: 10px 0px 10px 10px;
}
#FileManagerResult_AWS > .data > .files {
  width: 400px;
  height: auto;
  z-index: 0 !important;
  margin: 15px;
  padding: 0;
  box-shadow: 0px 5px 18px darkgrey;
}
#FileManagerResult_AWS > .data > .folders {
  z-index: 0 !important;
}
#FileManagerResult_AWS > .data > .files > .icon {
  float: none;
  margin: 0;
  width: 100%;
  height: auto;
  max-height: 300px;
}
#FileManagerResult_AWS > .data > .files > span::after {
  display: none;
}
#FileManagerResult_AWS > .data > .files > span > a > img, #FileManagerResult_AWS > .data > .files > span > a > video {
  width: 100%;
  height: auto;
}
#FileManagerResult_AWS > .data > .files > .AWS_CheckBox {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
}
#FileManagerResult_AWS > .data > .files > .name {
  position: absolute;
  z-index: 0;
  top: 0px;
  background: ghostwhite;
  right: 0;
  padding: 5px 10px;
  opacity: 0.85;
  font-size: 0.8rem;
  border-radius: 5px;
}
#FileManagerResult_AWS > .data > .files > .details {
    z-index: 0;
    bottom: 0;
    left: 0;
    top: unset;
    width: 100%;
    height: auto;
    background: ghostwhite;
    opacity: 0.85;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 0.8rem;
}
.user-select-none{
  user-select: none;
}
.form-group>label{
  user-select: none;
}

.bbErrorMessage {
  /* max-width: 50%; */
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: aliceblue;
}
.bbErrorMessage>.modal-dialog>.modal-content {
  min-width: 50vw;
}
.bbDangerMessage {
  /* max-width: 50%; */
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: #e52d2d;
}
.bbDangerMessage>.modal-dialog>.modal-content {
  min-width: 50vw;
}
img.ViewAnImage {
  max-width: 90vw;
  max-height: 80vh;
}
td.month-picker-next>a::before {
  content: "\25B6";
  display: inline-block;
  color: black;
  font-weight: 900;
}
td.month-picker-previous>a::before {
  content: "\25C0"; /* Solid left arrow */
  font-size: 16px;
  display: inline-block;
  color: black;
}