/*
Darkmode color scheme:
*/
:root {
  /* Colors */
  --primary-foreground: #f8f8ff;
  --primary-background: #282828;
  --secondary-background: #1b2d4e;
  --primary-contrast: crimson;
  --secondary-contrast: #268d37;
  --tertiary-contrast: gold;
  --quaternary-contrast: #adff2f;
  /* Borders */
  --solid-white-border: 1px solid var(--primary-foreground);
  --dotted-white-border: 2px dotted var(--primary-foreground);
  --big-solid-white-border: 5px solid var(--primary-foreground);
  --big-solid-red-border: 5px solid var(--primary-contrast);
}
/************************* Algemeen *********************************/
body {
  background: var(--secondary-background);
}
.rotate90 {
  transform: rotate(-90deg);
  margin-left: -35px;
}
h1, h2, h3, h4, h5, h6, h7, .h1, .h2, .h3, .h4, .h5, .h6, .h7 {
  color: var(--primary-foreground);
}
a:hover, a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  cursor: pointer;
}
td, th  {
  color: var(--primary-foreground);
  background-color: var(--secondary-background);
}
textarea, textarea.form-control {
  background: var(--secondary-background);
  color: var(--primary-foreground);
}

textarea:focus, .form-control:focus {
  background: var(--secondary-background);
  color: var(--primary-foreground);
}
.form-control-NoBackGround {
  background: var(--secondary-background);
  color: var(--primary-foreground);
}
.form-control-NoBackGround:focus {
  background: var(--secondary-background);
  color: var(--primary-foreground);
}
textarea::placeholder, textarea.form-control::placeholder {
  color: var(--primary-foreground);
}
.table-danger, .table-danger > th, .table-danger > td {
  color: var(--primary-background);
}
.btn-success, .btn-success:hover {
  background: var(--secondary-contrast);
  border-color: var(--secondary-contrast);
  color: var(--primary-foreground);
}
textarea:focus::placeholder, .form-control:focus::placeholder {
  color: var(--primary-background);
}
.close:hover, .close:focus {
  color: var(--primary-foreground);
}
.swal-close-btn {
  color: var(--primary-contrast);
  opacity: 1;
}
.modal-content {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
}
.modal-dialog-small > .modal-content {
  border: var(--big-solid-white-border);
}
.bg-light {
  background-color: var(--primary-background) !important;
}
.badge-light {
  background-color: var(--primary-background);
  color: var(--primary-contrast);
}
.dropdown-menu {
  background: var(--primary-background);
  border: var(--dotted-white-border);
}
.dropdown-menu > a {
  background: var(--primary-background);
  color: var(--primary-foreground) !important;
}
.dropdown-menu > a.SND {
  background: var(--secondary-contrast);
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus, .dropdown-item:hover, .dropdown-item:focus {
  background: var(--secondary-contrast) !important;
  color: var(--primary-foreground);
}
.list-group-item {
  border: var(--solid-white-border);
}
.list-group-item-action {
  background: var(--primary-background);
  color: var(--primary-foreground) !important;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: var(--primary-background) !important;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link .show, .navbar-light .navbar-nav .nav-link .active {
  color: var(--primary-foreground);
}
.btn-light {
  color: var(--primary-foreground);
  background-color: var(--primary-background);
  border-color: var(--primary-foreground);
}
.btn-dark {
  color: var(--primary-background);
  background-color: var(--primary-foreground);
  border-color: var(--primary-background);
}
.btn-info {
  background: var(--quaternary-contrast);
  color: var(--primary-background);
}
.btn-secondary, .btn-danger {
  color: var(--primary-foreground);
  background-color: var(--primary-contrast);
  border-color: var(--primary-contrast);
}
#MessageBox > .modal-dialog > .modal-content, .bootbox-prompt > .modal-dialog > .modal-content {
  padding: 25px;
  background-color: var(--primary-background);
  border: var(--big-solid-red-border);
}
#MessageBox > .modal-dialog > .modal-content > .modal-header, #MessageBox > .modal-dialog > .modal-content > .modal-body-MessageBox {
  padding: 15px 0px;
  color: var(--primary-foreground);
}
.ModalReferenceOut {
  border: var(--solid-white-border);
}
.FixedSquareW800 {
  border: var(--solid-white-border);
  background: var(--secondary-background);
}
.table-success, .table-success > th, .table-success > td {
  background: var(--quaternary-contrast);
  color: var(--primary-background);
}
.table-warning, .table-warning > th, .table-warning > td {
  background-color: crimson;
}
.NOT_BOT {
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #28282b 10px, #28282b 20px), linear-gradient(to bottom, crimson, #28282b);
}
.paginate_button.previous, .paginate_button.next {
  color: var(--primary-foreground);
}
pre {
  color: var(--primary-foreground);
}
#ApiRequestSent > pre, #ApiResponse, #ApiResponse > pre, #ApiReceived > pre {
  color: var(--primary-foreground);
}
.TheApiSendContent > .json-mark, #ApiResponse > pre > .json-mark {
  color: var(--primary-foreground);
}
.TheApiSendContent > .json-key, #ApiResponse > pre > .json-key {
  color: orange;
}
.TheApiSendContent > .json-string, #ApiResponse > pre > .json-string {
  color: var(--tertiary-contrast);
}
.TheApiSendContent > .json-number, #ApiResponse > pre > .json-number {
  color: #00ffff;
}
.TheApiSendContent > .json-link, .TheApiSendContent > span > .json-link, #ApiResponse > pre > .json-link, #ApiResponse > pre > span > .json-link {
  color: #f29ac2;
}
.table-striped > thead > tr, .table-striped > tbody > tr {
  background-color: var(--secondary-background) !important;
}
.table-striped > tbody > .odd, .table-striped > tbody > .odd > td > .table-striped > tbody > tr {
  background-color: var(--primary-background) !important;
}
.swal2-popup, .swal-titlebar {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
}
/* Homescreen and menus */
#WebPageMainNavbar {
  background-color: var(--primary-background) !important;
}
#nav-icon1 span {
  background: var(--primary-foreground);
}
.PageContent, .Monitoring1207MainOverview, .QEMER-stacknumber {
  background-color: var(--secondary-background) !important;
}
.megaLB-stacknumber, .Q1207-stacknumber {
  border: var(--solid-white-border);
}
#WebPageMainNavbar > .nav-button > .nav-button-btn, #WebPageMainNavbar > .navbar-gatebuttons > .nav-button > .nav-button-btn {
  border: 2px solid var(--primary-foreground);
  background-color: var(--primary-contrast);
  color: var(--primary-foreground);
}
.nav-button-btn > .nav-count {
  background: var(--primary-foreground);
  color: var(--primary-contrast);
  font-weight: 600;
}
#WebPageMainNavbar > .navbar-nav > .dropdown {
  background-color: var(--primary-background);
  border: var(--solid-white-border);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: var(--primary-foreground);
}
#PersonalMenuDropOptions {
  background-color: var(--primary-background);
}
#PersonalMenuDropOptions > a {
  color: var(--primary-foreground) !important;
}
.dropdown-divider {
  border-top: 1px solid var(--primary-contrast);
}
.NewNotificationCount, .NewMessages {
  color: var(--primary-contrast);
}
.license-plate-content-title {
  border-bottom: 1px solid var(--primary-foreground);
}
.license-plate-content-body {
  border: 1px solid var(--primary-foreground);
  border-top: 0;
}
/*** In menu pages ***/
/** Hamburger **/
/* Quick Search Estimate */
.EstimateContentInQSE {
  border-radius: 5px;
}
.EstimateContentInQSE > .modal-header2, .EstimateContent > .EstimateDetail-modal-body, ul.list-group.OnlyAdmin.RightBottom  {
  background: var(--primary-background) !important;
}
.SearchEstimateResult {
  background: var(--secondary-background);
}
.EstimateContentInQSE > .modal-header2 > #EstimateDetailTitleExtraComment, .EstimateContentInQSE > .modal-header2 > #ClientOfContainerLbl, .EstimateContentInQSE > .modal-header2 > #TheIsoOfEstimate, .EstimateContentInQSE > .modal-header2 > #LocationOfEstimate, .EstimateContentInQSE > .modal-header2 > #StatusOfEstimate {
  color: var(--primary-foreground);
}
button#PostRepairPicturesBtn {
  border: none;
}
.nav-tabs .nav-link {
  color: var(--primary-foreground);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: var(--primary-foreground);
  background-color: var(--primary-contrast);
  border-color: var(--primary-foreground);
}
.CompletedEstimate {
  background-color: var(--secondary-contrast) !important;
}
#SummaryDescription  {
  color: var(--primary-foreground);
}
.bg-warning > td {
  color: var(--primary-background);
}
button.QuickSelectAndCalcBtn {
  color: var(--primary-background);
  background-color: var(--primary-foreground);
  border-color: var(--primary-foreground);
}
/* EDI */
.EdiMessageContent, .DepotSmartContent {
  color: var(--primary-foreground);
}
/* Search container history */
.SearchEstimateResult > .EstimatesResultList > button:hover {
  background: var(--secondary-contrast);
  color:  var(--primary-foreground) !important;
}
.item-detail {
  color: var(--tertiary-contrast);
}
/* Convert text to numbers */
.show-in-stack-title {
  color: var(--primary-background);
}
/* Tutorials */
#TutorialTable > tbody > tr > td > a, #TutorialTable > tbody > tr > td > a:not([href]):not([tabindex]) {
  color: var(--tertiary-contrast);
  text-decoration: none;
}
#TutorialTable > tbody > tr > td > a:hover, #TutorialTable > tbody > tr > td > a:not([href]):not([tabindex]):hover {
  text-decoration: underline;
  cursor: pointer;
}
/* Monitor database changes */
#MonitorDBInlineContent {
  background-color: var(--primary-background);
  color: var(--primary-foreground);
}
/** Top quick access buttons **/
/** Gates **/
/* Search references */
#SRFRefIn, #SRFRefOut {
	border: var(--dotted-white-border);
}
#SRFRefIn.SND, #SRFRefOut.SND {
	border: 1px solid var(--quaternary-contrast);
}
#RegisteredContainerNumbersTd > table > thead > tr, #RegisteredContainerNumbersTd > table > tbody > tr, #InitialContainerNumbersTd > table > thead > tr, #InitialContainerNumbersTd > table > tbody > tr {
  background: var(--secondary-background);
}
/* Add reference OUT */
.removeFromAEROBtn, .unlinkFromAEROBtn {
  background-color: var(--primary-background);
}
.popup-for-ref-out-confirm > .modal-dialog > .modal-content, .popup-for-ref-out-confirm > .modal-dialog > .modal-content > .modal-header > .modal-title, .popup-for-ref-out-confirm > .modal-dialog > .modal-content > .modal-body {
  background-color: var(--quaternary-contrast);
  color: var(--primary-background);
}
/* Gate Moves */
.PrintEIR_Content {
  background: var(--primary-background);
}
.PrintEIR_Content > .container > .row > div {
  color: var(--primary-foreground);
}
/* Gate tasks */
#PendingTasksModal > table > thead > tr > td {
  color: var(--primary-foreground);
}
#PendingTasksModal > table > tbody > tr:not(.gate-tasks-DiffertentStatusThenRefOut) > td:not(.SND) {
  color: var(--primary-foreground);
}
.gate-tasks-DiffertentStatusThenRefOut {
  color: var(--primary-foreground);
}
#ReferenceDetail > .modal-dialog > .modal-content {
  background: var(--secondary-background);
}
.ReferenceDetail-modal-body table td, th, #SummaryDescription {
  color: var(--primary-foreground);
}
.ReferenceDetail-modal-body > div > table > tbody > .PSU > td, .ReferenceDetail-modal-body > div > table > tbody > .NOC > td, .ReferenceDetail-modal-body > div > table > tbody > .CWNOC > td, .ReferenceDetail-modal-body > div > table > tbody > .NOR > td, .ReferenceDetail-modal-body > div > table > tbody > .ONH > td, .ReferenceDetail-modal-body > div > table > tbody > .NWS > td, .ReferenceDetail-modal-body > div > table > tbody > .SND > td, .ReferenceDetail-modal-body > div > table > tbody > .CWSD > td, .ReferenceDetail-modal-body > div > table > tbody > .SOH > td, .ReferenceDetail-modal-body > div > table > tbody > .AQB > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAQB > td, .ReferenceDetail-modal-body > div > table > tbody > .AQBS > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAQBS > td, .ReferenceDetail-modal-body > div > table > tbody > .AQBF > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAQBF > td, .ReferenceDetail-modal-body > div > table > tbody > .AQC > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAQC > td, .ReferenceDetail-modal-body > div > table > tbody > .AQCS > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAQCS > td, .ReferenceDetail-modal-body > div > table > tbody > .DIML > td, .ReferenceDetail-modal-body > div > table > tbody > .CWIML > td, .ReferenceDetail-modal-body > div > table > tbody > .DIM > td, .ReferenceDetail-modal-body > div > table > tbody > .CWIM > td, .ReferenceDetail-modal-body > div > table > tbody > .DIMS > td, .ReferenceDetail-modal-body > div > table > tbody > .CWIMS > td, .ReferenceDetail-modal-body > div > table > tbody > .DIMF > td, .ReferenceDetail-modal-body > div > table > tbody > .CWIMF > td, .ReferenceDetail-modal-body > div > table > tbody > .HLD > td, .ReferenceDetail-modal-body > div > table > tbody > .DAUS > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAUS > td, .ReferenceDetail-modal-body > div > table > tbody > .DAUL > td, .ReferenceDetail-modal-body > div > table > tbody > .CWAUL > td {
  color: var(--primary-background);
}
.VPTI > * {
  color: #ffff00;
}
.extra-info-rightsidemenu {
  color: var(--primary-foreground);
}
.ContainerPossibleToGiveToTruck {
  background-color: var(--secondary-contrast);
}
/* Booked VS Stock */
#ClientBookedVSStock > option, #WhichLocation > option {
  background: var(--secondary-background);
  color: var(--primary-foreground);
}
/* Open Barge Requests */
div#ABRMModal-modal-content{
  background: var(--secondary-background);
}
/* Flag license plate */
.OverWriteFlagModal-modal-body > .CommentBtn {
  background: var(--tertiary-contrast);
  color: var(--primary-background);
}
/** Stats **/
/* Containers Repaired At */

/** Right dropdown **/
/*** Overviews ***/
.EucoreOverview {
  -webkit-box-shadow: 0px 0px 11px 15px rgba(31,31,31,0.62);
  box-shadow: 0px 0px 11px 15px rgba(31,31,31,0.62);
}
.Mega1Overview , .Mega2Overview, .Mega3Overview, .MegaBOverview, .MegaWOverview, .MegaGOverview, .MegaAOverview, .MegaCOverview, .MegaDOverview, .MegaEOverview, .MegaFOverview, .MegaHOverview, .MegaIOverview, .MegaJOverview, .MegaKOverview, .MegaLOverview, .MegaTOverview, .MegaSOverview, .MegaMOverview {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.SubPlanContent {
  margin-top:  25px;
}
.SubPlanContent div {
  color: var(--primary-foreground);
}
.RbLocationActive::before {
  background: var(--primary-foreground);
}
div[class^='EU'], div[class^='MR'], div[class^='MB'] {
  border: var(--solid-white-border) !important;
}
.glowing-border {
  -webkit-animation: glowingwhite 1500ms infinite;
  -moz-animation: glowingwhite 1500ms infinite;
  -o-animation: glowingwhite 1500ms infinite;
  animation: glowingwhite 1500ms infinite;
}
@-webkit-keyframes glowingwhite {
  0% {-webkit-box-shadow: 0 0 3px #42f5e9; }
  50% {-webkit-box-shadow: 0 0 15px #FF0000; }
  100% {-webkit-box-shadow: 0 0 3px #42f5e9; }
}
@-moz-keyframes glowingwhite {
  0% {-moz-box-shadow: 0 0 3px #42f5e9; }
  50% {-moz-box-shadow: 0 0 15px #FF0000; }
  100% {-moz-box-shadow: 0 0 3px #42f5e9; }
}
@-o-keyframes glowingwhite {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 15px #FF0000; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
@keyframes glowingwhite {
  0% {box-shadow: 0 0 3px #42f5e9; }
  50% {box-shadow: 0 0 15px #FFffff; }
  100% {box-shadow: 0 0 3px #42f5e9; }
}
/*** Workshop ***/
.vakken > div {
  color: var(--primary-foreground);
}
/* Hours Personnel */
#HoursPersonel > div {
  background: var(--secondary-background);
}
/*-----------------Estimate Detail------------------------*/

.EstimateContentInQSE>.EstimateDetail-modal-body center:empty {
    display: none;
}
/*Estimate Info OR*/
#BoxEstimateORTable td{
 vertical-align: middle;
}
#BoxEstimateORTable button {
  color: GhostWhite;
  background-color: #dc3545;
  margin: 0px 5px;
}
#BoxEstimateORTable button:hover {
  color: Gold;
}
.DropButton{
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center,center;
  display: inline-block;
  padding: 0;
}
.Est_drop {
  transform: rotate(180deg);
  padding: 3px 5px;
  margin-top: -1px;
}
.originalValue {
  color: #dc3545;
}
@keyframes gradient2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*Estimate Info RE*/
div#RevisedEstimate0, div#RevisedEstimate1, div#RevisedEstimate2, div#RevisedEstimate3, div#RevisedEstimate4, div#RevisedEstimate5, div#RevisedEstimate6, div#RevisedEstimate7, div#RevisedEstimate8, div#RevisedEstimate9, div#RevisedEstimate10, div#RevisedEstimate11 {
  background-color: #d57500 !important;
}
/*Add Unit Item*/
#EstimateOverLayTitle {
  color: var(--primary-background);
}
/**** Right side menu ****/
.rightmenu-extratext {
  color: var(--primary-foreground);
}
/**** Settings ****/
#TitleSettingsActive{
  margin-left: 1.25rem !important;
  color: ghostwhite !important;
}
#SettingsContentBody {
  background: var(--secondary-background);
}
@media screen and (max-width: 1200px) {
  .BackBtn, .BackBtnSubPlanContent, .BackBtnSubPlanContentLittleMoreLeft, .BackBtnSubPlanContentBottom {
    width: 4vh;
    height: 4vh;
    padding-top: 8px;
  }
  .StackMenuRb {
    top: 7.5vh;
    height: 40vh;
  }
  .StackMenuRb .LargerBtn {
    height: auto;
    padding: 2px 0px;
    font-size: 0.4rem;
    white-space: break-spaces;
    border-radius: 0.25rem;
  }
}