.login-row {
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
}

.login-background {
  /* background: url('/assets/images/high-speed-train.jpg') no-repeat; */
  background-size: cover;
  background-position: -150px;
  background-repeat: no-repeat;
}

.login-form img {
  max-width: 150px;
  height: auto;
  margin-bottom: 1rem;
}


.login-background {
   background-position: center;
 }

.login-form {
  margin: 2rem auto;
  width: 100%;
  max-width: 420px;
  border: 1px solid #eaeaea;
  padding: 2rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.login-form .btn {
  font-size: 16px;
}

.login-form label {

  font-size: 16px;
}

.login-form input {
  font-size: 16px;
  height: 40px;
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
}

.login-form small {

   font-size: 14px;

  }

 .login-form  .forgot-password {
  font-size: 14px;
  float: right;
}

.login-form .alert {
  display: block;
}
.sso-btn {
  border: 0;
  padding: 10px 20px;
  font-size: 16px;
  transform: all .25s;
}

.sso-btn:hover {
  opacity: 0.8;
  transform: all .25s;
}

.sso-btn span.sso-btn-icon {
  padding-right: 20px;
  font-size: 21px;
}

.sso-microsoft-btn {
  background: #545454;
  color: white;
}
.control_heading {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.control_heading span {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}


.control_heading span {
  font-size: 10px;
  text-transform: uppercase;
  color: #98a9bc;
  letter-spacing: .5px;
  font-weight: 500;
  margin: 0;
}

.switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #98a9bc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 35px;
}


.control_heading .switch_slider {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0;
  margin-left: 10px;
}


.control_heading input:checked + .switch:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(20px);
}

.control_heading input:checked + .switch {
  background-color: #00a8ff;
}

.control_heading .switch:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.switch_slider {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch_slider input {
  opacity: 0;
  width: 0;
  height: 0;
}
.train-info-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 999;
  right: 0;
  top: 0;
  line-height: initial;
  text-align: initial;
}

.modal-content {
  color: #000;
  background: #fff;
  width: 70%;
  /* height: 100%; */
  /* padding: 1.5rem; */
  float: right;
  line-height: initial;
  text-align: initial;
  overflow-y: scroll;
}

.modal-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  width: 100%;
  height: 100%;
}


.modal-content {
  border-radius: 0;
 }

 .train-info-modal .modal-content {
  width: 70%;
  font-size: 12px;
   padding: 0;
 }


 .train-info-modal .modal-content table {
  padding: 4px;
 }

 .train-info-modal .modal-content-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: #fff;
  z-index: 999;
  padding: 40px 40px 0;
 }

 .train-info-modal .modal-content-close {
  margin-right: 1rem;

}


.train-info-modal .modal-content-title h3 {
  margin-top: 0;
  margin-bottom: .5rem;
}

.modal-table {
  padding: 0 40px;
}

.modal-table .row {
  margin: 0;
}


.modal-table .col-2, .modal-table .col-6 {
  padding-left: 4px;
  padding-right: 4px;
  padding: 4px;
}

.gps-map {
  padding: 0 40px;
}


.train-info-modal nav {
  margin-top: 1rem;
}  

.nav-link {
  padding: 0;
 }

 .nav-link.active {
  color: #000;
 }

 .nav-link.disabled {
  color: #d4d4d4;
 }
.train-highlight-animation {
  animation: highlightTrain 1s 3 forwards ease-in-out;
}

.st0{fill:#FFFFFF;}
.st1{font-family:'ArialMT';}
.st2{font-size:10px;}
.st3{fill:#DDDDDD;}
.st4{fill:#FF0000;}
.st5{fill:#E42320;}
.st6{fill:#DCDCDC;}
.st7{fill:#1D1D1B;}
.st8{fill:none;stroke:#CCCCCC;stroke-width:8;stroke-miterlimit:10;}
.st9{fill:none;stroke:#000000;stroke-width:8;stroke-miterlimit:10;}
.st10{fill:none;stroke:#000000;stroke-width:8;stroke-linecap:square;stroke-miterlimit:10;}

/* DO NOT DELETE THESE CLASSES */
.st01 {
  font-size: 12px;
}

.st02 {
  stroke-width: 2px;
  fill:none;stroke:#000000;
}
/* ################# */

@keyframes highlightTrain {
  0% {
    fill: #ffffff;
  }
  50% {
    fill: #ffe976;
  }
  100% {
    fill: #fff;
  }
}
.tt-circle {
  width: 55px;
  height: 55px;
  background: #37b37d;
}

.tt-sub-row-diagrams, .tt-sub-row-status {
  min-width: 150px;
}

.tt-sub-row-cl {
  min-width: 300px;
}

.live-trains {
  margin: 32px 0;
}


.live-train-row {
  padding: 16px 0;
  border-bottom: 1px solid #d4d4d4;
}

.live-train-row-meta {
  width: 100%;
  font-size: 14px;
  color: #666;
}

.live-train-row-meta h5 {
  font-size: 14px;
  color: #000;
}



.live-trains-filters {
  display: flex;
}


.live-trains-filters select, .live-trains-filters input[type=text] {
  border: 1px solid #d4d4d4;
  width: 150px;
  border-radius: 4px;
  height: 32px;
  font-size: 14px;
  padding: 0 4px;
  margin-right: 16px;
}


.live-trains-filters input[type=text] {
  margin-left: auto;
  background: #f4f5f7;
  color: #333;
  border: 1px solid #f4f5f7;
  margin-right: 0;
}

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

.add-decision-row {
  border-bottom: 1px solid #d4d4d4;
}

.custom-tooltip {
  background: rgb(73 73 73);
  padding: 10px;
  z-index: 999;
  border-radius: 5px;
  /* min-width: 400px; */
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 25px;
  color: white;
}

.custom-tooltip:after {
  content: '';
  width: 0;
  height: 0;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #494949;
}
.create-case-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: initial;
  text-align: initial;
}

.add-case {
  height: 80%;
  min-width: 630px;
} 

.btn {
  font-size: 14px;
}
.btn-secondary {
  background: transparent;
  border: 0;
  color: #000;
}

/* global */

.modal-content {
  padding: 40px;
  max-height: 80%;
}

.modal-content.add-case {
  padding: 40px;
  max-width: 520px;
  min-width: auto;
  font-size: 12px;
}


.modal-content.add-case p {
  margin-bottom: 30px;
}

.case-type-row {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 1rem;
}


.modal-content label {
  font-size: 12px;
  margin-bottom: 4px;
}


input[type=text], input[type=email], input[type=time], input[type=datetime-local], input[type=number], .modal-content select, .modal-content textarea {
  font-size: 14px;
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
  color: #000;
  appearance: auto;
}


.modal-content.add-case .btn-primary {
  margin-right: .5rem;
}

.modal-content .form-group {
  margin-bottom: 1rem;
}


.modal-content .form-buttons {
  margin-top: .5rem;
}


input#boarded:last-child {
  margin-left: 1rem;
}

.dropdown-item {
  font-size: 12px;
  padding: .25rem .5rem;
}

.modal-add-incident.modal-content {
  border-radius: 8px;
  max-width: 600px;
  padding: 80px;
}
.progress-bar {
  background-color: #0154e3;
}
.modal-add-incident input, .modal-add-incident select {
width: 100% !important;
height: 42px;
}
.modal-add-incident .has-search .form-control-feedback {
width: 42px;
height: 42px;
line-height: 42px;
}
.modal-add-incident .has-search .form-control-feedback .fa-search:before {
  content: "\f002";
  font-size: 18px;
}
.modal-add-incident .progress {
height: .5rem;
}
.modal-add-incident .close {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.incident_qs {
width: 100%;
}
.q-current {
display: block;
}



.alerts {
  display: none;
  max-width: 360px;
  position: fixed;
  overflow-y: scroll;
  width: 360px;
  height: calc(100vh - 56px);
  background: #fff;
  top: 56px;
  right: 0;
  border-left: 1px solid #dde3f2;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-box-shadow: 0 3px 10px -5px #888;
  -moz-box-shadow: 0 3px 10px -5px #888;
  box-shadow: 0 3px 10px -5px #888;
  z-index: 99;
}

.alerts .sub-nav a {
  margin-right: 13px;
}

@media only screen and (max-width: 1024px) {
  .alerts {
    height: calc(100vh - 112px);
    right: 20px;
    border-right: 1px solid #dde3f2;
    border-bottom: 2px solid #dde3f2;
    border-radius: 3px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
    box-sizing: border-box;
  }
}
body.alerts-open .alerts {
  display: block;
}
.box-wrapper {
  padding-bottom: 40px;
  padding: 0;
  position: relative;
  background: #fff;
  overflow-y: visible;
  height: auto;
  top: 0;
}
.alerts .heading {
  line-height: 13px;
}
.alerts .alert_list {
  height: 100%;
  min-height: 500px;
  padding-bottom: 60px;
  padding: .5rem 1rem 0;
}
.alerts .tab-content {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
}
.alerts .alert {
  width: 100%;
  padding: 16px;
  margin: 0;
  border-bottom: 1px solid #d4d4d4;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.alert .service_clash {
  width: 44px;
  min-width: 44px;
  max-height: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  font-size: 12px;
  flex-wrap: wrap;
  line-height: 14px;
  position: relative;
  align-items: center;
  margin-right: 1em;
  background: transparent;
}
.alert .service_clash .icon-clash {
  width: 100%;
  background: transparent;
}
.alert_heading {
  font-size: 13px;
  line-height: 1.3em;
  margin-bottom: .5rem;
}
.alert_heading span {
  white-space: nowrap;
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.alerts .alert .alert_meta span.alert_text {
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 400;
  margin-bottom: 4px;
}
.alerts .more-options-btn .svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: auto;
  overflow: visible;
}
.alerts .heading:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 8px;
  z-index: -1;
  transform: scale(0.94);
  left: 0;
  -moz-box-shadow: 0px 0px 8px 2px #FFFFFF;
  -webkit-box-shadow: 0px 0px 8px 2px #FFFFFF;
  box-shadow: 0px 0px 0px 10px #f4f4f4;
}
.alert {
  width: 100%;
  padding: 15px;
  margin: 0;
  border-bottom: 1px solid #e7e8f3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.alert .delay-time {
  font-weight: 600;
}



.alert:hover {
  background: #f2fbff;
}
.alert .close, .alert .status {
  position: absolute;
  right: 15px;
  top: 15px;
}
.alert .close::after {
  content: '\f057';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
}
.alert .status {
  font-size: 14px;
  padding: 5px;
  background: red;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.alert .status.confirmed {
  background: #00AD61;
}
.alert .status.cancelled {
  background: #B12B42;
}
.alert .alert_icon {
  font-size: 16px;
  margin-right: 12px;
  margin-top: 22px;
}
.alert_time_date {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}
span.alert_time {
  font-size: 12px;
  color: #80838c;
  margin-bottom: 5px;
}
.alert .alert_meta span.alert_title {
  font-size: 18px;
}
.alert .alert_meta span.alert_text {
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 400;
}
.alert .alert_meta span {
  display: block;
}
.alert-headcode {
  color: #1ea0d3;
  text-decoration: underline;
  cursor: pointer;
}
.alerts h5 {
  font-size: 11px;
  text-transform: uppercase;
  color: #80838c;
  font-weight: 500;
}
.alerts .case, .overview .case {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #eaeaea;
}
.alerts .group>div:first-child {
  border-bottom: 1px solid #eaeaea;
}
.alerts .case::before, .overview .case::before {
  border-radius: 0;
  width: 5px;
  border: 0;
}
.alerts .case-meta, .overview .case-meta {
  display: flex;
  font-size: 14px;
  text-align: left;
  margin-left: 5px;
  padding: 5px;
  width: calc(100% - 5px);
}
.alerts .case-th, .overview .case-th {
  font-size: 11px;
  margin-left: 5px;
  padding: 5px;
  width: calc(100% - 5px);
  color: #a5a5a5;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.alert-see-history {
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
}
.alert-see-history i {
  font-size: 10px;
  margin-left: 5px;
}
a.primary, button.primary {
  background: #00a8ff;
  color: #fff;
  border: 2px solid #00a8ff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  text-align: left;
  padding: 4px 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 8px;
}
.green {
  color: #00AD61;
}
.history-chevron {
  font-size: 9px;
  margin-left: 5px;
}
.alerts .heading {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  background-color: white;
  font-size: 14px;
  font-weight: 500;
  padding: 16px;
  margin: 0px;
  /* cursor: pointer; */
  position: sticky;
  top: 0px;
  z-index: 1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 1px solid rgb(235, 236, 240);
}
.alerts .heading:after {
  display: none;
}
.alerts .tab-title h3 {
  margin: 0;
}
.alerts .tab-list.open {
  display: block;
}
.alert .alert_meta {
  width: 100%;
}
.alert_heading {
  font-size: 14px;
  font-weight: 600;
}
header {
  padding-left: 25px;
  padding-right: 25px;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  -webkit-box-shadow: 0 3px 5px -5px #888;
  -moz-box-shadow: 0 3px 5px -5px #888;
  box-shadow: 0 3px 5px -5px #888;
  width: 100%;
  height: 56px;
  display: flex;
  position: fixed;
  top: 0;
  z-index: 999;
}
header .logo {
  margin-right: 15px;
}
header .logo img {
  width: auto;
  max-width: 120px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}
header .nav-wrapper {
  width: 100%;
}
header ul {
  margin: 0;
  padding: 0;
}
header ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  text-align: left;
  margin: 0 .5rem;
  height: 56px;
  line-height: 56px;
}
header ul li a {
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 100%;
}
header ul li a:link, header ul li a:visited {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  font-size: 14px;
  text-transform: initial;
  color: #8B95A6;
}
header ul li a:hover, header ul li a:active {
  text-decoration: none;
  color: #172B4D;
}
/* header nav active link */

header ul li a.active-link:link, header ul li a.active-link:visited {
  color: #172B4D;
}
header ul li a.active-link:after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #172B4D;
}
/* header nav button */

header ul li.button {
  padding: 0;
  margin-left: auto;
}
header ul li.button a {
  padding: 12px 22px;
  color: #fff;
}
header .sub-menu ul li {
  margin: 0 .25rem;
}
header .sub-menu ul li:last-child {
  padding: 0;
  margin-right: 0;
}
header .sub-menu ul li:last-child i {
  padding: 0;
  margin-left: .25rem;
}

.alert-toggle {
  white-space: nowrap;
}


.alert-toggle i {
  margin-right: .25rem;
}

:root {
  --theme-grey: #c1c7d0;
  --theme-yellow: #f3c20f;
  --theme-orange: #f39c0f;
  --theme-red: #ee5a23;
  --theme-dark-pink: #E9275B;
  --theme-green: #36B37D;
  --theme-blue: #0053e7;
  --theme-rail-blue: #1D2F9C;
  --predictions-blue: #04a7ff;
  --ammedments-yellow: #ffe9ac;
}

.theme-grey {
  color: var(--theme-grey);
}

.theme-orange, .delay-medium {
  color: var(--theme-orange);
}

.theme-red, .delay-high {
  color: var(--theme-red);
}

.theme-dark-pink, .delay-major {
  color: var(--theme-dark-pink);
}

.loading {
  width: 100%;
  height: 100%;
}

.loading img {
  width: 100%;
  display: block;
  margin: auto;
  max-width: 48px;
  height: auto;

}

.svg-inline--fa {
  height: 1em;
}

.no-functionality {
  cursor: not-allowed !important;
}

.disabled-event {
  pointer-events: none !important;
}

h1 {
  font-size: 24px;
  line-height: 1.1em;
  font-weight: 500;
  margin: 0;
  color: #172B4D;
}

h3 {
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 500;
  margin: 0 0 1rem;
  color: #172B4D;
}

h3 svg {
    font-size: 16px;
    color: #8c95a6;
    margin-right: .25rem;
}

.page-header h3 {
  margin-bottom: 0;
}

.surface {
  /*width: calc(100vw - 360px);*/
  width: calc(100vw - 400px);
  min-height: calc(100vh - 56px);
  background: #fff;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  margin-top: 56px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 24px;
  padding-bottom: 60px;
  position: relative;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media only screen and (min-width: 1025px) {
  .surface.mx-auto {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .surface {
    width: calc(100vw);
  }
}
@media only screen and (max-width: 768px) {
  .surface {
    padding-left: 0;
    padding-right: 0;
  }
}

.more-options-btn, .square-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  background: #e4e4e4;
  position: relative;
  line-height: 32px;

}




ul.bcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none !important;
}

ul.bcrumb li {
  color: #d4d4d4;
  font-size: 12px;
}

ul.bcrumb li:after {
  content: '/';
  margin: 0 8px;
  font-size: 12px;
  color: #666;
}

ul.bcrumb li:last-child:after {
  display: none;
}

ul.bcrumb li a {
  color: #666666;
  text-decoration: none;
}


.btn {
  font-size: 14px;
  padding: .25rem .5rem;
}

.btn-primary {
  background: #0054E3;
  color: #fff;
}


.service_headcode.ontime {
  background: #24a96f;
}

.service_headcode div, .service_headcode span {
  width: 100%;
  font-size: 12px;
  display: block;
}

.service_headcode a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.loading-input {
  background-color: #ffffff;
  background-image: url(data:image/gif;base64,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);
  background-size: 25px 25px;
  background-position:right center;
  background-repeat: no-repeat;
  z-index: 999;
}

.confirm-modal {
  width: 500px !important;
  height: 250px !important;
}

 /* user-list table */

 .user-list {
  width: 100%;
}

.user-list thead {
  font-size: 12px;
}

.user-list tr {
  border-bottom: 1px solid #d4d4d4;
}

.user-list tbody tr:hover {
  background: #f4f4f4;
}

.user-list td, .user-list th {
  padding: .5rem;
}

.user-list tr td:last-child, .user-list tr th:last-child {
  text-align: right;
  white-space: nowrap;
}


/* sub nav */

.nav-link {
  padding: 0;
}

.nav-link.active {
  color: #000;
}

.nav-link.disabled {
  color: #d4d4d4;
}

.surface.nosidebar {
  width: 100%;
  margin-bottom: 2rem;
}


.alternateRoute nav.suggestedDecisionTabs {
    border: 1px solid #D4D4D4;
    margin: -13px 0 0;
    padding: 21px 1rem 0px;
}

nav.suggestedDecisionTabs .nav-link {
  margin: 0px 6px;
  color: #5c5c5c;
}
nav.suggestedDecisionTabs .nav-link.active {
  margin: 0px 6px;
  color: #007bff;
  border-bottom: 3px solid #007bff !important;
}

.alternateRoute {
	margin-bottom: 1rem
}
.alternateRoute .lt {
	/*overflow: scroll;*/
}
.alternateRoute table {
	overflow: scroll
}
.alternateRoute .card-body {
	overflow: scroll
}
.alternateRoute .tab-content {
	border: 1px solid #d4d4d4;
    border-top: 0;
 }


@media only screen and (max-width: 992px) {

  .user-list tr td:last-child, .user-list tr th:last-child {
  text-align: left;
  }

  .user-list td:nth-of-type(1):before { content: "First Name"; }
  .user-list td:nth-of-type(2):before { content: "Last Name"; }
  .user-list td:nth-of-type(3):before { content: "Email"; }
  .user-list td:nth-of-type(4):before { content: "Access level"; }
  .user-list td:nth-of-type(5):before { content: "Active status"; }
  .user-list td:nth-of-type(6):before { content: "Date registered"; }
  .user-list td:nth-of-type(7):before { content: "Actions"; }
}

.user-list .btn-danger {
  background: transparent;
  border: 0;
}

.user-list .btn-danger svg {
  color: #1b1b1b;
}

/* add user */

.add-user {
  border: 1px solid #d4d4d4;
  padding: 2rem;
}


/* sub nav */

nav.sub-nav {
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 0;
  margin-top: .5rem;
}

.alert_list nav.sub-nav {
  width: calc(100% + 30px) !important;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 0;
  /*padding-top: 8px;*/
  position: sticky;
  /*top: 52px;*/
  background: #fff;
  z-index: 999;
  margin-left: -15px;
  /*padding-left: 15px;*/
  padding: 1rem 0 0.5rem 15px;
  top: 53px;
  margin-top: 0;
}

nav.sub-nav ul {
  width: 100%;
}
nav.sub-nav ul, nav.sub-nav li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
nav.sub-nav a {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
  padding-bottom: 4px;
  color: #172B4D;
}
nav.sub-nav a:last-child {
  margin: 0;
}
.nav-tabs .nav-link.active {
  color: #172B4D;
  opacity: 1;
  border-bottom: 2px solid #172B4D !important;
}
nav.sub-nav a {
  opacity: .5
}
nav.sub-nav a:hover {
  opacity: 1;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: transparent;
  background: none;
}

.nav-tabs .nav-link {
  padding-bottom: .5rem;
}

.user-list .btn-danger {
  background: transparent;
  border: 0;
}


.severity-low {
  background: var(--theme-green) !important;
}

.severity-low-medium {
  background: var(--theme-yellow) !important;
}

.severity-medium {
  background: var(--theme-orange) !important;
}

.severity-high {
  background: var(--theme-red) !important;
}

.severity-very-high {
  background: var(--theme-rail-blue) !important;
}

.severity-major {
  background: var(--theme-dark-pink) !important;
}

.st9-medium {
  stroke: var(--theme-orange) !important;
}

.st9-high {
  stroke: var(--theme-red) !important;
}

.st9-major {
  stroke: var(--theme-dark-pink) !important;
}

.modal-content {
  color: #000;
  background: #fff;
  width: 70%;
  /* height: 100%; */
  /* padding: 1.5rem; */
  float: right;
  line-height: initial;
  text-align: initial;
  overflow-y: scroll;
}

.modal-content .comments {
  position: relative;
  max-width: 100%;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  border-left: 0;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}

.affected-train {
  border-left: 2px solid var(--predictions-blue) !important;
  border-right: 2px solid var(--predictions-blue) !important;
}

.changed-train {
  border-left: 2px solid var(--ammedments-yellow) !important;
  border-right: 2px solid var(--ammedments-yellow) !important;
}

.changed-tiploc {
  background: var(--ammedments-yellow) !important;
}

.changed-tiploc:after {
  content: 'Ammended';
  font-family: inherit;
  position: absolute;
  right: 0;
  top: -3px;
  height: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  padding: 3px;
  background: var(--predictions-blue);
  line-height: 1;
  font-size: 10px;
  width: 100%;
}

.z-index-9999 {
  z-index: 9999;
}

.review-bar {
  background: var(--theme-blue);
  color: white;
  padding: 15px 20px 10px 15px;
  bottom: 0;
  z-index: 999;
}

.service-change {
  background: #eee;
  border-radius: 8px;
  padding: 10px 15px;
}

.live-train-expand {
  background: #f5f5f7;
}

.live-train-card {
  min-width: 160px;
  min-height: 275px;
  border-radius: 10px;
  background: white;
}


.case-options {
  right: -54% !important;
  top: 130% !important;
  z-index: 20;
}



/* responsive tables */

@media only screen and (max-width: 992px) {

  .responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
      display: block;
  }


  .responsive-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }

  .responsive-table tr {
      margin-bottom: 1rem;
      border-bottom: 0;
  }

  .responsive-table td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
  }

  .responsive-table td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
  }
}

.overflow-x-scroll {
  overflow-x: scroll;
}

._monitoring.container {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/* ppm */
.ppm-pie {
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  margin-right: 1rem;
}
.ppm-stats {
  width: 100%;
}
.ppm-stats table td:first-child span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ppm-stats table td:last-child {
  padding-left: 1em;
  font-weight: 500;
  text-align: right;
}
.ppm-stats table {
  width: 100%;
  height: 100%;
}
.ppm-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  height: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ppm-stat-grid {
    margin-top: 1rem;
    grid-template-columns: repeat(4, 1fr);
    min-height: 60px;
    height: auto;
  }
}
.ppm-stat-grid div {
  border-radius: 8px;
  position: relative;
  padding: 8px;
}
.ppm-stat-grid div div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.ppm-stat-grid div span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.stat-severe {
  grid-column: 1;
  grid-row: 1;
  background: #FCEDEA;
  color: #E24E35;
}
.stat-medium {
  grid-column: 2;
  grid-row: 1;
  background: #FDFBE5;
  color: #7D7A4C;
}
.stat-ontime {
  grid-column: 1;
  grid-row: 2;
  background: #ecf6f0;
  color: #24a96f;
}
.stat-cancelled {
  grid-column: 2;
  grid-row: 2;
  background: #F0F1F3;
}
@media only screen and (max-width: 767px) {
  .stat-severe {
    grid-column: 1;
    grid-row: 1;
  }
  .stat-medium {
    grid-column: 2;
    grid-row: 1;
  }
  .stat-ontime {
    grid-column: 3;
    grid-row: 1;
  }
  .stat-cancelled {
    grid-column: 4;
    grid-row: 1;
  }
}

/* ############### */
.nav-link {
  padding-bottom: .5rem;
}

/* Live Trains List */

.list-th {
  font-size: 12px;
  margin-bottom: .5rem;
}
.lt-cp-container {
  width: 100%;
  background: #F4F5F7;
  margin-top: -16px;
  margin-bottom: 8px;
  border: 1px solid #dfdfdf;
}

.lt-cp-tabs {
  padding: 28px 40px 2rem;
}

.lt-cp-container .tab-content {
  margin: 1rem 0;
}
.live-trains-filters label {
  font-size: 12px;
  display: block;
  color: #6B778C;
  margin: 0;
}
.lt-row-meta .fas {
  margin-right: .25rem;
}
.lt-service .fa-arrow-right {
  margin-right: .5rem;
}
.case-row-2 {
  margin-bottom: 8px;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #d4d4d4;
  border-bottom: 2px solid #d4d4d4;
  font-size: 14px;
  position: relative;
  background: #F0F1F3;
}
.lt-row, .case-row {
  margin-bottom: 8px;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #d4d4d4;
  border-bottom: 2px solid #d4d4d4;
  font-size: 14px;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 1390px) {
  .lt-row {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.lt.selected .lt-row {
  border-radius: 8px 8px 0 0;
  box-shadow: 0 3px 5px -5px #888;
}
.lt.revised .lt-row {
  background: #eff5ff;
  border: 1px solid #d4e4ff;
  border-bottom-width: 2px;
}
.lt-row-times {
  width: 100%;
  justify-content: center;
}
@media only screen and (max-width: 1390px) {
  .lt-row-times {
    justify-content: flex-start;
    margin: .5rem 0;
    order: 5;
  }
}
.lt-row-actions {
  min-width: 32px;
}
@media only screen and (max-width: 1390px) {
  .lt-row-actions {
    order: 2;
    align-self: baseline;
    margin-left: auto;
  }
}
@media only screen and (max-width: 580px) {
  .lt-row-actions {
    order: 5;
    align-self: baseline;
  }
}
.lt-row-actions .more-options-btn {
  opacity: 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
}
.lt:hover .lt-row-actions .more-options-btn {
  opacity: 1;
}
.lt.selected .expand-btn .fas {
  transform: rotate(90deg);
}
.lt-row-meta {
  width: 100%;
  max-width: 400px;
  font-size: 14px;
  color: #6B778C;
  /* overflow: hidden; */
  margin-right: .5rem;
}
.lt-row-meta h5 {
  font-size: 14px;
  color: #172B4D;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .lt-row-meta h5 {
    flex-wrap: wrap;
  }
}
.lt-origin, .lt-dest {
  /* width: 100%; */
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 4px;
}

.lt-origin {
  margin-right: 6px;
}

@media only screen and (max-width: 480px) {
  .lt-origin {
    display: block;
    max-width: 100%;
  }
}
.live-trains-controls {
  top: 56px;
  position: sticky;
  position: -webkit-sticky;
  background: #fff;
  z-index: 9;
  padding: 1rem 0;
}
@media only screen and (max-width: 768px) {
  .live-trains-controls {
    position: relative;
    top: 0;
  }
}
.lt-location {
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lt-car-type:after, .lt-speed:after {
	content: '•';
	margin: .5rem;
}
.live-trains-filters {
  display: flex;
}
.lt .icon-clash {
  width: 32px;
  height: 32px;
  margin: 0 .5rem;
  padding: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 580px) {
  .lt .expand-btn {
    display: none;
  }
}
.expand-btn-wrapper {
  border-left: 1px solid #d4d4d4;
  margin-left: .5rem
}
select, .live-trains-filters input[type=text], .live-trains-filters input[type=time] {
  border: 1px solid #d4d4d4;
  width: 150px;
  border-radius: 4px;
  height: 32px;
  font-size: 14px;
  margin-right: 8px;
}
select, .live-trains-filters input[type=time] {
  padding: 0 4px;
  background: #fff;
}

.live-trains-filters input[type=time] {
  max-width: 80px;
}
.live-trains-filters input[type=text] {
  margin-left: auto;
  background: #f4f5f7;
  color: #333;
  border: 1px solid #f4f5f7;
  margin-right: 0;
}
.lt-total {
  width: 84px;
  line-height: 1.3;
  border-left: 1px solid #d4d4d4;
  padding: 0 .5rem;
  box-sizing: content-box;
}
.lt-total:first-child {
  font-size: 14px;
  border-left: 0;
}
.lt-total span {
  font-size: 11px;
  display: block;
  /* color: #6B778C; */
}
.lt-total span.lt-time-label {
  color: #182a4d;
}
span.ontime, div.ontime {
  color: var(--theme-green);
}
span.delayed, span.plus-time {
  color: var(--theme-red);
}
.lt-total span.minus-time {
  color: var(--theme-blue);
}
.lt-total.has-prediction span.lt-dest-time, .lt-total.has-revision .lt-dest-time, .lt-total.has-prediction .lt-total-time, .lt-total.has-revision .lt-total-time {
  text-decoration: line-through;
}
.lt-total .lt-total-time {
  font-weight: 600;
  font-size: 14px;
}
@media only screen and (min-width: 1025px) {
  .lt-total span:last-child {
    display: block;
  }
}
/* Calling patterns timetable */

.lt-cp-container {
  overflow-x: hidden;
}
.live-timetable {
  margin-top: 2rem;
  /* overflow: visible; */
  min-height: 440px;
}
.cp-station, .cp-tiploc {
  width: 140px;
  margin: 0 1rem;
  flex-shrink: 0;
  border-radius: 8px;
  align-self: flex-start;
  background: #fff;
  border: 1px solid #d4d4d4;
  text-align: center;
  box-shadow: 0 5px 10px 0 rgba(116, 116, 116, 0.20);
  position: relative;
}
.cp-station {
  z-index: 1;
}
.cp-tiploc {
  background: #dbdfe4;
  border: 1px solid transparent;
  box-shadow: none;
}
.cp-tiploc.departed {
  background: #e7eaed;
}

.cp-tiploc.current-location {
  opacity: 1;
}

.cp-station.departed {
  background: #f8f8f9;
  border: 1px solid #e4e5e6;
}

.cp-station.current-location {
  background: #fff;
  border: 1px solid #d4d4d4;
}

.cp-station-name, .cp-station-loading {
  height: 40px;
  padding: 1rem 1rem 0;
  font-size: 12px;
  position: relative;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #172B4D;
}

div.departed .cp-station-name, div.departed .cp-times, div.departed .cp-station-loading, .cp-expand.departed .open-tiplocs  {
  opacity: .5;
}

div.current-location .cp-station-name, div.current-location .cp-station-loading  {
  opacity: 1;
}

.cp-station-loading {
  padding-top: 0;
  height: 32px;
}
.cp-station-line {
  height: 5px;
  position: relative;
  margin: 1rem 0;
}

.cp-station .cp-station-line {
  background: #69778c;
}


.cp-station-line-start {
  height: 5px;
  position: relative;
  margin: 1rem 0;
}
.cp-station-line:before {
  content: '';
  position: absolute;
  right: 50%;
  height: 5px;
  background: #6a778c;
}

.cp-station .cp-station-line:before {
  width: calc(50% + 1rem + 18px);
  margin-left: 0;
}

.cp-station.origin .cp-station-line:before {
  left: 50%;
}

.cp-station.current .cp-station-line:after {
  display: none;
}

.cp-tiploc .cp-station-line:before {
  width: calc(100% + 2rem + 2px);
  margin-left: 0;
  right: 0;
}
.cp-station .cp-station-line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  /* margin-left: -4px; */
  width: 5px;
  margin-left: -2.5px;
  height: 15px;
  background: #6a778c;
}

div.departed .cp-station-line, div.departed .cp-station-line:before, div.departed .cp-station-line:after {
  background: #b0b6c2
}

div.current-location .cp-station-line, div.current-location .cp-station-line:before, div.current-location .cp-station-line:after {
  background: #69778c
}

.cp-station.origin .cp-station-line {
  background: transparent;
}

.cp-times {
  padding: 1rem;
  border-bottom: 1px solid #d4d4d4;
}
.cp-times span {
  display: block;
}
div.cp-times:last-child {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.cp-station label, .cp-tiploc label {
  font-size: 12px;
  color: #6B778C;
  margin-bottom: .25rem;
}
.cp-total {
  font-weight: 600;
}
.cp-expand {
  width: 60px;
  font-size: 12px;
  flex-shrink: 0;
  color: #6B778C;
  border: 1px solid transparent;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.cp-expand svg {
  font-size: 16px;
  margin-bottom: .5rem;
}
.cp-expand span {
  display: block;
  line-height: 1.3;
  white-space: pre-wrap;
}
.cp-expand .cp-station-line:before {
      width: calc(20px + 1rem + 0px + 90px);
    margin-right: -13px;
}
.cp-decide-btn {
  width: 100%;
  padding: .5rem;
  border-radius: 0 0 .5rem .5rem;
}
.cp-train {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  border-radius: 50%;
  border: 4px solid #6B778C;
  background: #fff;
  z-index: 20;
  line-height: 32px;
}
.cp-train span {
  font-size: 18px;
  color: #6B778C;
}
.open-tiplocs {
  padding-top: 2rem;
}

.cp-control {
  position: absolute;
  padding: 16px;
  background: #182b4d;
  font-size: 30px;
  color: white;
  z-index: 1;
  top: 50%;
  cursor: pointer;
}

.cp-control.cp-next {
  right: 0;
}

.cp-control.cp-prev {
  left: 0;
}

/* search */
/* .form-group {
  margin: 0;
} */
.has-search .form-control {
  padding-right: 32px;
  margin: 0;
}
.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  right: 16px;
}
.has-search {
  margin-left: auto;
  align-self: flex-end;
  border: 0;

}

/* ######## */
.expand-btn {
  background: transparent;
}

/* ########### */
#chart-overal-value {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: var(--theme-green);
}

body {
  font-size: 14px;
  color: #41526E;
  line-height: 1.3em;
}

._monitoring select {
  width: 150px;
}

.c-count {
  background: red;
  color: #fff;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  right: 0;
  top: 0px;
}
#decisions-tab .c-count {
  background: #0054E3;
}
.decisions-count.c-count {
  background: #6B778C;
  font-size: 14px;
  padding: .25rem .5rem;
}

/* case rows */

@media only screen and (max-width: 768px) {
  .case-row-header {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.case-row.expired {
  opacity: .6;
}
.case-expand-btn {
  color: #000;
}
.case-row-meta {
  width: 100%;
  align-self: center;
}
.case-row-title {
  font-weight: 600;
  align-items: center;
}
.case-row-title a {
  color: #000;
  font-weight: 600;
}
.case-row-created {
  color: #6B778C;
  margin-top: 4px;
}
.case-row-actions {
  white-space: nowrap;
}
/* expanded case row */

.incident-body {
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
}
.cursor-pointer {
  cursor: pointer;
}
.case-row-created svg {
  margin-right: 4px;
}
.star-on {
  color: #ffaa00;
}
.case-meta {
  margin-bottom: 1rem;
  font-size: 12px;
  color: #6B778C;
  align-items: center;
}
.case-title h1 {
  margin-bottom: .5rem;
  margin-right: .5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.case-meta span.created {
  margin-bottom: 0;
  font-size: 12px;
  color: #888;
}

/* ########## */

.case-status, .incident-type, .off-route-status {
  font-size: 10px;
  padding: 2px 4px;
  background: #aaaaaa;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 600;
  margin-right: .5rem;
}

.incident-type.network {
  background: red;
}

.off-route-status {
  background: black;
}

input[type=checkbox], input[type=radio] {
  height: 20px !important;
  box-sizing: border-box;
  padding: 0;
}

.incident-type.service, .decision-approved {
  background: var(--theme-green);
}

.incident-type.alrt, .decision-confirmed {
  background: blue;
}

.incident-type.esr {
  background: purple;
}


/* ############### */

.pin-incident {
  background: none;
}

/* ############ */

.btn-secondary {
  background: transparent !important;
  border: 0 !important;
  color: #8b96a5 !important;
}

.btn-decided {
  background: var(--theme-green);
  border: 1px solid var(--theme-green);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  background: transparent !important;
  border: 0 !important;
  color: #172B4D !important;
  box-shadow: none !important;
}


.comment-reporter {
  width: 44px;
  height: 44px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: white;
  background: #32c5ff;
}

.log-row {
  border-bottom: 1px solid #d4d4d4;
  padding: 1rem 0;
  font-size: 14px;
  color: #888;
}

.log-row-user {
  margin-right: 1rem;
}

.log-row-meta {
  width: 100%;
}

.log-row-actions {
  margin-left: auto;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 1rem;
}

.log-row-comment {
  color: #888;
  font-size: 12px;
  margin-top: 4px;
}

.log-row-title {
  color: #000;
}

/* remove dropdown arrow */
#dropdown-basic::after{
  display: none;
}

.header-content {
  width: calc(100vw - 360px);
}

.sidebar-open {
  width: 100%;
  transition: all .25s;
}

.list-empty {
  width: 100%;
  background: #F4F5F7;
  border: 1px solid rgba(54,179,125,0.05);
  border-radius: 8px;
  margin: 1rem 0;
  padding: 2rem;
}

.service_headcode {
  width: 44px;
  min-width: 44px;
  max-height: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  font-size: 12px;
  flex-wrap: wrap;
  line-height: 14px;
  position: relative;
  align-items: center;
  margin-right: 12px;
}

.wrapper {
  /* padding-top: 45px; */
  margin-left: 0;
  position: relative;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
}



.incident_timetable .header {
  padding-bottom: 10px;
  margin-top: 0;
}



.control_heading {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.control_heading span {
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
}

.control_heading .switch_slider {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0;
  margin-left: 10px;
}


.control_heading input:checked + .switch:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(20px);
}

.control_heading input:checked + .switch {
  background-color: #00a8ff;
}

.control_heading .switch:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}


.control_actions .button {
  margin-top: 0;
  font-size: 14px;
  padding: 8px 12px;
  text-transform: initial;
}

.controls {
  display: flex;
  align-items: center;
}

button.square-btn {
border: 0;
}

.next-prev button {
margin: 0 5px;
}





.more-options {
  z-index: 999;
  right: 0;
  top: 115%;
  width: 160px;
  background: white;
  text-align: left;
  color: black;
  font-weight: bold;
}

.more-options:after {
  content: '';
  width: 30px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAARCAYAAAA2cze9AAAACXBIWXMAAAsSAAALEgHS3X78AAAA8ElEQVQ4ja3QbQqCQBAG4DHIj/ojaUF1iW6QR+hIHqmjdAjbUjT8UZiWbkxomF87Wi8sw+yyw+4jcc6BkuPJ0wFgDwC79XIRUu6MajvtsQFgm1da8OWi5TDXYmePP9M0woo95Z6QJec4mIY+VWTZjJPE94PwBgAbEQ+FxdZUZY6DscGKPYmn6TvFKjiyLIt4KdhTeFpZqhzVcwpPF8sXRzUknqbvtHFUI+KpsYg4+vA0sXRy9OIZwkHl+bD05aDwlFl6cZB4fuEQ8UgOc98cxkxfqYo8HvLqcu5x8gguIUMeZLEmmnr9x2AMzsF5AGC9APIF6XocOk3RAAAAAElFTkSuQmCC) no-repeat;
  position: absolute;
  top: -15px;
  right: 15px;
}

.case-row-title a {
  color: #000;
  font-size: 14px;
}


.more-options li {
  list-style: none;
  box-sizing: border-box;
  /* padding: .5rem; */
  padding-left: 5px;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: block;
  position: relative;
  font-size: 12px;
  transition: background-color .15s ease-out;
}

.more-options li:hover {
  background: rgba(204,230,250,0.5);
  color: #0056b3;
}



.case-status, .incident-type {
  font-size: 10px;
  padding: 1px 4px;
  height: 100%;
}

.more-options {
  z-index: 99999;
  right: 0;
  top: 115%;
  width: 160px;
  background: white;
  text-align: left;
  color: black;
  font-weight: bold;
  box-shadow: 0 10px 20px 0px rgb(138 149 158 / 0.20);
}


.control_line {
  height: calc(100vh - 205px);
  position: relative;
  overflow-y: hidden;
  border: 1px solid #d4d4d4;
  border-radius: 8px 8px 0 0;
}

.control_heading span {
  font-size: 13px;
  text-transform: none;
  color: #333;

  letter-spacing: 0;
}


.select-branch {
  margin-right: 8px;
}

.controls select {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  height: 32px;
  font-size: 14px;
  padding: 0 4px;
  margin-right: 16px;
  width: 100%;
}

.icon-clash {
  width: 24px;
}


.box-wrapper .ppm {
  padding: 16px;
  font-size: 13px;
}

/* alerts */

.alerts .heading {
  line-height: 13px;
}

nav.sub-nav {
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 0;
  margin-top: 8px;
}

.alerts .tab-content {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
}

.alerts .alert_list {
  height: 100%;
  min-height: 500px;
  padding: 0 16px 0;
  padding-bottom: 60px;
}


.alerts .alert {
  width: 100%;
  padding: 16px;
  margin: 0;
  border-bottom: 1px solid #d4d4d4;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}


.alert .service_clash {
  width: 44px;
  min-width: 44px;
  max-height: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  font-size: 12px;
  flex-wrap: wrap;
  line-height: 14px;
  position: relative;
  align-items: center;
  margin-right: 16px;
  background: transparent;
}

.alert .service_clash .icon-clash {
  width: 100%;
  background: transparent;
}

.alert_heading {
  font-size: 13px;
  line-height: 1.3em;
  margin-bottom: .5rem;
}

.alert_heading span.train-service-time {
  font-size: 12px;
}
.alert_heading span {
  white-space: nowrap;width: 180px; text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.alerts .alert .alert_meta span.alert_text {
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 400;
  margin-bottom: 4px;
}


.service_headcode {
  width: 44px;
  min-width: 44px;
  max-height: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  font-size: 12px;
  flex-wrap: wrap;
  line-height: 14px;
  position: relative;
  align-items: center;
  margin-right: 12px;
}


/* .alerts .more-options-btn .svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: auto;
  overflow: visible;
  vertical-align: 1px;
} */


/* modal */

.modal-content .alerts {
  position: relative;
  max-width: 100%;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  border-left: 0;
  background: #fff;
  margin-top: 1rem;
}

.modal-heading {
  margin-bottom: 1rem;
}

.close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.close svg {
  width: 16px;
}


/**
 * Snackbar css
*/

.mdc-snackbar {
  z-index: 8;
  margin: 8px;
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mdc-snackbar__surface {
  background-color: #333333; }

.mdc-snackbar__label {
  color: rgba(255, 255, 255, 0.87); }

.mdc-snackbar__surface {
  min-width: 344px; }
  @media (max-width: 480px), (max-width: 344px) {
    .mdc-snackbar__surface {
      min-width: 100%; } }

.mdc-snackbar__surface {
  max-width: 672px; }

.mdc-snackbar__surface {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mdc-snackbar__surface {
  border-radius: 4px; }

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing {
  display: -webkit-box;
  display: flex; }

.mdc-snackbar--leading {
  -webkit-box-pack: start;
          justify-content: flex-start; }

.mdc-snackbar--stacked .mdc-snackbar__surface {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start; }

.mdc-snackbar--stacked .mdc-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px; }

.mdc-snackbar__surface {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  box-sizing: border-box;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }
  .mdc-snackbar--open .mdc-snackbar__surface {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
    pointer-events: auto; }
  .mdc-snackbar--closing .mdc-snackbar__surface {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); }

.mdc-snackbar__label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-box-flex: 1;
          flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 14px 16px; }

.mdc-snackbar__label::before {
  display: inline;
  content: attr(data-mdc-snackbar-label-text); }

.mdc-snackbar__actions {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  -webkit-box-align: center;
          align-items: center;
  box-sizing: border-box; }
  [dir="rtl"] .mdc-snackbar__actions, .mdc-snackbar__actions[dir="rtl"] {
    /* @noflip */
    margin-left: 8px;
    /* @noflip */
    margin-right: 0; }

.mdc-snackbar__action:not(:disabled) {
  color: #bb86fc; }

.mdc-snackbar__action::before, .mdc-snackbar__action::after {
  background-color: #bb86fc; }

.mdc-snackbar__action:hover::before {
  opacity: 0.08; }

.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24; }

.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }

.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24; }

.mdc-snackbar__action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24; }

.mdc-snackbar__dismiss {
  color: rgba(255, 255, 255, 0.87); }
  .mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {
    background-color: rgba(255, 255, 255, 0.87); }
  .mdc-snackbar__dismiss:hover::before {
    opacity: 0.08; }
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
    opacity: 0.24; }
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
    opacity: 0.24; }
  .mdc-snackbar__dismiss.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24; }

.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  width: 36px;
  height: 36px;
  padding: 9px;
  font-size: 18px; }
  .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
  .mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
    width: 18px;
    height: 18px; }

.mdc-snackbar__action + .mdc-snackbar__dismiss {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0; }
  [dir="rtl"] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir="rtl"] {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 8px; }

/* map search */

.map-search {
  margin-left: auto;
  width: 200px;
}

#map {
  cursor: grab;
  overflow: none;
}



/* Clash Alerts */
.alert_list nav.nav-tabs .nav-link.active {
  border-bottom: 0 !important;
}
.alert .clashIcon {
    width: 44px;
    min-width: 44px;
    max-height: 44px;
    height: 44px;
    background: #D8D8D8;
    color: #fff;
    text-align: center;
    border-radius: 44px;
    font-size: 12px;
    flex-wrap: wrap;
    line-height: 14px;
    position: relative;
    align-items: center;
    margin-right: 12px;
}
.alert .clashIcon svg {
  width: 50%;
}
.alert .btn-small {
  font-size: 12px;
  margin-right: 8px;
}
.alert .alert_meta .clashHeadcodes {
  margin: .5rem 0 0.75rem;
}
.alert .alert_meta .clashHeadcodes span.badge {
    display: initial;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.headcode {
  color: #fff;
  margin-right: 4px;
}
.alert .dismiss-alert {
   color: #666;
   cursor: pointer;
   font-size: 12px;
}


.alerts .sub-nav a {
  margin-right: 8px;
}

.alerts {
  width: 400px;
  max-width: 400px;
}


.clash-modal-max-width {
  max-width: 600px;
}


.radio-button-set {
  /*border: 1px solid red;*/
  display: flex;
  justify-content: space-between;
}