@charset "UTF-8";
.dijitMenuPopup {
  width: 200px !important;
}
.dijitMenuPopup .esriMeasurement, .dijitMenuPopup .dijitReset, .dijitMenuPopup .resultLabel, .dijitMenuPopup .unitDropDown {
  font-size: 20px !important;
  font-family: "latobold";
  color: white !important;
}
.dijitMenuPopup th, .dijitMenuPopup td {
  padding: 6px !important;
}
.dijitMenuPopup tr:nth-child(odd) {
  background: #777;
}
.dijitMenuPopup tr:nth-child(even) {
  background: #666;
}

.esriMeasurementResultTable th2 td {
  padding: 6px;
}
.esriMeasurementResultTable .esriMeasurement .esriMeasurementTableContainer .esriMeasurementResultTable .esriMeasurementTableCell {
  width: 48%;
  text-align: end;
}

.mapManagerWindow {
  z-index: 50000 !important;
}
.mapManagerWindow section {
  min-width: 400px;
  max-width: unset;
  padding: 0.5em 1em 0.5em 0.5em;
  z-index: 200;
  font-size: smaller;
}
.mapManagerWindow .mapManagerScaleComponent .blue_button {
  min-width: unset !important;
}

@font-face {
  font-family: "latolight";
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-light-webfont.eot");
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-light-webfont.woff") format("woff"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-light-webfont.ttf") format("truetype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal !important;
  font-style: normal;
}
@font-face {
  font-family: "latobold";
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-bold-webfont.eot");
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-bold-webfont.woff") format("woff"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-bold-webfont.ttf") format("truetype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal !important;
  font-style: normal;
}
@font-face {
  font-family: "latoregular";
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-regular-webfont.eot");
  src: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-regular-webfont.woff") format("woff"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-regular-webfont.ttf") format("truetype"), url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/AdminFonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal !important;
  font-style: normal;
}
#transportledningsKarta, .transportledningsKarta {
  /* from: color_scheme.css */
  /* NAV */
  /* Other */
  /* Needs Cleaning Up. */
  /* Modals */
  /* Map */
  /* Information */
  /* Loading */
  /* Other */
  /* Sub stuff */
  /* Sections */
  /* Tables */
  /*  table {
    width: 100%;
    color: #fff;
    font-size: 1em;
  }

  .scrollThisTable {
    position: relative;
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  .no-touch table th.hover {
    background: rgba(0,0,0,0.2) !important;
  }

  .no-touch table td.hover {
    background: rgba(0,0,0,0.1) !important;
  }

  .no-touch table th:hover,
  .no-touch table td:hover {
    color: #fff;
  }

  .no-touch table td.hover:hover {
    background: #000 !important;
    color: #fff !important;
  }

  .no-touch th,
  .no-touch td {
    padding: 15px 20px;
  }

  th,
  td {
    padding: 20px;
    white-space: nowrap;
  }

  .dijitSlider {
    th, td {
      padding: 6px;
    }
  }

  th {
    background: #333;*/ /* background: #444;*/
  /*color: #fff;
    text-align: left;
    font-family: 'latobold';
    font-weight: normal;
  }

  th.pickThis {
    display: table-cell;
    background: #333 !important;
    box-shadow: none !important;
  }

  td.pickThis,
  .no-touch td.pickThis:hover {
    background: rgba(0,0,0,0.65) !important;
    color: #009fdf;
    text-align: center;
    font-family: 'latobold';
  }

  tr:nth-child(odd) {
    background: #777;
  }

  tr:nth-child(even) {
    background: #666;
  }

  tr.selected {
    background: #43b02a;
  }

  tr.unavailable {
    background: #e49c02;
  }

  tr.closed {
    background: #e6635a;
  }

  tr.okvot {
    opacity: 0.5;
  }

  .pickThis {
    display: inline-block;
    width: 80px !important;
  }

  td:nth-child(odd) {
    background: rgba(255,255,255,0.1);
  }

  .hoverCell {
    background: #444 !important;
    cursor: pointer !important;
  }

  tr .infoLink {
    border-bottom: 2px solid rgba(0,0,0,0.6);
    color: rgba(0,0,0,0.6);
    font-family: 'latobold';
  }

  tr .editLink {
    border-bottom: 2px dashed #000;
    color: #000;
    font-family: 'latobold';
  }

  .no-touch tr:hover .infoLink,
  .no-touch tr:hover .editLink {
    border-bottom: none;
    color: #009fdf;
  }

  table.theOtherTable th {
    background: transparent;
  }

  table.theOtherTable tr {
    border-bottom: 1px solid #444;
    background: transparent;
    color: #ccc;
  }

  .no-touch table.theOtherTable tr:hover {
    color: #fff;
    cursor: default;
  }

  .colName {
    display: none;
  }

  .hl {
    color: #e49c02;
  }*/
  /* Other */
  /* Notifications */
  /*.no-touch .location:hover .trigger.current {
      color: #fff;
  }*/
  /* ADMIN */
  /*.onOff:hover {
      background: #fff;
  }*/
  /* Folders */
  /*.favFLOs {
      padding: 0 80px;
  }

  .favCompanies {
      padding: 0 160px;
  }*/
  /*.favSelector select {
      margin: 0 0 40px;
      padding: 10px;
      width: 100%;
      border: none;
      border-radius: 0 !important;
      color: #333;
  }*/
  /*.favSelector .left th {
      background: #e6635a;
  }

  .favSelector .right th {
      background: #43b02a;
  }*/
  /*.button.addFav {
      background: #43b02a;
  }*/
  /*.button.removeFav {
      background: #e6635a;
  }*/
  /*.no-touch .button.addFav:hover {
      background: #fff;
      color: #43b02a;
  }

  .no-touch .button.removeFav:hover {
      background: #fff;
      color: #e6635a;
  }*/
  /* Media queries */
  /*ändringar gällande meny på karta transsport*/
  /*Content popup karta*/
  /*
  .sizer.content tr {
    background-color: #fff;
    color: #333333;
    padding: 0px;
  }

  .sizer.content th {
    white-space: normal;
    background-color: white;
    color: #333333;
  }

  .sizer.content .no-touch th, .no-touch td {
    padding: 6px;
  }

  .sizer.content {
    cursor: inherit;
    background: #fff;
  }

  .sizer.content .no-touch, .no-touch {
    color: #333333;
  }

  #depositTemplate td:hover, #depositTemplate th:hover, #destinationTemplate h3, .contentPane table td:hover, .contentPane table th:hover {
    color: #333;
  }


  #depositTemplate .contents td {
    white-space: normal;
  }

  .actionsPane .actionList a {
    color: #333 !important;
    text-decoration: none;
  }
  */
  /* From map.css */
  /* Admin Header */
  /* Driver header */
  /* Map */
  /*MAPZOOMCONTROLS*/
  /*MAPCONTROLS*/
}
#transportledningsKarta .blue_button, .transportledningsKarta .blue_button {
  background-color: #065f46 !important;
  min-width: 150px;
  height: 40px;
  color: #fff !important;
  letter-spacing: 0.03em;
  cursor: pointer;
}
#transportledningsKarta .blue_button:hover, .transportledningsKarta .blue_button:hover {
  background-color: #39a385 !important;
  background-color: rgb(0, 159, 223);
}
#transportledningsKarta h1, .transportledningsKarta h1 {
  font-size: 32px;
}
#transportledningsKarta article, #transportledningsKarta aside, #transportledningsKarta details, #transportledningsKarta figcaption, #transportledningsKarta figure, #transportledningsKarta footer, #transportledningsKarta header, #transportledningsKarta hgroup, #transportledningsKarta main, #transportledningsKarta nav, #transportledningsKarta section, #transportledningsKarta summary, .transportledningsKarta article, .transportledningsKarta aside, .transportledningsKarta details, .transportledningsKarta figcaption, .transportledningsKarta figure, .transportledningsKarta footer, .transportledningsKarta header, .transportledningsKarta hgroup, .transportledningsKarta main, .transportledningsKarta nav, .transportledningsKarta section, .transportledningsKarta summary {
  display: block;
}
#transportledningsKarta sub, #transportledningsKarta sup, .transportledningsKarta sub, .transportledningsKarta sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
#transportledningsKarta sup, .transportledningsKarta sup {
  top: -0.5em;
}
#transportledningsKarta sub, .transportledningsKarta sub {
  bottom: -0.25em;
}
#transportledningsKarta img, .transportledningsKarta img {
  border: 0;
  height: 100%;
}
#transportledningsKarta fieldset, .transportledningsKarta fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}
#transportledningsKarta legend, .transportledningsKarta legend {
  padding: 0;
  border: 0;
}
#transportledningsKarta button, #transportledningsKarta input, #transportledningsKarta select, #transportledningsKarta textarea, .transportledningsKarta button, .transportledningsKarta input, .transportledningsKarta select, .transportledningsKarta textarea {
  margin: 0;
  /*font-size: 100%;*/
  font-family: inherit;
}
#transportledningsKarta button, #transportledningsKarta input, .transportledningsKarta button, .transportledningsKarta input {
  line-height: normal;
}
#transportledningsKarta button, #transportledningsKarta select, .transportledningsKarta button, .transportledningsKarta select {
  text-transform: none;
}
#transportledningsKarta button[disabled], #transportledningsKarta button[disabled=disabled], #transportledningsKarta html input[disabled], #transportledningsKarta html input[disabled=disabled], .transportledningsKarta button[disabled], .transportledningsKarta button[disabled=disabled], .transportledningsKarta html input[disabled], .transportledningsKarta html input[disabled=disabled] {
  cursor: not-allowed !important;
  opacity: 0.3;
  color: #000;
}
#transportledningsKarta textarea, .transportledningsKarta textarea {
  overflow: auto;
  vertical-align: top;
}
#transportledningsKarta table, .transportledningsKarta table {
  border-spacing: 0;
  border-collapse: collapse;
}
#transportledningsKarta *, .transportledningsKarta * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
#transportledningsKarta body, .transportledningsKarta body {
  margin: 0;
  background: #333;
  color: #fff;
  font-size: 15px;
  font-family: "latolight";
  -webkit-font-smoothing: antialiased;
}
#transportledningsKarta .hidden, .transportledningsKarta .hidden {
  display: none;
}
#transportledningsKarta .vmfGroup, .transportledningsKarta .vmfGroup {
  margin: 20px 0 0 0;
}
#transportledningsKarta .vmfGroupName, .transportledningsKarta .vmfGroupName {
  margin: 20px 0 40px 0;
}
#transportledningsKarta a, .transportledningsKarta a {
  text-decoration: none;
}
#transportledningsKarta button, .transportledningsKarta button {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta a a:active,
#transportledningsKarta a:hover,
#transportledningsKarta a:focus, .transportledningsKarta a a:active,
.transportledningsKarta a:hover,
.transportledningsKarta a:focus {
  outline: none;
}
#transportledningsKarta b,
#transportledningsKarta strong, .transportledningsKarta b,
.transportledningsKarta strong {
  font-family: "latobold";
}
#transportledningsKarta .no-touch .no-touch a:hover,
#transportledningsKarta .no-touch a:focus, .transportledningsKarta .no-touch .no-touch a:hover,
.transportledningsKarta .no-touch a:focus {
  outline: none;
  color: #009fdf;
}
#transportledningsKarta fieldset, .transportledningsKarta fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
#transportledningsKarta .clearfix:before,
#transportledningsKarta .clearfix:after, .transportledningsKarta .clearfix:before,
.transportledningsKarta .clearfix:after {
  display: table;
  content: " ";
}
#transportledningsKarta .clearfix:after, .transportledningsKarta .clearfix:after {
  clear: both;
}
#transportledningsKarta *,
#transportledningsKarta *:after,
#transportledningsKarta *::before, .transportledningsKarta *,
.transportledningsKarta *:after,
.transportledningsKarta *::before {
  box-sizing: border-box;
}
#transportledningsKarta html,
#transportledningsKarta body,
#transportledningsKarta .st-container,
#transportledningsKarta .st-pusher,
#transportledningsKarta .st-content, .transportledningsKarta html,
.transportledningsKarta body,
.transportledningsKarta .st-container,
.transportledningsKarta .st-pusher,
.transportledningsKarta .st-content {
  height: 100%;
}
#transportledningsKarta .st-content, .transportledningsKarta .st-content {
  overflow-y: hidden;
  background: #fff;
}
#transportledningsKarta .st-content,
#transportledningsKarta .st-content-inner, .transportledningsKarta .st-content,
.transportledningsKarta .st-content-inner {
  position: relative;
}
#transportledningsKarta .st-container, .transportledningsKarta .st-container {
  position: relative;
  overflow: hidden;
}
#transportledningsKarta .st-pusher, .transportledningsKarta .st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
#transportledningsKarta .st-pusher::after, .transportledningsKarta .st-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
#transportledningsKarta .st-menu-open .st-pusher::after, .transportledningsKarta .st-menu-open .st-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#transportledningsKarta .st-menu, .transportledningsKarta .st-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  overflow: auto;
  width: 300px;
  height: 100%; /* Calculate with jQuery??! */
  background: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .st-menu::after, .transportledningsKarta .st-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#transportledningsKarta .st-menu-open .st-menu::after, .transportledningsKarta .st-menu-open .st-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
#transportledningsKarta .st-menu ul, .transportledningsKarta .st-menu ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
#transportledningsKarta .logoAndLanguage, .transportledningsKarta .logoAndLanguage {
  background: #222;
}
#transportledningsKarta .st-menu h2, .transportledningsKarta .st-menu h2 {
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
  height: 80px;
  color: #999;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 80px;
}
#transportledningsKarta #changeLanguage, .transportledningsKarta #changeLanguage {
  display: flex;
  display: -webkit-flex;
  float: right;
  margin-right: 20px;
  height: 80px;
  line-height: 80px;
}
#transportledningsKarta #changeLanguage svg, .transportledningsKarta #changeLanguage svg {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
#transportledningsKarta .no-touch #changeLanguage svg:hover, .transportledningsKarta .no-touch #changeLanguage svg:hover {
  -webkit-transform: scale(1.2);
}
#transportledningsKarta #chooseLanguage, .transportledningsKarta #chooseLanguage {
  position: absolute;
  top: 80px;
  display: none;
  padding: 20px 20px 0;
  width: 100%;
  height: auto;
  background: #222;
}
#transportledningsKarta .aLanguange, .transportledningsKarta .aLanguange {
  display: inline-block;
  float: left;
  margin: 0 0 20px;
  width: 100%;
}
#transportledningsKarta .aLanguange svg, .transportledningsKarta .aLanguange svg {
  float: left;
  margin: 0 10px 0 0;
}
#transportledningsKarta .aLanguange span, .transportledningsKarta .aLanguange span {
  color: #009fdf;
}
#transportledningsKarta .aLanguange:hover,
#transportledningsKarta .aLanguange:hover span, .transportledningsKarta .aLanguange:hover,
.transportledningsKarta .aLanguange:hover span {
  color: #fff;
  cursor: pointer;
}
#transportledningsKarta .aLanguange.selectedLanguage span, .transportledningsKarta .aLanguange.selectedLanguage span {
  color: #fff;
  font-family: "latobold";
}
#transportledningsKarta .st-menu ul li a, .transportledningsKarta .st-menu ul li a {
  display: block;
  padding: 0 20px;
  height: 60px;
  outline: none;
  color: #fff !important;
  font-size: 1.1em;
  line-height: 60px;
}
#transportledningsKarta .st-menu ul li a i, .transportledningsKarta .st-menu ul li a i {
  margin-right: 5px;
}
#transportledningsKarta .no-touch .st-menu ul li a:hover,
#transportledningsKarta .st-menu ul li a.secondary.current:hover, .transportledningsKarta .no-touch .st-menu ul li a:hover,
.transportledningsKarta .st-menu ul li a.secondary.current:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
#transportledningsKarta .st-menu ul li a.current, .transportledningsKarta .st-menu ul li a.current {
  background: rgba(255, 255, 255, 0.5);
  color: #222;
}
#transportledningsKarta .belowIsSecondary, .transportledningsKarta .belowIsSecondary {
  margin-top: 40px;
}
#transportledningsKarta .st-menu ul li a.special, .transportledningsKarta .st-menu ul li a.special {
  color: #009fe1 !important;
  font-family: "latobold" !important;
}
#transportledningsKarta .st-menu ul li a.secondary, .transportledningsKarta .st-menu ul li a.secondary {
  color: #ccc;
}
#transportledningsKarta .st-menu ul li a.secondary.current, .transportledningsKarta .st-menu ul li a.secondary.current {
  color: #222;
}
#transportledningsKarta .st-effect-2.st-menu, .transportledningsKarta .st-effect-2.st-menu {
  z-index: 1000;
}
#transportledningsKarta .st-effect-2.st-menu-open .st-effect-2.st-menu, .transportledningsKarta .st-effect-2.st-menu-open .st-effect-2.st-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
#transportledningsKarta .st-effect-2.st-menu::after, .transportledningsKarta .st-effect-2.st-menu::after {
  display: none;
}
#transportledningsKarta .no-csstransforms3d .st-pusher,
#transportledningsKarta .no-js .st-pusher, .transportledningsKarta .no-csstransforms3d .st-pusher,
.transportledningsKarta .no-js .st-pusher {
  padding-left: 300px;
}
#transportledningsKarta .st-menu-open .st-pusher, .transportledningsKarta .st-menu-open .st-pusher {
  cursor: pointer;
}
#transportledningsKarta .st-menu img, .transportledningsKarta .st-menu img {
  float: left;
  margin: 20px;
  height: 40px;
}
#transportledningsKarta .st-menu ul li label.menuLabel, .transportledningsKarta .st-menu ul li label.menuLabel {
  display: block;
  padding: 0 20px;
  height: 60px;
  outline: none;
  color: #fff !important;
  font-size: 1.1em;
  line-height: 60px;
  cursor: pointer;
}
#transportledningsKarta .st-menu ul li label.menuLabel:hover, .transportledningsKarta .st-menu ul li label.menuLabel:hover {
  background-color: #292929;
}
#transportledningsKarta .st-menu ul li label.menuLabel i, .transportledningsKarta .st-menu ul li label.menuLabel i {
  margin-right: 8px;
}
#transportledningsKarta .st-menu ul li ul.subMenuAdmin, .transportledningsKarta .st-menu ul li ul.subMenuAdmin {
  background-color: #292929;
}
#transportledningsKarta .st-menu ul li ul.subMenuAdmin li:hover, .transportledningsKarta .st-menu ul li ul.subMenuAdmin li:hover {
  background-color: #232323;
}
#transportledningsKarta .st-menu ul li ul.subMenuAdmin li a, .transportledningsKarta .st-menu ul li ul.subMenuAdmin li a {
  padding-left: 50px;
}
#transportledningsKarta .openHelp,
#transportledningsKarta .closeHelp, .transportledningsKarta .openHelp,
.transportledningsKarta .closeHelp {
  position: relative;
  z-index: 2;
  float: right;
  margin: 0 0 0 15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #009fdf;
  color: #fff;
  text-align: center;
  font-size: 0.8em;
  line-height: 30px;
  cursor: pointer;
}
#transportledningsKarta .closeHelp, .transportledningsKarta .closeHelp {
  display: none;
  background: #e6635a;
}
#transportledningsKarta .no-touch .openHelp:hover,
#transportledningsKarta .no-touch .closeHelp:hover, .transportledningsKarta .no-touch .openHelp:hover,
.transportledningsKarta .no-touch .closeHelp:hover {
  background: #222;
}
#transportledningsKarta .main, .transportledningsKarta .main {
  margin: 0 auto;
}
#transportledningsKarta #st-trigger-effects button, .transportledningsKarta #st-trigger-effects button {
  display: inline-block;
  margin: 0;
  padding: 0 35px;
  width: auto;
  height: 48px;
  border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 48px;
  cursor: pointer;
  font-family: "latobold";
  -webkit-transition: none !important;
  transition: none !important;
}
#transportledningsKarta #st-trigger-effects button i,
#transportledningsKarta #toolbar i, .transportledningsKarta #st-trigger-effects button i,
.transportledningsKarta #toolbar i {
  margin-right: 5px;
}
#transportledningsKarta button:hover, .transportledningsKarta button:hover {
  cursor: pointer;
}
#transportledningsKarta button:focus, .transportledningsKarta button:focus {
  outline: none;
}
#transportledningsKarta #st-trigger-effects, .transportledningsKarta #st-trigger-effects {
  float: left;
  margin: 0;
}
#transportledningsKarta #toolbar, .transportledningsKarta #toolbar {
  float: left;
}
#transportledningsKarta #information, .transportledningsKarta #information {
  float: right;
  margin: 0 40px 0 0;
}
#transportledningsKarta #backButton, .transportledningsKarta #backButton {
  float: left;
}
#transportledningsKarta footer, .transportledningsKarta footer {
  overflow-x: auto;
  overflow-y: hidden;
}
#transportledningsKarta #kvoterHeader, .transportledningsKarta #kvoterHeader {
  height: 120px;
  margin-top: -20px;
  padding-top: 40px;
  padding-left: 20px;
  position: fixed;
  background-color: #333;
  z-index: 5;
  left: 0px;
  right: 17px;
}
#transportledningsKarta #kvoterRowDescriptions, .transportledningsKarta #kvoterRowDescriptions {
  position: absolute;
  z-index: 2;
  opacity: 0.9;
  width: 220px;
  top: 120px;
}
#transportledningsKarta #kvoterRowDescriptions tr td strong,
#transportledningsKarta #kvoterRowDescriptions tr th strong, .transportledningsKarta #kvoterRowDescriptions tr td strong,
.transportledningsKarta #kvoterRowDescriptions tr th strong {
  line-height: 37px;
  float: left;
  width: 87%;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
}
#transportledningsKarta #kvoterRowDescriptions tr td div,
#transportledningsKarta #kvoterRowDescriptions tr th div, .transportledningsKarta #kvoterRowDescriptions tr td div,
.transportledningsKarta #kvoterRowDescriptions tr th div {
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  top: 28px;
  display: inline-block;
  padding: 1px 10px;
  right: 109px;
  opacity: 0.2;
}
#transportledningsKarta #kvoterRowDescriptions tr th div, .transportledningsKarta #kvoterRowDescriptions tr th div {
  right: 90px;
}
#transportledningsKarta #kvoterRowDescriptions tr td div:hover,
#transportledningsKarta #kvoterRowDescriptions tr th div:hover, .transportledningsKarta #kvoterRowDescriptions tr td div:hover,
.transportledningsKarta #kvoterRowDescriptions tr th div:hover {
  opacity: 1;
}
#transportledningsKarta #selectKvotStruktur, .transportledningsKarta #selectKvotStruktur {
  display: inline-block;
  width: 300px;
  margin: 0px 50px 0px;
  font-family: "latobold";
  line-height: 30px;
  position: relative;
}
#transportledningsKarta #selectKvotStruktur input[type=text], .transportledningsKarta #selectKvotStruktur input[type=text] {
  width: 100%;
}
#transportledningsKarta #saveStrukturPopup, .transportledningsKarta #saveStrukturPopup {
  position: fixed;
  bottom: 100px;
  right: 100px;
  transition: 0.7s;
  font-family: "latobold";
  padding: 10px;
}
#transportledningsKarta #saveStrukturPopup h3, .transportledningsKarta #saveStrukturPopup h3 {
  margin-top: 0;
}
#transportledningsKarta #saveStrukturPopup button, .transportledningsKarta #saveStrukturPopup button {
  border-style: solid;
  border-width: 2px;
}
#transportledningsKarta #saveStrukturPopup.show, .transportledningsKarta #saveStrukturPopup.show {
  right: 20px;
  transition: 0.7s;
}
#transportledningsKarta #currentLagerInfoPopup, .transportledningsKarta #currentLagerInfoPopup {
  width: 275px;
  position: fixed;
  top: 60px;
  right: 30px;
  font-family: "latobold";
  padding: 10px;
  z-index: 5;
}
#transportledningsKarta #currentLagerInfoPopup h3, .transportledningsKarta #currentLagerInfoPopup h3 {
  margin-top: 0;
  display: inline;
}
#transportledningsKarta #currentLagerInfoPopup span.closeCurrentLagerSpan, .transportledningsKarta #currentLagerInfoPopup span.closeCurrentLagerSpan {
  cursor: pointer;
  margin: 0;
}
#transportledningsKarta #currentLagerInfoPopup label, .transportledningsKarta #currentLagerInfoPopup label {
  color: #ccc;
  display: block;
  margin-top: 12px;
}
#transportledningsKarta .showCurrentLagerSpan, .transportledningsKarta .showCurrentLagerSpan {
  margin: 0;
}
#transportledningsKarta #addKvotOwner, .transportledningsKarta #addKvotOwner {
  position: absolute;
  margin: 0 auto;
  display: block;
  clear: both;
  z-index: 5;
  border: 1px solid #555;
  padding: 10px 7px 10px 7px;
  width: 273px;
}
#transportledningsKarta #selectKvotStruktur button, .transportledningsKarta #selectKvotStruktur button {
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 11px;
  border-radius: 4px;
}
#transportledningsKarta #addKvotOwner button, .transportledningsKarta #addKvotOwner button {
  float: right;
  margin: 0;
  height: 25px;
  margin-left: 3px;
}
#transportledningsKarta #kvoterData, .transportledningsKarta #kvoterData {
  position: relative;
  max-width: 100%;
  margin-left: 230px;
  white-space: nowrap;
  top: 100px;
}
#transportledningsKarta #kvoterData thead,
#transportledningsKarta #kvoterRowDescriptions thead, .transportledningsKarta #kvoterData thead,
.transportledningsKarta #kvoterRowDescriptions thead {
  position: relative;
  top: 0px;
  display: table;
}
#transportledningsKarta #kvoterData tbody, .transportledningsKarta #kvoterData tbody {
  display: table;
  width: 100%;
}
#transportledningsKarta #kvoterData thead h3, .transportledningsKarta #kvoterData thead h3 {
  text-overflow: ellipsis;
  overflow: hidden;
}
#transportledningsKarta #kvoterData table, .transportledningsKarta #kvoterData table {
  display: inline-block;
  margin: 0 5px;
  width: auto;
  vertical-align: top;
}
#transportledningsKarta #kvoterRowDescriptions tr,
#transportledningsKarta #kvoterData tr, .transportledningsKarta #kvoterRowDescriptions tr,
.transportledningsKarta #kvoterData tr {
  height: 50px;
}
#transportledningsKarta #kvoterRowDescriptions td,
#transportledningsKarta #kvoterRowDescriptions th,
#transportledningsKarta #kvoterData td, .transportledningsKarta #kvoterRowDescriptions td,
.transportledningsKarta #kvoterRowDescriptions th,
.transportledningsKarta #kvoterData td {
  padding: 0px 5px;
}
#transportledningsKarta #kvoterData th, .transportledningsKarta #kvoterData th {
  padding: 0px 13px;
}
#transportledningsKarta #kvoterWeekSelection, .transportledningsKarta #kvoterWeekSelection {
  text-align: center;
  line-height: 24px;
  margin: 0px 0px 0px 0px;
}
#transportledningsKarta #addKvotMottagningsplats th, .transportledningsKarta #addKvotMottagningsplats th {
  min-width: 300px;
}
#transportledningsKarta #createMessageDiv, .transportledningsKarta #createMessageDiv {
  color: white;
  width: 100%;
  float: left;
  display: block;
}
#transportledningsKarta #messageData, .transportledningsKarta #messageData {
  resize: none;
  padding: 5px;
  border: none;
  width: 100%;
  height: 180px;
  font-size: 1.17em;
  font-weight: bold;
}
#transportledningsKarta #messageTypeDiv label, .transportledningsKarta #messageTypeDiv label {
  display: table;
  font-family: "latobold";
  color: #009fdf;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 1.17em;
}
#transportledningsKarta #messageTypeDiv input[type=radio], .transportledningsKarta #messageTypeDiv input[type=radio] {
  cursor: pointer;
}
#transportledningsKarta #messageTypeHeading, .transportledningsKarta #messageTypeHeading {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 5px;
}
#transportledningsKarta #messageDataHeading, .transportledningsKarta #messageDataHeading {
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 5px;
}
#transportledningsKarta #messageDataDiv, .transportledningsKarta #messageDataDiv {
  display: block;
  clear: both;
  float: left;
  width: 40%;
  padding: 0 20px 0 0;
}
#transportledningsKarta #sendMessageButton, .transportledningsKarta #sendMessageButton {
  margin-top: 20px;
  font-family: "latobold";
}
#transportledningsKarta #messageSentLabel, .transportledningsKarta #messageSentLabel {
  float: right;
  margin-top: 30px;
  font-size: 1.17em;
  font-weight: bold;
  font-family: latobold;
}
#transportledningsKarta .messageDelimitAll,
#transportledningsKarta .messageDelimitSelected, .transportledningsKarta .messageDelimitAll,
.transportledningsKarta .messageDelimitSelected {
  width: 40%;
  display: inline-block;
}
#transportledningsKarta .messageDelimitAll .k-grid-content,
#transportledningsKarta .messageDelimitSelected .k-grid-content,
#transportledningsKarta .favSelector .k-grid-content, .transportledningsKarta .messageDelimitAll .k-grid-content,
.transportledningsKarta .messageDelimitSelected .k-grid-content,
.transportledningsKarta .favSelector .k-grid-content {
  background: #444;
}
#transportledningsKarta .messageDelimitAll input.button,
#transportledningsKarta .messageDelimitSelected input.button, .transportledningsKarta .messageDelimitAll input.button,
.transportledningsKarta .messageDelimitSelected input.button {
  margin-top: 20px;
  display: block;
  float: left;
  clear: both;
  padding: 0 20px;
  height: 40px;
  border: none;
  background: #222;
  text-align: center;
  font-family: "latobold";
  line-height: 40px;
  cursor: pointer;
}
#transportledningsKarta .messageDelimitAll input.button, .transportledningsKarta .messageDelimitAll input.button {
  float: right;
  color: #43b02a;
}
#transportledningsKarta .messageDelimitSelected input.button, .transportledningsKarta .messageDelimitSelected input.button {
  color: #e6635a;
}
#transportledningsKarta .messageDelimitAll, .transportledningsKarta .messageDelimitAll {
  padding-right: 20px;
  float: left;
}
#transportledningsKarta .messageDelimitSelected, .transportledningsKarta .messageDelimitSelected {
  padding-left: 20px;
}
#transportledningsKarta .messageDelimitAll h3, .transportledningsKarta .messageDelimitAll h3 {
  font-weight: normal;
  color: #e6635a;
  margin-bottom: 0;
}
#transportledningsKarta .messageDelimitSelected h3, .transportledningsKarta .messageDelimitSelected h3 {
  font-weight: normal;
  color: #43b02a;
  margin-bottom: 0;
}
#transportledningsKarta #toolbar ul,
#transportledningsKarta #information ul,
#transportledningsKarta #mapControls ul,
#transportledningsKarta #timeLeft ul, .transportledningsKarta #toolbar ul,
.transportledningsKarta #information ul,
.transportledningsKarta #mapControls ul,
.transportledningsKarta #timeLeft ul {
  margin: 0;
  padding: 0;
}
#transportledningsKarta .modalContent input.button:disabled,
#transportledningsKarta .modalContent input.button[disabled=disabled],
#transportledningsKarta .no-touch .modalContent input.button:disabled:hover,
#transportledningsKarta .no-touch .modalContent input.button[disabled=disabled]:hover,
#transportledningsKarta .modalContent input.button:disabled:active,
#transportledningsKarta .modalContent input.button[disabled=disabled]:active, .transportledningsKarta .modalContent input.button:disabled,
.transportledningsKarta .modalContent input.button[disabled=disabled],
.transportledningsKarta .no-touch .modalContent input.button:disabled:hover,
.transportledningsKarta .no-touch .modalContent input.button[disabled=disabled]:hover,
.transportledningsKarta .modalContent input.button:disabled:active,
.transportledningsKarta .modalContent input.button[disabled=disabled]:active {
  color: rgba(255, 255, 255, 0.2) !important;
  cursor: not-allowed !important;
}
#transportledningsKarta .green, .transportledningsKarta .green {
  color: #43b02a !important;
}
#transportledningsKarta .red, .transportledningsKarta .red {
  color: #e6635a !important;
}
#transportledningsKarta .yellow, .transportledningsKarta .yellow {
  color: #e49c02 !important;
}
#transportledningsKarta #toolbar li, .transportledningsKarta #toolbar li {
  float: left;
  margin: 0;
  padding: 0 35px;
  width: auto;
  height: 48px;
  list-style-type: none;
  font-size: 1.2em;
  font-family: "latobold";
  /*-webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;*/
}
#transportledningsKarta #toolbar li.timeLeft, .transportledningsKarta #toolbar li.timeLeft {
  position: relative;
  padding: 0 40px;
  color: #009fdf;
  cursor: pointer;
}
#transportledningsKarta .no-touch #toolbar li.timeLeft:hover, .transportledningsKarta .no-touch #toolbar li.timeLeft:hover {
  background: #009fdf;
  color: #fff;
}
#transportledningsKarta .blurry, .transportledningsKarta .blurry {
  -webkit-filter: blur(40px);
  filter: blur(40px);
  -webkit-transform: translateZ(0); /* MAGIC BUG FIX */
}
#transportledningsKarta #blocker, .transportledningsKarta #blocker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: none;
  margin: auto;
  padding: 0;
  /*background: rgba(255,255,255,0.2);*/
}
#transportledningsKarta #blocker.iWarnYou, .transportledningsKarta #blocker.iWarnYou {
  background: rgba(0, 0, 0, 0.6);
}
#transportledningsKarta .modalBox, .transportledningsKarta .modalBox {
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  left: 40px;
  z-index: 99999999999;
  display: none;
  margin: auto;
  padding: 0;
  /*-webkit-animation: modal 0.2s linear;
  animation: modal 0.2s linear;*/
}
#transportledningsKarta #MottplInfo .modalBox, .transportledningsKarta #MottplInfo .modalBox {
  display: block !important;
}
#transportledningsKarta #MottplInfo .closeModal, .transportledningsKarta #MottplInfo .closeModal {
  display: none !important;
}
#transportledningsKarta #MottplInfo .modalTop, .transportledningsKarta #MottplInfo .modalTop {
  background: transparent !important;
}
#transportledningsKarta .modalBox iframe#loadModalHere, .transportledningsKarta .modalBox iframe#loadModalHere {
  width: 100%;
  height: 100%;
  border: none;
}
#transportledningsKarta iframe#loadModalHere header,
#transportledningsKarta iframe#loadModalHere footer, .transportledningsKarta iframe#loadModalHere header,
.transportledningsKarta iframe#loadModalHere footer {
  display: none !important;
}
#transportledningsKarta .validation-summary-valid ul, .transportledningsKarta .validation-summary-valid ul {
  margin: 0;
  padding: 0;
}
@-webkit-keyframes modal {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes modal {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#transportledningsKarta .modalTop, .transportledningsKarta .modalTop {
  z-index: 2;
  overflow: hidden;
  padding: 0 40px;
  height: 80px;
  /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
  background: rgba(34, 34, 34, 0.5);
}
#transportledningsKarta .modalContent, .transportledningsKarta .modalContent {
  z-index: 1;
  overflow: auto;
  padding: 40px;
  width: 100%;
  color: #fff;
  background: #333;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .vaglagerRapport.modalContent, .transportledningsKarta .vaglagerRapport.modalContent {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#transportledningsKarta .modalBottom, .transportledningsKarta .modalBottom {
  z-index: 2;
  overflow: hidden;
  padding: 0 0 0 40px;
  width: 100%;
  background: #222;
  height: 80px;
}
#transportledningsKarta .closeModal, .transportledningsKarta .closeModal {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #222;
  color: #e6635a;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta #MottplInfo #Previous, .transportledningsKarta #MottplInfo #Previous {
  position: absolute;
  top: 20px;
  right: 40px;
  padding: 0 15px;
  width: auto;
  height: 40px;
  border: none;
  font-size: 1.2em;
  font-family: "latobold";
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .closeModal i, .transportledningsKarta .closeModal i {
  margin: 0;
  text-align: center;
  font-size: 30px;
  font-size: 1.2em;
  line-height: 40px;
}
#transportledningsKarta .no-touch .closeModal:hover,
#transportledningsKarta .closeModal:active,
#transportledningsKarta .no-touch #MottplInfo #Previous:hover,
#transportledningsKarta #MottplInfo #Previous:active, .transportledningsKarta .no-touch .closeModal:hover,
.transportledningsKarta .closeModal:active,
.transportledningsKarta .no-touch #MottplInfo #Previous:hover,
.transportledningsKarta #MottplInfo #Previous:active {
  background: #e6635a;
  color: #fff;
}
#transportledningsKarta .modalBox h1, .transportledningsKarta .modalBox h1 {
  display: inline-block;
  float: left;
  margin: 0 40px 0 0;
  height: 80px;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  line-height: 80px;
}
#transportledningsKarta .kvotuppfoljningdiagram h1, .transportledningsKarta .kvotuppfoljningdiagram h1 {
  display: inline-block;
  float: left;
  margin: 0 40px;
  height: 80px;
  color: #fff;
  font-weight: normal;
  font-size: 1.5vw;
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
}
#transportledningsKarta .modalBox.warning h1, .transportledningsKarta .modalBox.warning h1 {
  display: inline-block;
  float: left;
  margin: 0;
  height: 80px;
  color: #fff;
  font-weight: normal;
  font-size: 2.5em;
  line-height: 80px;
}
#transportledningsKarta .modalContent h2, .transportledningsKarta .modalContent h2 {
  float: left;
  clear: both;
  margin: 0;
  width: 50%;
  color: #fff;
  font-family: "latoregular";
  font-size: 1.5em;
  line-height: 50px;
}
#transportledningsKarta .modalBox.warning, .transportledningsKarta .modalBox.warning {
  width: 700px;
  background: transparent;
}
#transportledningsKarta .modalBox.warning .modalTop, .transportledningsKarta .modalBox.warning .modalTop {
  z-index: 2;
  overflow: hidden;
  height: 80px;
  padding: 0;
  background: transparent !important;
  border-bottom: none;
}
#transportledningsKarta .modalBox.warning h1, .transportledningsKarta .modalBox.warning h1 {
  color: #fff !important;
}
#transportledningsKarta .modalBox.warning .modalContent, .transportledningsKarta .modalBox.warning .modalContent {
  z-index: 1;
  overflow: auto;
  padding: 0;
  width: 100%;
  background: transparent !important;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .modalBox.warning .modalContent p, .transportledningsKarta .modalBox.warning .modalContent p {
  margin: 0 0 20px;
  color: #fff !important;
  font-family: "latoregular";
  font-size: 1.2em;
  line-height: 150%;
}
#transportledningsKarta .changeStatus,
#transportledningsKarta .whoClosedIt,
#transportledningsKarta .closedMessage,
#transportledningsKarta .setFlo, .transportledningsKarta .changeStatus,
.transportledningsKarta .whoClosedIt,
.transportledningsKarta .closedMessage,
.transportledningsKarta .setFlo {
  display: inline-block;
  float: left;
  margin: 40px 0 0;
}
#transportledningsKarta .whoClosedIt,
#transportledningsKarta .closedMessage,
#transportledningsKarta .setFlo, .transportledningsKarta .whoClosedIt,
.transportledningsKarta .closedMessage,
.transportledningsKarta .setFlo {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 60px;
}
#transportledningsKarta .whoClosedIt.dimmedDown,
#transportledningsKarta .isItClosed.dimmedDown label,
#transportledningsKarta .closedMessage.dimmedDown,
#transportledningsKarta .isItClosed.dimmedDown label, .transportledningsKarta .whoClosedIt.dimmedDown,
.transportledningsKarta .isItClosed.dimmedDown label,
.transportledningsKarta .closedMessage.dimmedDown,
.transportledningsKarta .isItClosed.dimmedDown label {
  color: #666;
}
#transportledningsKarta .setFloHeader, .transportledningsKarta .setFloHeader {
  margin: 0 15px 0 0;
}
#transportledningsKarta .setPrio, .transportledningsKarta .setPrio {
  display: inline-block;
  float: left;
  margin: 0;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 60px;
  margin-left: 40px;
}
#transportledningsKarta .closedMessage input, .transportledningsKarta .closedMessage input {
  float: left;
  margin: 10px 0;
  padding: 0;
  width: 300px;
  height: 40px;
  border: none;
  background: #fff;
  text-indent: 10px;
  line-height: 40px;
}
#transportledningsKarta .closedMessage input[disabled=disabled],
#transportledningsKarta .closedMessage input:disabled, .transportledningsKarta .closedMessage input[disabled=disabled],
.transportledningsKarta .closedMessage input:disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
#transportledningsKarta .isItClosed, .transportledningsKarta .isItClosed {
  display: inline-block;
  float: left;
  clear: both;
  margin: 40px 40px 0 0;
  width: 100%;
  font-size: 1.3em;
}
#transportledningsKarta .isItClosed label, .transportledningsKarta .isItClosed label {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #e6635a;
}
#transportledningsKarta .closedMessage label, .transportledningsKarta .closedMessage label {
  float: left;
  margin: 0 10px 0 0;
}
#transportledningsKarta .statusChanger, .transportledningsKarta .statusChanger {
  display: inline-block;
  float: left;
  padding: 0 20px;
  height: 60px;
  background: #444;
  text-transform: uppercase;
  font-family: "latobold";
  font-size: 1.2em;
  line-height: 60px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .statusChanger label, .transportledningsKarta .statusChanger label {
  margin: 0 10px 0 0;
}
#transportledningsKarta .statusChanger input, .transportledningsKarta .statusChanger input {
  cursor: pointer;
}
#transportledningsKarta .statusChanger.checked, .transportledningsKarta .statusChanger.checked {
  color: #fff !important;
}
#transportledningsKarta .statusChanger.itsClosed, .transportledningsKarta .statusChanger.itsClosed {
  color: #e49c02;
  margin: 0 40px 0 0;
}
#transportledningsKarta .statusChanger.itsOpen, .transportledningsKarta .statusChanger.itsOpen {
  color: #43b02a;
}
#transportledningsKarta .statusChanger.itsFinished, .transportledningsKarta .statusChanger.itsFinished {
  color: #e6635a;
}
#transportledningsKarta .statusChanger.dimmedDown,
#transportledningsKarta .statusChanger.dimmedDown label,
#transportledningsKarta .statusChanger.dimmedDown input, .transportledningsKarta .statusChanger.dimmedDown,
.transportledningsKarta .statusChanger.dimmedDown label,
.transportledningsKarta .statusChanger.dimmedDown input {
  color: #666 !important;
  cursor: not-allowed !important;
}
#transportledningsKarta .statusChanger.itsFinished.checked.dimmedDown label, .transportledningsKarta .statusChanger.itsFinished.checked.dimmedDown label {
  color: #fff !important;
}
#transportledningsKarta .statusChanger.itsClosed.checked, .transportledningsKarta .statusChanger.itsClosed.checked {
  background: #e49c02 !important;
}
#transportledningsKarta .statusChanger.itsOpen.checked, .transportledningsKarta .statusChanger.itsOpen.checked {
  background: #43b02a !important;
}
#transportledningsKarta .statusChanger.itsFinished.checked, .transportledningsKarta .statusChanger.itsFinished.checked {
  background: #e6635a !important;
}
#transportledningsKarta .inputs, .transportledningsKarta .inputs {
  float: left;
}
#transportledningsKarta .inputs span, .transportledningsKarta .inputs span {
  margin: 0 20px 0 5px;
  font-size: 1.3em;
}
#transportledningsKarta .inputs input, .transportledningsKarta .inputs input {
  float: left;
  padding: 0 10px;
  height: 50px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-family: "latobold";
  font-size: 1.3em;
}
#transportledningsKarta .inputs button, .transportledningsKarta .inputs button {
  display: inline-block;
  float: left;
  width: auto;
  padding: 0 15px;
  height: 50px;
  margin: 0 20px 0 0;
  background: transparent;
  border: 2px solid #009fdf;
  color: #009fdf;
  text-transform: uppercase;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
}
#transportledningsKarta .no-touch .inputs button i, .transportledningsKarta .no-touch .inputs button i {
  margin: 0 5px 0 0;
}
#transportledningsKarta .no-touch .inputs button:hover, .transportledningsKarta .no-touch .inputs button:hover {
  color: #fff;
  background: #009fdf;
}
#transportledningsKarta .no-touch .inputs button:active, .transportledningsKarta .no-touch .inputs button:active {
  color: #fff;
  background: #222 !important;
  border: 2px solid #222 !important;
}
#transportledningsKarta .inputs input.quantity, .transportledningsKarta .inputs input.quantity {
  margin: 0 20px 0 0;
  width: 100px;
}
#transportledningsKarta .inputs select, .transportledningsKarta .inputs select {
  padding: 0 10px;
  min-width: 100px;
  height: 50px;
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
  background-image: url("../Images/select.png");
  background-position: 100% 50%;
  background-size: 17px 5px;
  background-repeat: no-repeat;
  box-shadow: none;
  color: #fff;
  font-family: "latobold";
  font-size: 1.3em;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#transportledningsKarta .no-touch .inputs input:hover, .transportledningsKarta .no-touch .inputs input:hover {
  background: #fff;
  color: #222;
}
#transportledningsKarta .no-touch .inputs select:hover, .transportledningsKarta .no-touch .inputs select:hover {
  background: #fff;
  color: #222;
  background-image: url("../Images/select.png");
  background-position: 100% 50%;
  background-size: 17px 5px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#transportledningsKarta .inputs select.date, .transportledningsKarta .inputs select.date {
  min-width: 200px;
}
#transportledningsKarta .modalContentSection, .transportledningsKarta .modalContentSection {
  margin: 0;
}
#transportledningsKarta .modalContentSection:last-child, .transportledningsKarta .modalContentSection:last-child {
  margin: 0;
  border-bottom: none;
}
#transportledningsKarta .set, .transportledningsKarta .set {
  display: inline-block;
  float: left;
  padding: 20px 0;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#transportledningsKarta .modalContent form,
#transportledningsKarta .modalContentSection, .transportledningsKarta .modalContent form,
.transportledningsKarta .modalContentSection {
  display: inline-block;
  clear: both;
  width: 100%;
}
#transportledningsKarta #Kontakt tr:hover, .transportledningsKarta #Kontakt tr:hover {
  cursor: default !important;
}
#transportledningsKarta #valAvTyp, .transportledningsKarta #valAvTyp {
  display: none !important;
}
#transportledningsKarta #fordon,
#transportledningsKarta #toradfordon, .transportledningsKarta #fordon,
.transportledningsKarta #toradfordon {
  width: 50%;
  float: left;
  margin: 40px 0 0;
}
#transportledningsKarta #fordon .k-grid-content,
#transportledningsKarta #toradfordon .k-grid-content,
#transportledningsKarta .favSelector .k-grid-content, .transportledningsKarta #fordon .k-grid-content,
.transportledningsKarta #toradfordon .k-grid-content,
.transportledningsKarta .favSelector .k-grid-content {
  background: #444;
}
#transportledningsKarta #fordon input.button,
#transportledningsKarta #toradfordon input.button, .transportledningsKarta #fordon input.button,
.transportledningsKarta #toradfordon input.button {
  margin: 40px 0 0;
  display: block;
  float: left;
  clear: both;
  padding: 0 20px;
  height: 40px;
  border: none;
  background: #222;
  text-align: center;
  font-family: "latobold";
  line-height: 40px;
  cursor: pointer;
}
#transportledningsKarta #fordon input.button, .transportledningsKarta #fordon input.button {
  float: right;
  color: #43b02a;
}
#transportledningsKarta #toradfordon input.button, .transportledningsKarta #toradfordon input.button {
  color: #e6635a;
}
#transportledningsKarta #fordon, .transportledningsKarta #fordon {
  padding-right: 20px;
}
#transportledningsKarta #toradfordon, .transportledningsKarta #toradfordon {
  padding-left: 20px;
}
#transportledningsKarta #fordon h2, .transportledningsKarta #fordon h2 {
  font-weight: normal;
  color: #e6635a;
}
#transportledningsKarta #toradfordon h2, .transportledningsKarta #toradfordon h2 {
  font-weight: normal;
  color: #43b02a;
}
#transportledningsKarta .asterisk, .transportledningsKarta .asterisk {
  float: left;
  margin: 0;
  height: 80px;
  font-size: 1em;
  line-height: 80px;
}
#transportledningsKarta .required, .transportledningsKarta .required {
  color: #e6635a;
  font-family: "latoregular";
  font-size: 1.3em;
}
#transportledningsKarta .formButtons, .transportledningsKarta .formButtons {
  display: inline-block;
  float: right;
  margin: 0;
  width: auto;
  height: 80px;
  line-height: 80px;
  padding-top: 20px;
}
#transportledningsKarta .formButtons input[type=submit],
#transportledningsKarta .formButtons input[type=button],
#transportledningsKarta .formButtons button, .transportledningsKarta .formButtons input[type=submit],
.transportledningsKarta .formButtons input[type=button],
.transportledningsKarta .formButtons button {
  float: right;
  margin: 0 20px 0 0;
  padding: 7px 17px;
  font-size: 1.3em;
  font-family: "latobold";
  cursor: pointer;
}
#transportledningsKarta .timeLeft .modalContent h2, .transportledningsKarta .timeLeft .modalContent h2 {
  display: inline-block;
  margin: 0 0 80px;
  width: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 4em;
}
#transportledningsKarta .timeLeft .modalContent ul, .transportledningsKarta .timeLeft .modalContent ul {
  margin: 0;
  padding: 0;
}
#transportledningsKarta .timeLeft li, .transportledningsKarta .timeLeft li {
  display: block;
  float: left;
  margin: 0;
  width: 250px;
  height: 250px;
}
#transportledningsKarta .timeLeft li:last-child, .transportledningsKarta .timeLeft li:last-child {
  margin: 0 auto;
}
#transportledningsKarta .timeLeft li button, .transportledningsKarta .timeLeft li button {
  display: block;
  padding: 0;
  width: 250px;
  height: 250px;
  border: none;
  border-radius: 50%;
  text-align: center;
  font-family: "latobold";
  font-size: 5em;
  line-height: 0;
  position: relative;
}
#transportledningsKarta .timeLeft li button span.mainText, .transportledningsKarta .timeLeft li button span.mainText {
  position: absolute;
  left: 0;
  top: 105px;
  font-family: "latolight";
  line-height: 0;
  right: 0;
}
#transportledningsKarta .timeLeft li button span.subText, .transportledningsKarta .timeLeft li button span.subText {
  position: absolute;
  left: 0;
  top: 160px;
  font-family: "latolight";
  line-height: 0;
  right: 0;
  font-size: 0.35em !important;
}
#transportledningsKarta .timeLeft li.tenMore button,
#transportledningsKarta .timeLeft li.tenLess button, .transportledningsKarta .timeLeft li.tenMore button,
.transportledningsKarta .timeLeft li.tenLess button {
  background: transparent;
  border: 3px solid #e49c02;
  color: #e49c02;
}
#transportledningsKarta .timeLeft li.thirtyLeft button, .transportledningsKarta .timeLeft li.thirtyLeft button {
  background: transparent;
  border: 3px solid #009fdf;
  color: #009fdf;
}
#transportledningsKarta .timeLeft li.thirtyLeft, .transportledningsKarta .timeLeft li.thirtyLeft {
  margin: 0 5%;
}
#transportledningsKarta .no-touch .timeLeft li.tenMore button:hover,
#transportledningsKarta .no-touch .timeLeft li.tenLess button:hover, .transportledningsKarta .no-touch .timeLeft li.tenMore button:hover,
.transportledningsKarta .no-touch .timeLeft li.tenLess button:hover {
  color: #fff;
  background: #e49c02;
  border: 3px solid #e49c02;
}
#transportledningsKarta .no-touch .timeLeft li.thirtyLeft button:hover, .transportledningsKarta .no-touch .timeLeft li.thirtyLeft button:hover {
  color: #fff;
  background: #009fdf;
  border: 3px solid #009fdf;
}
#transportledningsKarta .timeLeft li button:active, .transportledningsKarta .timeLeft li button:active {
  background: #222 !important;
  border: 3px solid #222 !important;
}
#transportledningsKarta .timeLeft li button[disabled=disabled],
#transportledningsKarta .timeLeft li button:disabled,
#transportledningsKarta .timeLeft li button[disabled=disabled]:hover,
#transportledningsKarta .timeLeft li button:disabled:hover,
#transportledningsKarta .timeLeft li button[disabled=disabled]:active,
#transportledningsKarta .timeLeft li button:disabled:active, .transportledningsKarta .timeLeft li button[disabled=disabled],
.transportledningsKarta .timeLeft li button:disabled,
.transportledningsKarta .timeLeft li button[disabled=disabled]:hover,
.transportledningsKarta .timeLeft li button:disabled:hover,
.transportledningsKarta .timeLeft li button[disabled=disabled]:active,
.transportledningsKarta .timeLeft li button:disabled:active {
  color: rgba(0, 0, 0, 0.2) !important;
  background: #ccc !important;
  border: 3px solid #ccc !important;
  cursor: not-allowed;
}
#transportledningsKarta .mapGata, .transportledningsKarta .mapGata {
  padding: 0 40px 0 40px;
  color: #009fdf;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
#transportledningsKarta .closeMap,
#transportledningsKarta .no-touch .closeMap:hover, .transportledningsKarta .closeMap,
.transportledningsKarta .no-touch .closeMap:hover {
  background: #334d7c;
  color: #fff !important;
}
#transportledningsKarta .openMap i.icon-location,
#transportledningsKarta .closeMap i.icon-cancel, .transportledningsKarta .openMap i.icon-location,
.transportledningsKarta .closeMap i.icon-cancel {
  display: inline-block;
}
#transportledningsKarta .openMap i.icon-cancel,
#transportledningsKarta .closeMap i.icon-location, .transportledningsKarta .openMap i.icon-cancel,
.transportledningsKarta .closeMap i.icon-location {
  display: none;
}
#transportledningsKarta #tlMap, .transportledningsKarta #tlMap {
  display: none;
  overflow: hidden;
}
#transportledningsKarta #mapControls ul, .transportledningsKarta #mapControls ul {
  height: 60px;
}
#transportledningsKarta #mapControls li, .transportledningsKarta #mapControls li {
  float: left;
  margin: 0;
  padding: 3px;
  height: 50px;
  list-style-type: none;
  font-family: "latoregular";
  font-size: 1.2em;
}
#transportledningsKarta #mapControls li.mapFunction.delegateTO,
#transportledningsKarta #mapControls li.mapFunction.showOrEdit,
#transportledningsKarta #mapControls li.mapFunction.adminHeaderLegend, .transportledningsKarta #mapControls li.mapFunction.delegateTO,
.transportledningsKarta #mapControls li.mapFunction.showOrEdit,
.transportledningsKarta #mapControls li.mapFunction.adminHeaderLegend {
  position: relative;
}
#transportledningsKarta #mapControls li.mapFunction.colorCodes, .transportledningsKarta #mapControls li.mapFunction.colorCodes {
  position: relative;
  margin: 0 30px 0 30px;
}
#transportledningsKarta #mapControls li.mapFunction button, .transportledningsKarta #mapControls li.mapFunction button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  float: left;
  height: 60px;
  line-height: 60px;
  text-transform: none;
  font-family: "latobold";
  color: #009fdf;
}
#transportledningsKarta .no-touch #mapControls li.mapFunction button:hover, .transportledningsKarta .no-touch #mapControls li.mapFunction button:hover {
  color: #fff;
}
#transportledningsKarta #mapControls li.mapFunction.colorCodes img, .transportledningsKarta #mapControls li.mapFunction.colorCodes img {
  float: left;
  width: 30px;
  margin: 15px 0;
  height: 30px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
#transportledningsKarta .no-touch #mapControls li.mapFunction.colorCodes img:hover, .transportledningsKarta .no-touch #mapControls li.mapFunction.colorCodes img:hover {
  -webkit-transform: scale(1.2);
}
#transportledningsKarta #colorCodes, .transportledningsKarta #colorCodes {
  position: absolute;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 400px;
  z-index: 99999;
  right: 0;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta #colorCodes ul, .transportledningsKarta #colorCodes ul {
  margin: 20px;
  padding: 0;
}
#transportledningsKarta #colorCodes li, .transportledningsKarta #colorCodes li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  height: 60px;
  line-height: 60px;
  color: #666 !important;
  font-family: "latoregular";
}
#transportledningsKarta #colorCodes li.title, .transportledningsKarta #colorCodes li.title {
  font-size: 1.2em;
  font-family: "latobold";
}
#transportledningsKarta #colorCodes li.break, .transportledningsKarta #colorCodes li.break {
  border-top: 1px dashed rgba(34, 34, 34, 0.2);
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
  height: auto !important;
}
#transportledningsKarta #colorCodes li.myPosition, .transportledningsKarta #colorCodes li.myPosition {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-mitt-fordon.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.prelTrucks, .transportledningsKarta #colorCodes li.prelTrucks {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-bil-olastad.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.loadedTrucks, .transportledningsKarta #colorCodes li.loadedTrucks {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-bil-lastad.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.neon, .transportledningsKarta #colorCodes li.neon {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-valt.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.blue, .transportledningsKarta #colorCodes li.blue {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.green, .transportledningsKarta #colorCodes li.green {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-valt.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.yellow, .transportledningsKarta #colorCodes li.yellow {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-stangt.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.red, .transportledningsKarta #colorCodes li.red {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-et.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.blue.outOfStock, .transportledningsKarta #colorCodes li.blue.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.green.outOfStock, .transportledningsKarta #colorCodes li.green.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-valt-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.yellow.outOfStock, .transportledningsKarta #colorCodes li.yellow.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-stangt-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.red.outOfStock, .transportledningsKarta #colorCodes li.red.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-tilldelat-et-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.blue.et, .transportledningsKarta #colorCodes li.blue.et {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.green.et, .transportledningsKarta #colorCodes li.green.et {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-valt.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.yellow.et, .transportledningsKarta #colorCodes li.yellow.et {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-stangt.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.red.et, .transportledningsKarta #colorCodes li.red.et {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-et.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.blue.et.outOfStock, .transportledningsKarta #colorCodes li.blue.et.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.green.et.outOfStock, .transportledningsKarta #colorCodes li.green.et.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-valt-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.yellow.et.outOfStock, .transportledningsKarta #colorCodes li.yellow.et.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-stangt-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.red.et.outOfStock, .transportledningsKarta #colorCodes li.red.et.outOfStock {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-ejtilldelat-et-noll-lager.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.mottpl.open, .transportledningsKarta #colorCodes li.mottpl.open {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-mottpl-oppen.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.mottpl.closed, .transportledningsKarta #colorCodes li.mottpl.closed {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-mottpl-stangd.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta #colorCodes li.noCars, .transportledningsKarta #colorCodes li.noCars {
  background: transparent url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Common/img/symbol-avlagg-noll-bilar.png") no-repeat;
  background-size: 21px 30px;
  background-position: 0 50%;
  padding: 0 0 0 31px;
}
#transportledningsKarta .mapArrow, .transportledningsKarta .mapArrow {
  position: fixed;
  top: 140px;
  right: 30px;
  /* left: 0; */
  margin: auto;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid #334D7D;
  border-left: 15px solid transparent;
}
#transportledningsKarta #mapControls li a, .transportledningsKarta #mapControls li a {
  display: block;
  color: #ffffff !important;
}
#transportledningsKarta .no-touch #mapControls li a:hover, .transportledningsKarta .no-touch #mapControls li a:hover {
  color: #fff;
}
#transportledningsKarta #mapControls li a:active, .transportledningsKarta #mapControls li a:active {
  position: relative;
  top: 2px;
}
#transportledningsKarta .no-touch #toolbar li.map:hover, .transportledningsKarta .no-touch #toolbar li.map:hover {
  background: #334d7c;
  color: #fff;
}
#transportledningsKarta #map-canvas-admin, .transportledningsKarta #map-canvas-admin {
  height: 878px;
}
#transportledningsKarta div.markerLabel, .transportledningsKarta div.markerLabel {
  color: black;
  background-color: white;
  font-size: 10px;
  border: 1px solid black;
  padding: 1px;
  line-height: normal;
  white-space: nowrap;
  font-family: "latobold";
}
#transportledningsKarta div.displayNone, .transportledningsKarta div.displayNone {
  display: none !important;
}
#transportledningsKarta .googleMapsinfoWindow, .transportledningsKarta .googleMapsinfoWindow {
  color: #222;
}
#transportledningsKarta #information li, .transportledningsKarta #information li {
  float: left;
  margin: 0;
  padding: 0;
  color: #fff;
  list-style-type: none;
  font-family: "latoregular";
  font-size: 1.2em;
}
#transportledningsKarta #information li.clock, .transportledningsKarta #information li.clock {
  margin: 0 0 0 40px;
}
#transportledningsKarta .appIsOnline, .transportledningsKarta .appIsOnline {
  color: #43b02a;
}
#transportledningsKarta .appIsOffline, .transportledningsKarta .appIsOffline {
  color: #e6635a;
}
#transportledningsKarta #information li i,
#transportledningsKarta #backButton li a i, .transportledningsKarta #information li i,
.transportledningsKarta #backButton li a i {
  margin-right: 5px;
}
#transportledningsKarta footer li, .transportledningsKarta footer li {
  margin: 0 5px;
}
#transportledningsKarta #information li.loader, .transportledningsKarta #information li.loader {
  margin: 0;
  height: 80px;
  line-height: 80px;
}
#transportledningsKarta .loader, .transportledningsKarta .loader {
  position: absolute;
  top: 0;
  z-index: 99999999999;
  width: 100%;
  height: 3px;
  background: #333;
  left: 0;
}
#transportledningsKarta .loading, .transportledningsKarta .loading {
  display: block;
  margin: 0;
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left, #333, #00ccff);
  -webkit-animation-name: load;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes load {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@keyframes load {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
#transportledningsKarta article, .transportledningsKarta article {
  background: #333;
  color: #fff;
}
#transportledningsKarta section, .transportledningsKarta section {
  padding: 10px;
}
#transportledningsKarta section h2, .transportledningsKarta section h2 {
  margin: 60px 0 20px;
  font-family: "latoregular";
  font-size: 1.8em;
}
#transportledningsKarta section h3, .transportledningsKarta section h3 {
  color: #ccc;
  font-weight: normal;
  font-size: 1.1em;
}
#transportledningsKarta section h4, .transportledningsKarta section h4 {
  color: #ccc;
  font-weight: normal;
  font-size: 1em;
}
#transportledningsKarta section p, .transportledningsKarta section p {
  clear: both;
  font-size: 1.2em;
  line-height: 150%;
}
#transportledningsKarta .sectionHelp, .transportledningsKarta .sectionHelp {
  float: right;
  margin: 0 0 0 20px;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background: #222;
  color: #009fdf;
  text-align: center;
  font-size: 1.2em;
  line-height: 32px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .sectionHelpContent, .transportledningsKarta .sectionHelpContent {
  display: none;
}
#transportledningsKarta .modalHelpContent h4,
#transportledningsKarta .sectionHelpContent h4, .transportledningsKarta .modalHelpContent h4,
.transportledningsKarta .sectionHelpContent h4 {
  font-size: 1.7em;
  margin: 0 0 30px;
  font-family: "latolight";
  font-weight: normal;
  line-height: 150%;
}
#transportledningsKarta .modalHelpContent,
#transportledningsKarta .sectionHelpContent, .transportledningsKarta .modalHelpContent,
.transportledningsKarta .sectionHelpContent {
  display: none;
  clear: both;
  margin: 0 0 40px;
  padding: 40px;
  width: 100%;
  border-radius: 10px;
  background: #666;
  z-index: 999;
}
#transportledningsKarta .modalHelpContent, .transportledningsKarta .modalHelpContent {
  color: #fff;
}
#transportledningsKarta .getMoreHelp, .transportledningsKarta .getMoreHelp {
  margin: 20px 0 0 !important;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #555;
  color: #d1d3d4;
  font-family: "latobold";
  display: inline-block;
  width: 100%;
}
#transportledningsKarta .getEvenMoreHelp span, .transportledningsKarta .getEvenMoreHelp span {
  font-family: "latobold";
}
#transportledningsKarta .jumpTo, .transportledningsKarta .jumpTo {
  margin: 0 0 40px;
}
#transportledningsKarta .jumpTo li, .transportledningsKarta .jumpTo li {
  line-height: 170%;
  font-size: 1.2em;
}
#transportledningsKarta .jumpTo li li, .transportledningsKarta .jumpTo li li {
  line-height: 150%;
  font-size: 0.8em;
}
#transportledningsKarta .jumpTo li a, .transportledningsKarta .jumpTo li a {
  color: #fff;
  text-decoration: underline;
}
#transportledningsKarta .getMoreHelp i,
#transportledningsKarta .showColumnHelp i, .transportledningsKarta .getMoreHelp i,
.transportledningsKarta .showColumnHelp i {
  margin-right: 5px;
}
#transportledningsKarta .getMoreHelp i, .transportledningsKarta .getMoreHelp i {
  color: #e6635a;
}
#transportledningsKarta .showColumnHelp, .transportledningsKarta .showColumnHelp {
  background: #d1d3d4;
  color: #00205b;
  display: inline-block;
  width: 100%;
  padding: 0;
  height: 40px;
  cursor: pointer;
  line-height: 40px;
  font-family: "latobold";
  text-align: center;
  margin: 20px 0 0;
}
#transportledningsKarta .showColumnHelp:hover, .transportledningsKarta .showColumnHelp:hover {
  background: #00205b;
  color: #fff;
}
#transportledningsKarta .columnHelp, .transportledningsKarta .columnHelp {
  display: none;
  background: #d1d3d4;
  padding: 20px;
}
#transportledningsKarta .columnHelp ul, .transportledningsKarta .columnHelp ul {
  padding: 20px;
  padding: 0;
}
#transportledningsKarta .columnHelp li, .transportledningsKarta .columnHelp li {
  padding: 10px 0 !important;
  list-style-type: none;
  border-bottom: 1px dashed #999;
  color: #333;
  font-size: 0.9em;
  padding: 0;
  line-height: 150%;
}
#transportledningsKarta .columnHelp li strong, .transportledningsKarta .columnHelp li strong {
  width: 30%;
  float: left;
}
#transportledningsKarta .columnHelp li span, .transportledningsKarta .columnHelp li span {
  float: left;
  display: inline-block;
  width: 70%;
}
#transportledningsKarta .columnHelp li:last-child, .transportledningsKarta .columnHelp li:last-child {
  border-bottom: none;
}
#transportledningsKarta .modalHelpContent p,
#transportledningsKarta .sectionHelpContent p, .transportledningsKarta .modalHelpContent p,
.transportledningsKarta .sectionHelpContent p {
  margin: 0 0 20px;
  font-size: 1em;
  line-height: 150%;
}
#transportledningsKarta .modalHelpContent p:last-child,
#transportledningsKarta .sectionHelpContent p:last-child, .transportledningsKarta .modalHelpContent p:last-child,
.transportledningsKarta .sectionHelpContent p:last-child {
  margin: 0;
}
#transportledningsKarta .refresh, .transportledningsKarta .refresh {
  float: right;
  margin: 0 0 0 20px;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background: #222;
  color: #43b02a;
  text-align: center;
  font-size: 1.2em;
  line-height: 32px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .clearFilter, .transportledningsKarta .clearFilter {
  float: right;
  margin: 0 0 0 20px;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background: #222;
  color: #e6635a;
  text-align: center;
  font-size: 1.2em;
  line-height: 32px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .excelExport, .transportledningsKarta .excelExport {
  float: right;
  margin: 0 0 0 20px;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background: #222;
  color: #43b02a;
  text-align: center;
  font-size: 1.2em;
  line-height: 32px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: none !important;
}
#transportledningsKarta .excelExport.popupVaglager, .transportledningsKarta .excelExport.popupVaglager {
  margin-top: 28px;
  float: left;
  padding: 0;
}
#transportledningsKarta .no-touch .sectionHelp:hover,
#transportledningsKarta .sectionHelp:active, .transportledningsKarta .no-touch .sectionHelp:hover,
.transportledningsKarta .sectionHelp:active {
  background: #009fdf;
  color: #fff;
}
#transportledningsKarta .no-touch .refresh:hover,
#transportledningsKarta .refresh:active, .transportledningsKarta .no-touch .refresh:hover,
.transportledningsKarta .refresh:active {
  background: #43b02a;
  color: #fff;
}
#transportledningsKarta .no-touch .clearFilter:hover,
#transportledningsKarta .clearFilter:active, .transportledningsKarta .no-touch .clearFilter:hover,
.transportledningsKarta .clearFilter:active {
  background: #e6635a;
  color: #fff;
}
#transportledningsKarta .no-touch .excelExport:hover,
#transportledningsKarta .excelExport:active, .transportledningsKarta .no-touch .excelExport:hover,
.transportledningsKarta .excelExport:active {
  background: #43b02a;
  color: #fff;
}
#transportledningsKarta .subMenu, .transportledningsKarta .subMenu {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1;
  padding: 0;
  height: 40px;
  border-radius: 20px 0 0 20px;
  background: transparent;
  color: #009fdf;
  text-align: left;
  border: 2px solid #009fdf;
  border-right: none;
  font-size: 1.1em;
  line-height: 36px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#transportledningsKarta .subMenu i, .transportledningsKarta .subMenu i {
  float: left;
  font-size: 1.3em;
}
#transportledningsKarta .no-touch .subMenu:hover,
#transportledningsKarta .subMenu:active, .transportledningsKarta .no-touch .subMenu:hover,
.transportledningsKarta .subMenu:active {
  background: #009fdf;
  color: #fff;
}
#transportledningsKarta .subMenuContent, .transportledningsKarta .subMenuContent {
  display: none;
  padding: 0 40px 0 0;
  width: auto;
  height: 36px;
  line-height: 36px;
  border-radius: 20px 0 0 20px;
  background: #009fdf;
}
#transportledningsKarta .subMenuContent ul, .transportledningsKarta .subMenuContent ul {
  margin: 0;
  width: 100%;
}
#transportledningsKarta .subMenuContent li, .transportledningsKarta .subMenuContent li {
  float: left;
  margin: 0 0 0 20px;
  color: #fff;
  list-style-type: none;
  font-family: "latobold";
}
#transportledningsKarta .no-touch .subMenuContent li:hover, .transportledningsKarta .no-touch .subMenuContent li:hover {
  color: #222;
  cursor: pointer;
}
#transportledningsKarta .subMenuContent li:active, .transportledningsKarta .subMenuContent li:active {
  position: relative;
  top: 1px;
}
#transportledningsKarta .openSubMenu, .transportledningsKarta .openSubMenu {
  padding: 0 0 0 10px;
  width: 60px;
  height: 40px;
  cursor: pointer;
}
#transportledningsKarta .closeSubMenu, .transportledningsKarta .closeSubMenu {
  display: none;
  padding: 0 0 0 10px;
  width: auto;
  height: 40px;
  color: #fff;
  cursor: pointer;
}
#transportledningsKarta .data,
#transportledningsKarta .landings, .transportledningsKarta .data,
.transportledningsKarta .landings {
  display: block;
}
#transportledningsKarta section.boats,
#transportledningsKarta section.announcements,
#transportledningsKarta section.depots,
#transportledningsKarta section.notifications,
#transportledningsKarta section.landingsAdmin,
#transportledningsKarta section.trainDepartures,
#transportledningsKarta section.drivers,
#transportledningsKarta section.settings,
#transportledningsKarta section.orders,
#transportledningsKarta section.quotas,
#transportledningsKarta section.helpCenter, .transportledningsKarta section.boats,
.transportledningsKarta section.announcements,
.transportledningsKarta section.depots,
.transportledningsKarta section.notifications,
.transportledningsKarta section.landingsAdmin,
.transportledningsKarta section.trainDepartures,
.transportledningsKarta section.drivers,
.transportledningsKarta section.settings,
.transportledningsKarta section.orders,
.transportledningsKarta section.quotas,
.transportledningsKarta section.helpCenter {
  display: none;
}
#transportledningsKarta section#tlMap, .transportledningsKarta section#tlMap {
  padding: 0;
  width: 100%;
  height: 100%;
}
#transportledningsKarta #tlMap iframe, .transportledningsKarta #tlMap iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#transportledningsKarta footer, .transportledningsKarta footer {
  position: fixed;
  bottom: 0;
  padding: 0 40px;
  width: 100%;
  z-index: 3;
}
#transportledningsKarta .hideAbove999, .transportledningsKarta .hideAbove999 {
  display: none;
}
#transportledningsKarta .location, .transportledningsKarta .location {
  display: inline-block;
  clear: both;
  margin: 40px 0 0;
  width: 100%;
}
#transportledningsKarta #aviseringsBody div:first-child, .transportledningsKarta #aviseringsBody div:first-child {
  margin: 0 !important;
}
#transportledningsKarta .locationNameAndTriggers, .transportledningsKarta .locationNameAndTriggers {
  padding: 0 10px 0 20px;
  height: 60px;
  background: #444;
  font-size: 1.2em;
  line-height: 60px;
  overflow: hidden;
}
#transportledningsKarta .location .trigger,
#transportledningsKarta .location .triggerVisaAvvikelser, .transportledningsKarta .location .trigger,
.transportledningsKarta .location .triggerVisaAvvikelser {
  float: right;
  padding: 0 20px;
  margin: 10px 0;
  color: #ccc;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  background: #333;
}
#transportledningsKarta .location .triggerVisaAvvikelser, .transportledningsKarta .location .triggerVisaAvvikelser {
  border-radius: 20px;
  margin-right: 10px;
}
#transportledningsKarta .location .trigger.overview, .transportledningsKarta .location .trigger.overview {
  border-radius: 20px 0 0 20px;
}
#transportledningsKarta .location .trigger.details24h, .transportledningsKarta .location .trigger.details24h {
  border-radius: 0 20px 20px 0;
}
#transportledningsKarta .location .trigger i, .transportledningsKarta .location .trigger i {
  margin: 0 5px 0 0;
}
#transportledningsKarta .location .trigger.current,
#transportledningsKarta .no-touch .location .trigger.current:hover, .transportledningsKarta .location .trigger.current,
.transportledningsKarta .no-touch .location .trigger.current:hover {
  color: #333;
  background: #999;
}
#transportledningsKarta .no-touch .location .trigger:hover,
#transportledningsKarta .no-touch .location .triggerVisaAvvikelser:hover, .transportledningsKarta .no-touch .location .trigger:hover,
.transportledningsKarta .no-touch .location .triggerVisaAvvikelser:hover {
  background: #555;
  color: #fff;
}
#transportledningsKarta .location .trigger:active, .transportledningsKarta .location .trigger:active {
  color: #fff;
}
#transportledningsKarta .modalBox.webcam, .transportledningsKarta .modalBox.webcam {
  width: 700px;
  background: transparent;
}
#transportledningsKarta .modalBox.webcam .modalTop, .transportledningsKarta .modalBox.webcam .modalTop {
  z-index: 2;
  overflow: hidden;
  padding: 0;
  height: 80px;
  border-bottom: none;
  background: #444;
}
#transportledningsKarta .modalBox.webcam .modalContent, .transportledningsKarta .modalBox.webcam .modalContent {
  z-index: 1;
  padding: 0;
  width: 700px !important;
  height: 467px !important;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .modalBox.vaglager .modalContent, .transportledningsKarta .modalBox.vaglager .modalContent {
  height: 90%;
}
#transportledningsKarta .webcam img, .transportledningsKarta .webcam img {
  float: left;
  width: 100%;
  height: auto;
}
#transportledningsKarta .iosSlider, .transportledningsKarta .iosSlider {
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 100%;
}
#transportledningsKarta .iosSlider .slider, .transportledningsKarta .iosSlider .slider {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#transportledningsKarta .iosSlider .slider .slide, .transportledningsKarta .iosSlider .slider .slide {
  float: left;
  width: 700px !important;
  height: 467px !important;
  text-align: center;
}
#transportledningsKarta .iosSliderButtons, .transportledningsKarta .iosSliderButtons {
  position: absolute;
  bottom: 40px;
  z-index: 15;
  width: 100%;
  height: 10px;
  text-align: center;
}
#transportledningsKarta .iosSliderButtons .button, .transportledningsKarta .iosSliderButtons .button {
  display: inline-block;
  float: none !important;
  margin: 6px;
  width: 6px !important;
  height: 6px !important;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.5);
  text-indent: -999px;
  cursor: pointer;
}
#transportledningsKarta .iosSliderButtons .button.selected, .transportledningsKarta .iosSliderButtons .button.selected {
  background-color: #fff;
}
#transportledningsKarta .iosSliderButtons .button:hover, .transportledningsKarta .iosSliderButtons .button:hover {
  background: rgba(255, 255, 255, 0.7);
}
#transportledningsKarta .location .webcam, .transportledningsKarta .location .webcam {
  position: relative;
  float: right;
  margin: 10px 10px 10px 0;
  padding: 0 20px;
  height: 40px;
  border-radius: 20px;
  background: #333;
  color: #009fdf;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
#transportledningsKarta .location .webcam i, .transportledningsKarta .location .webcam i {
  margin: 0 5px 0 0;
}
#transportledningsKarta .location .webcam:hover, .transportledningsKarta .location .webcam:hover {
  color: #fff;
}
#transportledningsKarta .location .name, .transportledningsKarta .location .name {
  float: left;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-family: "latobold";
}
#transportledningsKarta .no-touch .location .name a:hover, .transportledningsKarta .no-touch .location .name a:hover {
  color: #fff;
}
#transportledningsKarta .location .info, .transportledningsKarta .location .info {
  float: left;
  margin: 0 0 0 20px;
  color: #999;
}
#transportledningsKarta .slotContainer, .transportledningsKarta .slotContainer {
  overflow: hidden !important;
  width: 2880px;
}
#transportledningsKarta .slots, .transportledningsKarta .slots {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto !important;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .slot, .transportledningsKarta .slot {
  float: left;
  width: 60px;
  height: 60px;
  color: #fff !important;
  text-align: center;
  line-height: 60px;
}
#transportledningsKarta .location .hasAvvikelse,
#transportledningsKarta .location .hasMotplatsAvvikelse, .transportledningsKarta .location .hasAvvikelse,
.transportledningsKarta .location .hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_black.png") !important;
}
#transportledningsKarta .location .slot.green.hasAvvikelse,
#transportledningsKarta .location .slot.green.hasMotplatsAvvikelse, .transportledningsKarta .location .slot.green.hasAvvikelse,
.transportledningsKarta .location .slot.green.hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_green.png") !important;
}
#transportledningsKarta .location .slot.red.hasAvvikelse,
#transportledningsKarta .location .slot.red.hasMotplatsAvvikelse, .transportledningsKarta .location .slot.red.hasAvvikelse,
.transportledningsKarta .location .slot.red.hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_red.png") !important;
}
#transportledningsKarta .location .slot.yellow.hasAvvikelse,
#transportledningsKarta .location .slot.yellow.hasMotplatsAvvikelse, .transportledningsKarta .location .slot.yellow.hasAvvikelse,
.transportledningsKarta .location .slot.yellow.hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_yellow.png") !important;
}
#transportledningsKarta .location .slot.blue.hasAvvikelse,
#transportledningsKarta .location .slot.blue.hasMotplatsAvvikelse, .transportledningsKarta .location .slot.blue.hasAvvikelse,
.transportledningsKarta .location .slot.blue.hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_black.png") !important;
}
#transportledningsKarta .location .slot.closed.hasAvvikelse,
#transportledningsKarta .location .slot.closed.hasMotplatsAvvikelse, .transportledningsKarta .location .slot.closed.hasAvvikelse,
.transportledningsKarta .location .slot.closed.hasMotplatsAvvikelse {
  background-image: url("../Common/img/diagonal_15x15_555555.png") !important;
}
#transportledningsKarta .location .slot.green.hasAvvikelse span,
#transportledningsKarta .location .slot.green.hasMotplatsAvvikelse span, .transportledningsKarta .location .slot.green.hasAvvikelse span,
.transportledningsKarta .location .slot.green.hasMotplatsAvvikelse span {
  padding: 3px;
  background-color: rgba(67, 176, 42, 0.5);
}
#transportledningsKarta .location .slot.red.hasAvvikelse span,
#transportledningsKarta .location .slot.red.hasMotplatsAvvikelse span, .transportledningsKarta .location .slot.red.hasAvvikelse span,
.transportledningsKarta .location .slot.red.hasMotplatsAvvikelse span {
  padding: 3px;
  background-color: rgba(230, 99, 90, 0.5);
}
#transportledningsKarta .location .slot.yellow.hasAvvikelse span,
#transportledningsKarta .location .slot.yellow.hasMotplatsAvvikelse span, .transportledningsKarta .location .slot.yellow.hasAvvikelse span,
.transportledningsKarta .location .slot.yellow.hasMotplatsAvvikelse span {
  padding: 3px;
  background-color: rgba(228, 156, 2, 0.5);
}
#transportledningsKarta .location .slot.closed.hasAvvikelse span,
#transportledningsKarta .location .slot.closed.hasMotplatsAvvikelse span, .transportledningsKarta .location .slot.closed.hasAvvikelse span,
.transportledningsKarta .location .slot.closed.hasMotplatsAvvikelse span {
  padding: 3px;
  background-color: rgba(85, 85, 85, 0.5);
}
#transportledningsKarta .location .slot.blue, .transportledningsKarta .location .slot.blue {
  background: #337bff;
}
#transportledningsKarta .location .slot.green, .transportledningsKarta .location .slot.green {
  background: #43b02a;
}
#transportledningsKarta .location .slot.red, .transportledningsKarta .location .slot.red {
  background: #e6635a;
}
#transportledningsKarta .location .slot.yellow, .transportledningsKarta .location .slot.yellow {
  background: #e49c02;
}
#transportledningsKarta .location .slot.closed, .transportledningsKarta .location .slot.closed {
  background: #555;
}
#transportledningsKarta .details, .transportledningsKarta .details {
  display: none;
}
#transportledningsKarta .columnChart, .transportledningsKarta .columnChart {
  background: #111;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta .legend, .transportledningsKarta .legend {
  display: inline-block;
  width: 100%;
  height: 60px;
  background: #111;
  text-align: center;
}
#transportledningsKarta .legend ul, .transportledningsKarta .legend ul {
  display: inline-block;
  margin: 20px 0 0 40px;
  padding: 0;
  height: 40px;
  background: #222;
  line-height: 40px;
}
#transportledningsKarta .legend li, .transportledningsKarta .legend li {
  display: inline-block;
  margin: 0 20px;
  height: 40px;
  list-style-type: none;
  text-transform: uppercase;
  line-height: 40px;
}
#transportledningsKarta .legend li span, .transportledningsKarta .legend li span {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  /*border-radius: 5px;*/
}
#transportledningsKarta .legend li.truck, .transportledningsKarta .legend li.truck {
  color: #a05ce4;
}
#transportledningsKarta .legend li.truck span, .transportledningsKarta .legend li.truck span {
  background: #a05ce4;
}
#transportledningsKarta .legend li.train, .transportledningsKarta .legend li.train {
  color: #5ce6d1;
}
#transportledningsKarta .legend li.train span, .transportledningsKarta .legend li.train span {
  background: #5ce6d1;
}
#transportledningsKarta .legend li.boat, .transportledningsKarta .legend li.boat {
  color: #67abe4;
}
#transportledningsKarta .legend li.boat span, .transportledningsKarta .legend li.boat span {
  background: #67abe4;
}
#transportledningsKarta .admin #toolbar li.create, .transportledningsKarta .admin #toolbar li.create {
  position: relative;
  padding: 0 40px;
  color: #43b02a;
  text-transform: uppercase;
  cursor: pointer;
}
#transportledningsKarta .admin #toolbar li.create.open,
#transportledningsKarta .no-touch .admin #toolbar li.create:hover, .transportledningsKarta .admin #toolbar li.create.open,
.transportledningsKarta .no-touch .admin #toolbar li.create:hover {
  background: #43b02a;
  color: #fff;
}
#transportledningsKarta #create, .transportledningsKarta #create {
  position: fixed;
  z-index: 2;
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 60px;
  background: #43b02a;
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta #create ul, .transportledningsKarta #create ul {
  margin: 0;
  padding: 0;
  height: 60px;
}
#transportledningsKarta #create li, .transportledningsKarta #create li {
  float: left;
  margin: 0 0 0 30px;
  padding: 0;
  height: 60px;
  list-style-type: none;
  font-family: "latobold";
  font-size: 1.2em;
  line-height: 60px;
}
#transportledningsKarta #create li a, .transportledningsKarta #create li a {
  display: block;
  float: left;
  color: #fff;
}
#transportledningsKarta .no-touch #create li a:hover, .transportledningsKarta .no-touch #create li a:hover {
  color: #222;
}
#transportledningsKarta #boatsContainer a, #transportledningsKarta #aviseringsBody a, .transportledningsKarta #boatsContainer a, .transportledningsKarta #aviseringsBody a {
  color: #009FDF !important;
}
#transportledningsKarta #create li a:active, .transportledningsKarta #create li a:active {
  position: relative;
  top: 2px;
}
@-webkit-keyframes switchOn {
  0% {
    -webkit-transform: translate3d(-30px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes switchOn {
  0% {
    transform: translate3d(-30px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes switchOff {
  0% {
    -webkit-transform: translate3d(30px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes switchOff {
  0% {
    transform: translate3d(30px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
#transportledningsKarta .onOff, .transportledningsKarta .onOff {
  padding: 0 40px;
  width: auto !important;
  /*background: rgba(0,0,0,0.1);*/
  cursor: pointer;
}
#transportledningsKarta .onOff .switch, .transportledningsKarta .onOff .switch {
  position: relative;
  float: left;
  margin: 7px 0;
  padding: 2px;
  width: 70px;
  height: 34px;
  border-radius: 20px;
}
#transportledningsKarta .onOff .switch.on, .transportledningsKarta .onOff .switch.on {
  background: #43b02a;
  color: #43b02a;
}
#transportledningsKarta .onOff .switch.off, .transportledningsKarta .onOff .switch.off {
  background: #e6635a;
  color: #e6635a;
}
#transportledningsKarta .onOff .indicator, .transportledningsKarta .onOff .indicator {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  margin: 0 !important;
  width: 30px;
  height: 30px;
  background: #fff;
  padding: 5px;
  border-radius: 15px;
  font-size: 20px;
}
#transportledningsKarta .onOff .switch.on .indicator, .transportledningsKarta .onOff .switch.on .indicator {
  right: 2px;
  -webkit-animation-name: switchOn;
  -webkit-animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}
#transportledningsKarta .onOff .switch.off .indicator, .transportledningsKarta .onOff .switch.off .indicator {
  left: 2px;
  -webkit-animation-name: switchOff;
  -webkit-animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}
#transportledningsKarta .admin .openHelp, #transportledningsKarta .admin .closeHelp, .transportledningsKarta .admin .openHelp, .transportledningsKarta .admin .closeHelp {
  z-index: 1;
  color: #fff;
}
#transportledningsKarta .no-touch .admin .openHelp:hover, #transportledningsKarta .no-touch .admin .closeHelp:hover, .transportledningsKarta .no-touch .admin .openHelp:hover, .transportledningsKarta .no-touch .admin .closeHelp:hover {
  background: #222;
}
#transportledningsKarta .admin .groupBy, .transportledningsKarta .admin .groupBy {
  display: inline-block;
  float: right;
  margin: 0 20px 40px 0;
  padding: 0 20px;
  width: 30%;
  height: 40px;
  border-radius: 30px;
  background: #444;
  color: #fff;
  font-family: "latoregular";
  font-size: 1.1em;
  line-height: 40px;
}
#transportledningsKarta .no-touch .admin .groupBy:hover, .transportledningsKarta .no-touch .admin .groupBy:hover {
  background: #222;
  color: #009fdf;
}
#transportledningsKarta nav.foldersNav, .transportledningsKarta nav.foldersNav {
  display: inline-block;
  float: right;
  margin: 0 40px 0 0;
  color: #ccc;
}
#transportledningsKarta .helpCenter nav.foldersNav, .transportledningsKarta .helpCenter nav.foldersNav {
  margin: 0 0 0 0;
}
#transportledningsKarta .modalBox nav.foldersNav, .transportledningsKarta .modalBox nav.foldersNav {
  margin: 0 0 40px;
}
#transportledningsKarta nav.foldersNav .current,
#transportledningsKarta .no-touch nav.foldersNav .current:hover, .transportledningsKarta nav.foldersNav .current,
.transportledningsKarta .no-touch nav.foldersNav .current:hover {
  background: #ccc;
  color: #333;
}
#transportledningsKarta nav.foldersNav li, .transportledningsKarta nav.foldersNav li {
  background: #444;
}
#transportledningsKarta .modalBox nav.foldersNav li, .transportledningsKarta .modalBox nav.foldersNav li {
  background: rgba(0, 0, 0, 0.1);
}
#transportledningsKarta .modalBox nav.foldersNav .current,
#transportledningsKarta .no-touch .modalBox nav.foldersNav .current:hover, .transportledningsKarta .modalBox nav.foldersNav .current,
.transportledningsKarta .no-touch .modalBox nav.foldersNav .current:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #222;
}
#transportledningsKarta nav.foldersNav li:first-child, .transportledningsKarta nav.foldersNav li:first-child {
  padding: 0 15px 0 20px;
  border-radius: 20px 0 0 20px;
}
#transportledningsKarta nav.foldersNav li:last-child, .transportledningsKarta nav.foldersNav li:last-child {
  padding: 0 20px 0 15px;
  border-radius: 0 20px 20px 0;
}
#transportledningsKarta .no-touch nav.foldersNav li:hover, .transportledningsKarta .no-touch nav.foldersNav li:hover {
  background: #555;
  color: #fff;
}
#transportledningsKarta .no-touch .modalBox nav.foldersNav li:hover, .transportledningsKarta .no-touch .modalBox nav.foldersNav li:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
#transportledningsKarta nav.foldersNav ul, .transportledningsKarta nav.foldersNav ul {
  margin: 0;
  padding: 0;
}
#transportledningsKarta nav.foldersNav li, .transportledningsKarta nav.foldersNav li {
  float: left;
  padding: 0 15px;
  height: 40px;
  list-style-type: none;
  font-size: 1.1em;
  line-height: 40px;
  cursor: pointer;
}
#transportledningsKarta .folders, .transportledningsKarta .folders {
  display: inline-block;
  clear: both;
  width: 100%;
}
#transportledningsKarta .folder, .transportledningsKarta .folder {
  display: none;
  clear: both;
  width: 100%;
}
#transportledningsKarta .folder.current, .transportledningsKarta .folder.current {
  display: inline-block;
}
#transportledningsKarta .folder h2, .transportledningsKarta .folder h2 {
  margin: 0 0 40px;
}
#transportledningsKarta .folder h3, .transportledningsKarta .folder h3 {
  display: inline-block;
  margin: 20px 0 20px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
#transportledningsKarta .folder h4, .transportledningsKarta .folder h4 {
  display: inline-block;
  margin: 10px 0 10px;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
#transportledningsKarta .modalBox .folder h2, .transportledningsKarta .modalBox .folder h2 {
  margin: -80px 0 40px 0;
  font-weight: normal !important;
  width: initial;
}
#transportledningsKarta h3.aLittleToTheLeftPlease, .transportledningsKarta h3.aLittleToTheLeftPlease {
  margin-left: 20px;
}
#transportledningsKarta .favSelector .left h3, .transportledningsKarta .favSelector .left h3 {
  color: #e6635a;
}
#transportledningsKarta .favSelector .right h3, .transportledningsKarta .favSelector .right h3 {
  color: #43b02a;
}
#transportledningsKarta .favSelector, .transportledningsKarta .favSelector {
  display: inline-block;
  float: left;
  margin: 0 0 40px;
  width: 100%;
}
#transportledningsKarta .left .levelVertical, .transportledningsKarta .left .levelVertical {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 70px;
  /*background: #e6635a;*/
  background: #444;
}
#transportledningsKarta .right .levelVertical, .transportledningsKarta .right .levelVertical {
  position: absolute;
  top: -120px;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 120px;
  /*background: #43b02a;*/
  background: #444;
}
#transportledningsKarta .right .levelHorizontal, .transportledningsKarta .right .levelHorizontal {
  position: absolute;
  top: 0;
  right: 0;
  left: -100%;
  display: inline-block;
  width: 200%;
  height: 1px;
  /*background: -webkit-linear-gradient(left, #e6635a, #43b02a);*/
  background: #444;
}
#transportledningsKarta .favSelector .left,
#transportledningsKarta .favSelector .right, .transportledningsKarta .favSelector .left,
.transportledningsKarta .favSelector .right {
  position: relative;
  width: 50%;
}
#transportledningsKarta .favSelector .left, .transportledningsKarta .favSelector .left {
  float: left;
  padding: 0 20px 0 0;
}
#transportledningsKarta .favSelector .right, .transportledningsKarta .favSelector .right {
  float: right;
  padding: 0 0 0 20px;
}
#transportledningsKarta .favSelector .k-grid-content, .transportledningsKarta .favSelector .k-grid-content {
  margin: 0 0 40px;
}
#transportledningsKarta .favSelector .button, .transportledningsKarta .favSelector .button {
  display: block;
  float: left;
  clear: both;
  padding: 0 20px;
  height: 40px;
  border: none;
  /*background: #000;*/
  color: #fff;
  text-align: center;
  /*text-transform: uppercase;*/
  font-family: "latobold";
  cursor: pointer;
  line-height: 40px;
}
#transportledningsKarta .favSelector .left .button, .transportledningsKarta .favSelector .left .button {
  float: right;
}
#transportledningsKarta .button.addFav i, .transportledningsKarta .button.addFav i {
  margin-left: 5px;
}
#transportledningsKarta .button.removeFav i, .transportledningsKarta .button.removeFav i {
  margin-right: 5px;
}
#transportledningsKarta .message, .transportledningsKarta .message {
  position: fixed;
  width: 100%;
  bottom: 80px;
  left: 0;
  height: 80px;
  line-height: 80px;
  padding: 0 20px 0 40px;
  color: #fff;
  font-family: "latobold";
  font-size: 1.2em;
}
#transportledningsKarta #messageSaved.message, .transportledningsKarta #messageSaved.message {
  background: rgba(67, 176, 42, 0.8);
}
#transportledningsKarta #messageRestored.message, .transportledningsKarta #messageRestored.message {
  background: rgba(230, 99, 90, 0.8);
}
#transportledningsKarta .closeThisMessage, .transportledningsKarta .closeThisMessage {
  background: #222;
  color: #e6635a;
  right: -15px;
  float: right;
  top: -15px;
  width: 40px;
  margin: 20px 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}
@media screen and (max-width: 639px) {
  #transportledningsKarta #loginTop, .transportledningsKarta #loginTop {
    display: inline-block;
  }
  #transportledningsKarta .loginContainer, .transportledningsKarta .loginContainer {
    top: 40px;
    left: 20px;
    right: 20px;
    text-align: center;
  }
  #transportledningsKarta .loginContainer h1, .transportledningsKarta .loginContainer h1 {
    height: 40px;
    font-size: 2em;
    line-height: 40px;
  }
  #transportledningsKarta .loggedInOrNot, .transportledningsKarta .loggedInOrNot {
    font-size: 1.1em;
    width: 100%;
    line-height: 150% !important;
    text-align: center;
  }
  #transportledningsKarta .loginButtons, .transportledningsKarta .loginButtons {
    padding: 0;
    display: inline-block;
    height: 100%;
  }
  #transportledningsKarta .loginButtons button, .transportledningsKarta .loginButtons button {
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
  }
  #transportledningsKarta .logo, .transportledningsKarta .logo {
    height: 40px;
    margin: 0 10px 0 0;
  }
  #transportledningsKarta .changeLanguage, .transportledningsKarta .changeLanguage {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  #transportledningsKarta .currentLanguage, .transportledningsKarta .currentLanguage {
    float: none;
    margin: 20px auto 0;
    width: 40px;
  }
  #transportledningsKarta .currentLanguage svg, .transportledningsKarta .currentLanguage svg {
    float: none;
  }
  #transportledningsKarta .languages, .transportledningsKarta .languages {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    margin: 10px -20px;
  }
}
@media screen and (min-width: 639px) and (max-width: 999px) {
  #transportledningsKarta .loginContainer, .transportledningsKarta .loginContainer {
    top: 80px;
    left: 80px;
    right: 80px;
  }
}
@media screen and (max-width: 767px) {
  #transportledningsKarta .hideBelow768, .transportledningsKarta .hideBelow768 {
    display: none !important;
  }
  #transportledningsKarta #information li i, .transportledningsKarta #information li i {
    margin-right: 0;
  }
}
@media screen and (max-width: 999px) {
  #transportledningsKarta, .transportledningsKarta {
    /*.thereIsMore {
        background: -webkit-linear-gradient(left, transparent, #fff);
        width: 100%;
        height: 60px;
        position: absolute;
        display: inline-block;
    }*/
    /*.closeModal {
        top: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .closeModal i {
        line-height: 30px;
    }*/
  }
  #transportledningsKarta #chooseLanguage, .transportledningsKarta #chooseLanguage {
    top: 60px;
  }
  #transportledningsKarta .onOff .switch, .transportledningsKarta .onOff .switch {
    margin: 13px 0;
  }
  #transportledningsKarta #toolbar li.onOff, .transportledningsKarta #toolbar li.onOff {
    padding: 0 15px !important;
  }
  #transportledningsKarta #backButton li button, .transportledningsKarta #backButton li button {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
  }
  #transportledningsKarta .subMenuContent, .transportledningsKarta .subMenuContent {
    margin: 0 20px 0 0;
  }
  #transportledningsKarta body, .transportledningsKarta body {
    font-size: 13px;
  }
  #transportledningsKarta #changeLanguage, .transportledningsKarta #changeLanguage {
    height: 60px;
    line-height: 60px;
  }
  #transportledningsKarta .language, .transportledningsKarta .language {
    margin: 20px 0 0;
  }
  #transportledningsKarta .hideBelow999, .transportledningsKarta .hideBelow999 {
    display: none !important;
  }
  #transportledningsKarta .hideAbove999, .transportledningsKarta .hideAbove999 {
    display: inline-block !important;
  }
  #transportledningsKarta #st-trigger-effects button i,
  #transportledningsKarta #toolbar i,
  #transportledningsKarta #backButton li a i, .transportledningsKarta #st-trigger-effects button i,
  .transportledningsKarta #toolbar i,
  .transportledningsKarta #backButton li a i {
    margin-right: 0;
  }
  #transportledningsKarta header,
  #transportledningsKarta footer, .transportledningsKarta header,
  .transportledningsKarta footer {
    height: 60px;
    line-height: 60px;
    -webkit-overflow-scrolling: touch;
  }
  #transportledningsKarta article, .transportledningsKarta article {
    top: 60px;
  }
  #transportledningsKarta h1,
  #transportledningsKarta h2, .transportledningsKarta h1,
  .transportledningsKarta h2 {
    line-height: 130%;
  }
  #transportledningsKarta footer, .transportledningsKarta footer {
    overflow-y: hidden;
    padding: 0;
    -webkit-overflow-scrolling: touch;
  }
  #transportledningsKarta #st-trigger-effects button,
  #transportledningsKarta #toolbar li,
  #transportledningsKarta #backButton li, .transportledningsKarta #st-trigger-effects button,
  .transportledningsKarta #toolbar li,
  .transportledningsKarta #backButton li {
    padding: 0 !important;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
  }
  #transportledningsKarta #backButton li, .transportledningsKarta #backButton li {
    cursor: pointer;
  }
  #transportledningsKarta .no-touch #backButton li:hover, .transportledningsKarta .no-touch #backButton li:hover {
    color: #222;
  }
  #transportledningsKarta #information, .transportledningsKarta #information {
    margin: 0 20px 0 0;
  }
  #transportledningsKarta #information li.clock, .transportledningsKarta #information li.clock {
    margin: 0 0 0 20px;
  }
  #transportledningsKarta .modalBox,
  #transportledningsKarta .modalBox.warning, .transportledningsKarta .modalBox,
  .transportledningsKarta .modalBox.warning {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
  }
  #transportledningsKarta .modalBox.warning, .transportledningsKarta .modalBox.warning {
    width: auto;
  }
  #transportledningsKarta .modalTop,
  #transportledningsKarta .modalBox.warning .modalTop, .transportledningsKarta .modalTop,
  .transportledningsKarta .modalBox.warning .modalTop {
    height: 60px;
  }
  #transportledningsKarta .modalContent,
  #transportledningsKarta .modalBox.warning .modalContent, .transportledningsKarta .modalContent,
  .transportledningsKarta .modalBox.warning .modalContent {
    padding: 20px;
  }
  #transportledningsKarta .modalBox h1, .transportledningsKarta .modalBox h1 {
    margin: 0 20px;
    height: 60px;
    line-height: 20px;
  }
  #transportledningsKarta .st-menu h2, .transportledningsKarta .st-menu h2 {
    height: 60px;
    line-height: 60px;
  }
  #transportledningsKarta .st-menu img, .transportledningsKarta .st-menu img {
    margin: 20px 10px 20px 20px;
    height: 20px;
  }
  #transportledningsKarta section, .transportledningsKarta section {
    padding: 40px 20px 20px;
  }
  #transportledningsKarta table, .transportledningsKarta table {
    clear: both;
  }
  #transportledningsKarta th,
  #transportledningsKarta td.openClose, .transportledningsKarta th,
  .transportledningsKarta td.openClose {
    display: none;
  }
  #transportledningsKarta tr, .transportledningsKarta tr {
    margin-top: 20px;
  }
  #transportledningsKarta tr:first-child, .transportledningsKarta tr:first-child {
    margin-top: 0;
  }
  #transportledningsKarta td, .transportledningsKarta td {
    width: 100%;
  }
  #transportledningsKarta td.mobileRowTitle, .transportledningsKarta td.mobileRowTitle {
    padding: 0;
    height: 60px;
    background: rgba(0, 0, 0, 0.2) !important;
    font-size: 1.2em;
    line-height: 60px;
  }
  #transportledningsKarta .theOtherTable .openCloseTrigger, .transportledningsKarta .theOtherTable .openCloseTrigger {
    width: 100%;
  }
  #transportledningsKarta .openCloseTrigger, .transportledningsKarta .openCloseTrigger {
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 20px;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #transportledningsKarta .openCloseTrigger i, .transportledningsKarta .openCloseTrigger i {
    float: right;
    margin-left: 5px;
  }
  #transportledningsKarta td.mobileRowTitle .pickThis, .transportledningsKarta td.mobileRowTitle .pickThis {
    display: inline-block;
    float: left;
    background: rgba(0, 0, 0, 0.4) !important;
    color: #009fdf;
    text-align: center;
    font-family: "latobold";
  }
  #transportledningsKarta table, #transportledningsKarta thead, #transportledningsKarta tbody, #transportledningsKarta td, #transportledningsKarta tr, .transportledningsKarta table, .transportledningsKarta thead, .transportledningsKarta tbody, .transportledningsKarta td, .transportledningsKarta tr {
    display: block;
  }
  #transportledningsKarta .colName, .transportledningsKarta .colName {
    display: inline-block;
    margin: -20px 20px -20px -20px;
    padding: 20px;
    width: 33%;
    background: rgba(0, 0, 0, 0.1);
  }
  #transportledningsKarta .no-touch .colName, .transportledningsKarta .no-touch .colName {
    margin: -15px 20px -15px -20px;
    padding: 15px 20px;
  }
  #transportledningsKarta table.theOtherTable tr, .transportledningsKarta table.theOtherTable tr {
    border-bottom: none;
  }
}
@media screen and (min-width: 1000px) {
  #transportledningsKarta td.openClose, .transportledningsKarta td.openClose {
    display: table-cell !important;
  }
  #transportledningsKarta table.theOtherTable td, .transportledningsKarta table.theOtherTable td {
    background: transparent;
  }
}
#transportledningsKarta .scrollDiv, .transportledningsKarta .scrollDiv {
  height: 15px;
  width: 98% !important;
  position: fixed;
  bottom: 0;
  background-color: #333;
  overflow-x: scroll;
  overflow-y: hidden;
}
#transportledningsKarta .scrollDiv::-webkit-scrollbar, .transportledningsKarta .scrollDiv::-webkit-scrollbar {
  height: 12px !important;
}
#transportledningsKarta .slots::-webkit-scrollbar, .transportledningsKarta .slots::-webkit-scrollbar {
  height: 2px;
}
#transportledningsKarta .slots::-webkit-scrollbar-button, .transportledningsKarta .slots::-webkit-scrollbar-button {
  background: #ccc;
}
#transportledningsKarta .slots::-webkit-scrollbar-track-piece, .transportledningsKarta .slots::-webkit-scrollbar-track-piece {
  background: #ccc;
}
#transportledningsKarta .slots::-webkit-scrollbar-thumb, .transportledningsKarta .slots::-webkit-scrollbar-thumb {
  background: #888;
}
#transportledningsKarta .kartapopup, .transportledningsKarta .kartapopup {
  background-color: #fff;
  color: #333333;
  padding: 0px;
  white-space: normal;
}
#transportledningsKarta .tilldelamarkera, .transportledningsKarta .tilldelamarkera {
  background: #33FF00 !important;
}
#transportledningsKarta .tilldelamarkera_hover:hover, .transportledningsKarta .tilldelamarkera_hover:hover {
  background: #e6635a !important;
}
#transportledningsKarta #quotasTableRowDescription, .transportledningsKarta #quotasTableRowDescription {
  margin-top: 200px;
  z-index: -1;
}
#transportledningsKarta #quotasTablerowHeader, .transportledningsKarta #quotasTablerowHeader {
  top: 0px;
  width: 100%;
  z-index: 4;
  position: absolute !important;
}
#transportledningsKarta .mainheader, .transportledningsKarta .mainheader {
  height: 100px;
}
#transportledningsKarta .transsportplan, .transportledningsKarta .transsportplan {
  height: 150px;
}
#transportledningsKarta #tilldela .datepickerdiv, .transportledningsKarta #tilldela .datepickerdiv {
  margin-left: 40px;
  margin-top: 40px;
}
#transportledningsKarta #tagplanering tr.k-state-selected, .transportledningsKarta #tagplanering tr.k-state-selected {
  background: none !important;
}
#transportledningsKarta #tagSet tr.k-grid-edit-row #TillgangligFrom, #transportledningsKarta #tagSet tr.k-grid-edit-row #TillgangligTom, .transportledningsKarta #tagSet tr.k-grid-edit-row #TillgangligFrom, .transportledningsKarta #tagSet tr.k-grid-edit-row #TillgangligTom {
  min-width: 120px;
}
#transportledningsKarta .active, .transportledningsKarta .active {
  cursor: pointer;
}
#transportledningsKarta .k-calendar th, #transportledningsKarta .k-calendar td a, .transportledningsKarta .k-calendar th, .transportledningsKarta .k-calendar td a {
  text-align: center !important;
}
#transportledningsKarta #transportbestallningar .k-dropdown-wrap.k-state-border-down, .transportledningsKarta #transportbestallningar .k-dropdown-wrap.k-state-border-down {
  padding-bottom: 0px;
}
#transportledningsKarta .k-grid .k-dirty, .transportledningsKarta .k-grid .k-dirty {
  display: none;
}
#transportledningsKarta #movedLagerplats .infoText,
#transportledningsKarta #movedLagerplatsEdit .infoText,
#transportledningsKarta #inventeraLagerplats .infoText, .transportledningsKarta #movedLagerplats .infoText,
.transportledningsKarta #movedLagerplatsEdit .infoText,
.transportledningsKarta #inventeraLagerplats .infoText {
  font-size: 1.2em;
  display: block;
  clear: both;
  margin-bottom: 40px;
  max-width: 820px;
}
#transportledningsKarta #movedLagerplats .modalTop,
#transportledningsKarta #movedLagerplatsEdit .modalTop,
#transportledningsKarta #inventeraLagerplats .modalTop, .transportledningsKarta #movedLagerplats .modalTop,
.transportledningsKarta #movedLagerplatsEdit .modalTop,
.transportledningsKarta #inventeraLagerplats .modalTop {
  background: rgb(34, 34, 34);
}
#transportledningsKarta #movedLagerplats .infoBox,
#transportledningsKarta #movedLagerplatsEdit .infoBox,
#transportledningsKarta #inventeraLagerplats .infoBox, .transportledningsKarta #movedLagerplats .infoBox,
.transportledningsKarta #movedLagerplatsEdit .infoBox,
.transportledningsKarta #inventeraLagerplats .infoBox {
  font-family: "latobold";
  font-size: 1.2em;
}
#transportledningsKarta #movedLagerplats .topBox .topBoxLeftContent,
#transportledningsKarta #movedLagerplatsEdit .topBox .topBoxLeftContent, .transportledningsKarta #movedLagerplats .topBox .topBoxLeftContent,
.transportledningsKarta #movedLagerplatsEdit .topBox .topBoxLeftContent {
  width: 250px;
  display: inline-block;
}
#transportledningsKarta #movedLagerplats .topBox .topBoxRightContent,
#transportledningsKarta #movedLagerplatsEdit .topBox .topBoxRightContent, .transportledningsKarta #movedLagerplats .topBox .topBoxRightContent,
.transportledningsKarta #movedLagerplatsEdit .topBox .topBoxRightContent {
  display: inline-block;
  margin-left: 300px;
}
#transportledningsKarta #movedLagerplats .bottomBox,
#transportledningsKarta #movedLagerplatsEdit .bottomBox, .transportledningsKarta #movedLagerplats .bottomBox,
.transportledningsKarta #movedLagerplatsEdit .bottomBox {
  margin-top: 20px;
}
#transportledningsKarta #movedLagerplats .bottomBox .bottomBoxLeftContent,
#transportledningsKarta #movedLagerplatsEdit .bottomBox .bottomBoxLeftContent, .transportledningsKarta #movedLagerplats .bottomBox .bottomBoxLeftContent,
.transportledningsKarta #movedLagerplatsEdit .bottomBox .bottomBoxLeftContent {
  width: 250px;
  display: inline-block;
}
#transportledningsKarta #movedLagerplats .bottomBox .bottomBoxRightContent,
#transportledningsKarta #movedLagerplatsEdit .bottomBox .bottomBoxRightContent, .transportledningsKarta #movedLagerplats .bottomBox .bottomBoxRightContent,
.transportledningsKarta #movedLagerplatsEdit .bottomBox .bottomBoxRightContent {
  display: inline-block;
  margin-left: 300px;
}
#transportledningsKarta #txtPositionNs, .transportledningsKarta #txtPositionNs {
  width: 100px;
}
#transportledningsKarta #txtPositionEw, .transportledningsKarta #txtPositionEw {
  width: 100px;
}
#transportledningsKarta #GridSsteLager, .transportledningsKarta #GridSsteLager {
  margin-top: 40px;
}
#transportledningsKarta .gridCellInputLookalike, .transportledningsKarta .gridCellInputLookalike {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  box-shadow: 2px 2px 2px 0 lightgrey inset;
  height: 20px;
  font-size: 0.9em !important;
  color: #666 !important;
  line-height: 20px !important;
}
#transportledningsKarta #GridSsteLager input[type=number]::-webkit-inner-spin-button, #transportledningsKarta input[type=number]::-webkit-outer-spin-button, .transportledningsKarta #GridSsteLager input[type=number]::-webkit-inner-spin-button, .transportledningsKarta input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
#transportledningsKarta body > #toast-container > div, .transportledningsKarta body > #toast-container > div { /* Override opacity for toastr notification messages */
  opacity: 1;
}
#transportledningsKarta .toggle-button, .transportledningsKarta .toggle-button {
  background: transparent;
  background-color: #D7D7D7;
  min-width: 150px;
  height: 40px;
  color: #666;
  letter-spacing: 0.03em;
  cursor: pointer;
  outline: none;
  padding: 5px;
  margin-left: 1px;
  transition: all 0.3s ease-in;
}
#transportledningsKarta .toggle-button:last-child, .transportledningsKarta .toggle-button:last-child {
  border-radius: 0px 4px 4px 0px;
}
#transportledningsKarta .toggle-button:first-child, .transportledningsKarta .toggle-button:first-child {
  border-radius: 4px 0px 0px 4px;
}
#transportledningsKarta .toggle-button--selected, .transportledningsKarta .toggle-button--selected {
  background-color: #0090C7;
  color: #fff;
}
#transportledningsKarta .toggle-button__container, .transportledningsKarta .toggle-button__container {
  margin-top: 100px;
  margin-bottom: 10px;
}
#transportledningsKarta .truckLossningarFilterWrapper,
#transportledningsKarta .messagesFilterWrapper,
#transportledningsKarta .tagVagnarFilterWrapper,
#transportledningsKarta .aviseringRapportFilterWrapper, .transportledningsKarta .truckLossningarFilterWrapper,
.transportledningsKarta .messagesFilterWrapper,
.transportledningsKarta .tagVagnarFilterWrapper,
.transportledningsKarta .aviseringRapportFilterWrapper {
  float: none;
  clear: both;
  display: block;
  margin-bottom: 5px;
}
#transportledningsKarta .messagesFilterWrapper,
#transportledningsKarta .aviseringRapportFilterWrapper, .transportledningsKarta .messagesFilterWrapper,
.transportledningsKarta .aviseringRapportFilterWrapper {
  width: 330px;
}
#transportledningsKarta .truckLossningarFilterWrapper,
#transportledningsKarta .tagVagnarFilterWrapper, .transportledningsKarta .truckLossningarFilterWrapper,
.transportledningsKarta .tagVagnarFilterWrapper {
  width: 430px;
}
#transportledningsKarta .messagesFilterWrapper,
#transportledningsKarta .aviseringRapportFilterWrapper, .transportledningsKarta .messagesFilterWrapper,
.transportledningsKarta .aviseringRapportFilterWrapper {
  width: 280px;
}
#transportledningsKarta .truckLossningarFilterWrapper .k-datepicker,
#transportledningsKarta .truckLossningarFilterWrapper .k-dropdown,
#transportledningsKarta .messagesFilterWrapper .k-datepicker,
#transportledningsKarta .tagVagnarFilterWrapper .k-dropdown,
#transportledningsKarta .aviseringRapportFilterWrapper .k-datepicker, .transportledningsKarta .truckLossningarFilterWrapper .k-datepicker,
.transportledningsKarta .truckLossningarFilterWrapper .k-dropdown,
.transportledningsKarta .messagesFilterWrapper .k-datepicker,
.transportledningsKarta .tagVagnarFilterWrapper .k-dropdown,
.transportledningsKarta .aviseringRapportFilterWrapper .k-datepicker {
  float: right;
}
#transportledningsKarta .truckLossningarFilterWrapper .k-picker-wrap.k-state-border-down,
#transportledningsKarta .truckLossningarFilterWrapper .k-dropdown-wrap.k-state-border-down,
#transportledningsKarta .messagesFilterWrapper .k-picker-wrap.k-state-border-down,
#transportledningsKarta .rapportFilterWrapper .k-picker-wrap.k-state-border-down,
#transportledningsKarta .tagVagnarFilterWrapper .k-dropdown-wrap.k-state-border-down,
#transportledningsKarta .aviseringRapportFilterWrapper .k-picker-wrap.k-state-border-down, .transportledningsKarta .truckLossningarFilterWrapper .k-picker-wrap.k-state-border-down,
.transportledningsKarta .truckLossningarFilterWrapper .k-dropdown-wrap.k-state-border-down,
.transportledningsKarta .messagesFilterWrapper .k-picker-wrap.k-state-border-down,
.transportledningsKarta .rapportFilterWrapper .k-picker-wrap.k-state-border-down,
.transportledningsKarta .tagVagnarFilterWrapper .k-dropdown-wrap.k-state-border-down,
.transportledningsKarta .aviseringRapportFilterWrapper .k-picker-wrap.k-state-border-down {
  padding-bottom: 0;
}
#transportledningsKarta .updateTruckLossningar,
#transportledningsKarta .updateMessages,
#transportledningsKarta .updateTagVagnar,
#transportledningsKarta .updateAviseringRapport, .transportledningsKarta .updateTruckLossningar,
.transportledningsKarta .updateMessages,
.transportledningsKarta .updateTagVagnar,
.transportledningsKarta .updateAviseringRapport {
  margin-left: 144px;
  margin-top: 5px;
  margin-bottom: 40px;
  width: 186px;
}
#transportledningsKarta .updateMessages,
#transportledningsKarta .updateAviseringRapport, .transportledningsKarta .updateMessages,
.transportledningsKarta .updateAviseringRapport {
  margin-left: 94px;
}
#transportledningsKarta #rapportInputDiv, .transportledningsKarta #rapportInputDiv {
  width: 620px;
}
#transportledningsKarta #rapportInputDiv h2, .transportledningsKarta #rapportInputDiv h2 {
  font-weight: normal;
  margin-top: 20px;
  clear: both;
}
#transportledningsKarta .rapportFilterWrapper, .transportledningsKarta .rapportFilterWrapper {
  width: 280px;
  display: inline-block;
}
#transportledningsKarta .rapportFilterWrapper label, .transportledningsKarta .rapportFilterWrapper label {
  display: block;
  margin-bottom: 10px;
}
#transportledningsKarta .updateRapport, .transportledningsKarta .updateRapport {
  margin: 20px 0;
}
#transportledningsKarta .stickprovCalc h4, .transportledningsKarta .stickprovCalc h4 {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14pt;
}
#transportledningsKarta .stickprovCalc label,
#transportledningsKarta .stickprovCalc .rubrik, .transportledningsKarta .stickprovCalc label,
.transportledningsKarta .stickprovCalc .rubrik {
  font-size: 14pt;
  font-weight: bold;
}
#transportledningsKarta .stickprovCalc, .transportledningsKarta .stickprovCalc {
  margin-top: 20px;
  margin-bottom: 20px;
}
#transportledningsKarta .stickprovCalc h3, .transportledningsKarta .stickprovCalc h3 {
  margin-top: 25px;
  margin-bottom: 5px;
  display: block;
}
#transportledningsKarta .stickprovCalc input, .transportledningsKarta .stickprovCalc input {
  display: inline-block;
  margin-right: 20px;
}
#transportledningsKarta .stickprovHead h2, #transportledningsKarta h3, .transportledningsKarta .stickprovHead h2, .transportledningsKarta h3 {
  float: none;
  margin-right: 10px;
  display: inline;
  font-size: 16pt;
}
#transportledningsKarta #antalstickprovError, .transportledningsKarta #antalstickprovError {
  color: yellow;
  position: absolute;
  margin-left: 460px;
  font-weight: bold;
}
#transportledningsKarta #volymError, .transportledningsKarta #volymError {
  color: yellow;
  position: absolute;
  margin-left: 100px;
  font-weight: bold;
}
#transportledningsKarta #stickprovPer1000travar, .transportledningsKarta #stickprovPer1000travar {
  font-weight: bold;
}
#transportledningsKarta .fordonPopup tr, .transportledningsKarta .fordonPopup tr {
  background-color: #F7F7F7 !important;
}
#transportledningsKarta #depositTemplate .adminAvlaggFromMapLink, #transportledningsKarta .moveLagerFromMapLink, #transportledningsKarta .inventeraLagerplatsFromMapLink, #transportledningsKarta .viewTOFromMapLink, #transportledningsKarta .adminKommentarerFromMapLink, #transportledningsKarta #depositTemplate .tilldelaToFromMapLink, .transportledningsKarta #depositTemplate .adminAvlaggFromMapLink, .transportledningsKarta .moveLagerFromMapLink, .transportledningsKarta .inventeraLagerplatsFromMapLink, .transportledningsKarta .viewTOFromMapLink, .transportledningsKarta .adminKommentarerFromMapLink, .transportledningsKarta #depositTemplate .tilldelaToFromMapLink {
  color: #fff !important;
  cursor: pointer;
  margin: 0px 5px 0px 0px;
  padding: 8px 10px;
  height: 40px;
}
#transportledningsKarta .depositPopupTos, .transportledningsKarta .depositPopupTos {
  width: 150px;
  float: left;
}
#transportledningsKarta #depositTemplate a, .transportledningsKarta #depositTemplate a {
  color: #0090C7 !important;
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
}
#transportledningsKarta .removed, .transportledningsKarta .removed {
  display: none !important;
}
#transportledningsKarta #depositTemplate .tilldelaToFromMapLink, .transportledningsKarta #depositTemplate .tilldelaToFromMapLink {
  background-color: #3c9f25 !important;
}
#transportledningsKarta #depositTemplate .adminAvlaggFromMapLink,
#transportledningsKarta #depositTemplate .moveLagerFromMapLink,
#transportledningsKarta #depositTemplate .inventeraLagerplatsFromMapLink,
#transportledningsKarta #depositTemplate .adminKommentarerFromMapLink,
#transportledningsKarta #depositTemplate .viewTOFromMapLink, .transportledningsKarta #depositTemplate .adminAvlaggFromMapLink,
.transportledningsKarta #depositTemplate .moveLagerFromMapLink,
.transportledningsKarta #depositTemplate .inventeraLagerplatsFromMapLink,
.transportledningsKarta #depositTemplate .adminKommentarerFromMapLink,
.transportledningsKarta #depositTemplate .viewTOFromMapLink {
  background-color: #0090C7 !important;
}
@media only screen and (max-width: 640px) {
  #transportledningsKarta .fordonPopupNormal, .transportledningsKarta .fordonPopupNormal {
    display: none !important;
    visibility: hidden !important;
  }
}
#transportledningsKarta .fordonPopupSmall, .transportledningsKarta .fordonPopupSmall {
  display: none !important;
  visibility: hidden !important;
}
@media only screen and (max-width: 640px) {
  #transportledningsKarta .fordonPopupSmall, .transportledningsKarta .fordonPopupSmall {
    display: block !important;
    visibility: visible !important;
  }
}
#transportledningsKarta html, #transportledningsKarta body, .transportledningsKarta html, .transportledningsKarta body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#transportledningsKarta .popupInvisible, .transportledningsKarta .popupInvisible {
  display: none;
}
#transportledningsKarta .esriScalebar, .transportledningsKarta .esriScalebar {
  background-color: rgba(219, 220, 219, 0.53);
  width: auto;
  height: auto;
  display: inline-block;
  padding: 8px 28px 5px 8px;
  border-radius: 3px;
  border: solid 1px black;
}
#transportledningsKarta .vaglager:not(#vaglager), #transportledningsKarta .vaglager td, .transportledningsKarta .vaglager:not(#vaglager), .transportledningsKarta .vaglager td {
  padding: 0 2em 0 0 !important;
}
#transportledningsKarta .vaglager td table tbody tr td:nth-child(2), .transportledningsKarta .vaglager td table tbody tr td:nth-child(2) {
  text-align: left !important;
}
#transportledningsKarta .vaglager th, .transportledningsKarta .vaglager th {
  padding: 3px !important;
}
#transportledningsKarta .vaglager td, .transportledningsKarta .vaglager td {
  padding: 1px 0 0 3px !important;
}
#transportledningsKarta .mottagningsplats th, .transportledningsKarta .mottagningsplats th {
  padding: 3px !important;
}
#transportledningsKarta .mottagningsplats td, .transportledningsKarta .mottagningsplats td {
  padding: 1px 0 0 3px !important;
}
#transportledningsKarta #measurementPlaceHolder, .transportledningsKarta #measurementPlaceHolder {
  position: absolute;
  margin-top: 64px;
  margin-left: 183px;
  height: auto;
  width: auto;
  min-width: 350px; /* The unit-<span> will otherwise not be fitted within the measurement-widget */
  max-width: 350px; /* Location-function creates a table with width 100% which will otherwise stretch the entire page */
  padding: 0.5em 1em 0.5em 0.5em;
  z-index: 41;
  font-size: smaller;
}
#transportledningsKarta .measurement-window, .transportledningsKarta .measurement-window {
  opacity: 0.8;
}
#transportledningsKarta #map-content__scale-text, .transportledningsKarta #map-content__scale-text {
  z-index: 99;
  min-width: 126px;
  min-height: 16px;
  position: absolute;
  bottom: 60px;
  left: 25px;
  padding: 8px 8px 5px 8px;
  border: solid 1px black;
  border-radius: 3px;
  background-color: rgba(219, 220, 219, 0.53);
  font-weight: bolder;
  color: black;
}
#transportledningsKarta .esriMeasurement, #transportledningsKarta .dijitReset, #transportledningsKarta .resultLabel, #transportledningsKarta .unitDropDown, .transportledningsKarta .esriMeasurement, .transportledningsKarta .dijitReset, .transportledningsKarta .resultLabel, .transportledningsKarta .unitDropDown {
  font-size: 20px !important;
  font-family: "latobold";
  color: white !important;
}
#transportledningsKarta .result, .transportledningsKarta .result {
  font-size: 16px !important;
}
#transportledningsKarta .dijitMenuPopup, .transportledningsKarta .dijitMenuPopup {
  width: 200px !important;
}
#transportledningsKarta .areaIcon, #transportledningsKarta .distanceIcon, #transportledningsKarta .locationIcon, .transportledningsKarta .areaIcon, .transportledningsKarta .distanceIcon, .transportledningsKarta .locationIcon {
  height: 24px !important;
  width: 24px !important;
}
#transportledningsKarta .areaIcon, .transportledningsKarta .areaIcon {
  background-image: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/img/measurement-area.png") !important;
}
#transportledningsKarta .distanceIcon, .transportledningsKarta .distanceIcon {
  background-image: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/img/measurement-distance.png") !important;
}
#transportledningsKarta .locationIcon, .transportledningsKarta .locationIcon {
  background-image: url("/_content/GATA.Client.Fordonsklient.Karta.Components/legacy/Transportledning/img/measurement-point.png") !important;
}
#transportledningsKarta .tocHidden, .transportledningsKarta .tocHidden {
  display: none;
}
#transportledningsKarta #tocDiv, .transportledningsKarta #tocDiv {
  width: 340px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px; /* Initially same as middlePane-left */
  z-index: 41;
  padding: 0.5em 0 0.5em 0.5em;
  overflow-x: hidden;
  overflow-y: auto;
}
#transportledningsKarta .esriLayerList .dijitSlider, .transportledningsKarta .esriLayerList .dijitSlider {
  width: 95%;
}
#transportledningsKarta .esriLayerList .esriContainer, .transportledningsKarta .esriLayerList .esriContainer {
  background-color: #333;
  color: #ffffff;
  border-top: 0;
  border-bottom: 0;
}
#transportledningsKarta .esriLayerList .esriTitleContainer, .transportledningsKarta .esriLayerList .esriTitleContainer {
  margin: 0;
  border-top: 0;
}
#transportledningsKarta .esriLayerList .esriSubList .esriTitleContainer, #transportledningsKarta .dj_rtl .esriLayerList .esriSubList .esriTitleContainer, .transportledningsKarta .esriLayerList .esriSubList .esriTitleContainer, .transportledningsKarta .dj_rtl .esriLayerList .esriSubList .esriTitleContainer {
  padding: 0;
}
#transportledningsKarta .esriLayerList .esriNoLayers .esriNoLayersText, .transportledningsKarta .esriLayerList .esriNoLayers .esriNoLayersText {
  display: block;
  padding: 4px 0 4px 0;
}
#transportledningsKarta .esriLayerList .esriSubList, .transportledningsKarta .esriLayerList .esriSubList {
  margin-bottom: 4px;
}
#transportledningsKarta .esriLayerList .esriSubList .esriSubList, .transportledningsKarta .esriLayerList .esriSubList .esriSubList {
  margin: 0 0 0 4px;
}
#transportledningsKarta .dj_rtl .esriLayerList .esriSubList .esriSubList, .transportledningsKarta .dj_rtl .esriLayerList .esriSubList .esriSubList {
  margin: 0 0 4px 0;
}
#transportledningsKarta .esriLayerList .esriTabMenu, .transportledningsKarta .esriLayerList .esriTabMenu {
  /*display: none;*/
  list-style: none;
  margin: 4px 0 4px 4px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#transportledningsKarta .esriLayerList .esriTabMenu .esriTabMenuItem, .transportledningsKarta .esriLayerList .esriTabMenu .esriTabMenuItem {
  float: left;
  padding: 4px 4px 4px 4px;
  font-size: 12px;
  cursor: pointer;
  top: 1px;
  position: relative;
  border: 1px solid transparent;
  border-bottom: none;
}
#transportledningsKarta .esriLayerList .esriTabMenu .esriTabMenuSelected, .transportledningsKarta .esriLayerList .esriTabMenu .esriTabMenuSelected {
  border-color: #ccc;
  background-color: #333;
  cursor: default;
}
#transportledningsKarta .esriLayerList .esriLegend, .transportledningsKarta .esriLayerList .esriLegend {
  margin-left: 0;
}
#transportledningsKarta .dj_rtl .esriLayerList .esriLegend, .transportledningsKarta .dj_rtl .esriLayerList .esriLegend {
  margin-left: 0;
  margin-right: 0;
}
#transportledningsKarta .esriLayerList .esriList, #transportledningsKarta .esriLayerList .esriLayer, #transportledningsKarta .esriLayerList .esriSubList, #transportledningsKarta .esriLayerList .esriSubListLayer, .transportledningsKarta .esriLayerList .esriList, .transportledningsKarta .esriLayerList .esriLayer, .transportledningsKarta .esriLayerList .esriSubList, .transportledningsKarta .esriLayerList .esriSubListLayer {
  margin-right: 4px;
}
#transportledningsKarta #tocDiv div ul li div div div div div div table tbody tr td, .transportledningsKarta #tocDiv div ul li div div div div div div table tbody tr td {
  padding: 0 4px 4px 0;
  background-color: #333 !important;
  word-wrap: break-word;
}
#transportledningsKarta .esriSliderLabels, .transportledningsKarta .esriSliderLabels {
  display: none;
}
#transportledningsKarta .esriLayerList .esriCheckbox, .transportledningsKarta .esriLayerList .esriCheckbox {
  margin: 4px 10px;
}
#transportledningsKarta .esriLayerList .esriLabel, .transportledningsKarta .esriLayerList .esriLabel {
  padding: 4px 10px;
}
#transportledningsKarta #tocOpenerPlaceHolder, .transportledningsKarta #tocOpenerPlaceHolder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 42;
  width: 20px; /* Same as leftPane-min-width */
  height: 100%;
  display: table;
}
#transportledningsKarta #tocOpener, .transportledningsKarta #tocOpener {
  height: 100%;
  width: 100%;
  padding: 0 2px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
#transportledningsKarta #tocOpener img, .transportledningsKarta #tocOpener img {
  width: 16px;
  height: 120px;
}
#transportledningsKarta #tocOpenerImage, .transportledningsKarta #tocOpenerImage {
  display: block;
}
#transportledningsKarta #tocCloserImage, .transportledningsKarta #tocCloserImage {
  display: none;
}
#transportledningsKarta #leftPane, .transportledningsKarta #leftPane {
  z-index: 41;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 20px; /* Same as middlePane-left */
  max-width: 340px; /* Same as middlePane-left + tocDiv-width*/
  float: right;
}
#transportledningsKarta #middlePane, .transportledningsKarta #middlePane {
  z-index: 42;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20px; /* Same as leftPane-min-width */
}
#transportledningsKarta #adminHeader, .transportledningsKarta #adminHeader {
  position: absolute;
  overflow-x: auto;
  overflow-y: hidden;
  width: 95%;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  height: 60px;
  text-align: center;
}
#transportledningsKarta #adminHeader ul, .transportledningsKarta #adminHeader ul {
  margin: 0.5em 0;
  padding: 0;
}
#transportledningsKarta #adminHeader ul li, .transportledningsKarta #adminHeader ul li {
  list-style-type: none;
  /* display: inline;*/
}
#transportledningsKarta #adminHeader ul li span, .transportledningsKarta #adminHeader ul li span {
  cursor: pointer;
  font-family: Arial;
}
#transportledningsKarta #adminHeader ul li:last-child, .transportledningsKarta #adminHeader ul li:last-child {
  float: right;
}
#transportledningsKarta #adminHeader ul li:last-child img, .transportledningsKarta #adminHeader ul li:last-child img {
  width: 30px;
  height: 30px;
  cursor: pointer;
  vertical-align: middle;
  margin: 0 1em 0 0;
}
#transportledningsKarta #driverHeader, .transportledningsKarta #driverHeader {
  position: absolute;
  top: 1em;
  left: 0;
  right: 0;
  width: 50%;
  margin: 0 auto;
  z-index: 3;
  white-space: nowrap;
}
#transportledningsKarta #driverHeader ul, .transportledningsKarta #driverHeader ul {
  padding: 0;
}
#transportledningsKarta #driverHeader ul li, .transportledningsKarta #driverHeader ul li {
  list-style-type: none;
  margin-left: 10px;
  display: inline;
}
#transportledningsKarta #driverHeader ul li span, .transportledningsKarta #driverHeader ul li span {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration: underline;
  color: white;
  padding: 0.5em 0.3em;
  border-radius: 1em;
  cursor: pointer;
}
#transportledningsKarta .mapzoomplace, .transportledningsKarta .mapzoomplace {
  padding: 0px 0px 0px 15px;
}
#transportledningsKarta #mapZoomControls, .transportledningsKarta #mapZoomControls {
  position: absolute;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  height: auto;
  text-align: center;
  padding-top: 30px;
  width: 40px;
}
#transportledningsKarta #mapZoomControls .sectionHelp, .transportledningsKarta #mapZoomControls .sectionHelp {
  line-height: inherit;
}
#transportledningsKarta #mapZoomControls ul, .transportledningsKarta #mapZoomControls ul {
  height: 60px;
  display: inline-block;
}
#transportledningsKarta #mapZoomControls li, .transportledningsKarta #mapZoomControls li {
  color: white;
  height: 60px;
  list-style-type: none;
  font-size: 34px;
  -ms-opacity: 0.8;
  opacity: 0.8;
  font-family: fantasy;
  display: inline-block;
  -ms-border-radius: 20px;
  cursor: pointer;
  min-width: 40px;
  padding: 8px 0px 0 0px;
  margin-top: 30px;
  text-align: center;
}
#transportledningsKarta #mapZoomControls li:hover, .transportledningsKarta #mapZoomControls li:hover {
  -ms-opacity: 1;
  opacity: 1;
}
#transportledningsKarta #mapZoomControls li a, .transportledningsKarta #mapZoomControls li a {
  display: block;
  text-decoration: none;
}
#transportledningsKarta #map-canvas, .transportledningsKarta #map-canvas {
  height: 100%;
}
#transportledningsKarta #mapControls, .transportledningsKarta #mapControls {
  position: absolute;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  height: 60px;
  text-align: center;
  margin-left: 60px;
  margin-top: 8px;
}
#transportledningsKarta #mapControls .sectionHelp, .transportledningsKarta #mapControls .sectionHelp {
  line-height: inherit;
}
#transportledningsKarta #mapControls ul,
#transportledningsKarta #mapFilter ul,
#transportledningsKarta #mapSearch ul, .transportledningsKarta #mapControls ul,
.transportledningsKarta #mapFilter ul,
.transportledningsKarta #mapSearch ul {
  height: 60px;
  display: inline-block;
}
#transportledningsKarta #mapControls li,
#transportledningsKarta #mapFilter li,
#transportledningsKarta #mapSearch li, .transportledningsKarta #mapControls li,
.transportledningsKarta #mapFilter li,
.transportledningsKarta #mapSearch li {
  margin: 0 5px;
  padding: 8px 10px;
  height: 40px;
  list-style-type: none;
  font-size: 20px;
  -ms-opacity: 0.8;
  opacity: 0.8;
  font-family: "latobold";
  display: inline-block;
  -ms-border-radius: 20px;
  /*border-radius: 20px;*/
  cursor: pointer;
  min-width: 40px;
}
#transportledningsKarta #mapControls li:hover,
#transportledningsKarta #mapFilter li:hover,
#transportledningsKarta #mapSearch li:hover, .transportledningsKarta #mapControls li:hover,
.transportledningsKarta #mapFilter li:hover,
.transportledningsKarta #mapSearch li:hover {
  -ms-opacity: 1;
  opacity: 1;
}
#transportledningsKarta #mapControls li.mapFilter,
#transportledningsKarta #mapControls li.mapFunction.delegateTO,
#transportledningsKarta #mapControls li.mapFunction.showOrEdit, .transportledningsKarta #mapControls li.mapFilter,
.transportledningsKarta #mapControls li.mapFunction.delegateTO,
.transportledningsKarta #mapControls li.mapFunction.showOrEdit {
  position: relative;
  float: right;
  margin: 0 5px 0 30px;
}
#transportledningsKarta #mapControls li.mapFunction.roadLayerReport, .transportledningsKarta #mapControls li.mapFunction.roadLayerReport {
  position: relative;
  float: right;
}
#transportledningsKarta #mapControls li.mapSearch, .transportledningsKarta #mapControls li.mapSearch {
  position: relative;
  float: right;
  margin: 0 30px 0 30px;
}
#transportledningsKarta #mapControls li.mapFunction button, .transportledningsKarta #mapControls li.mapFunction button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  float: left;
  height: 60px;
  line-height: 60px;
  text-transform: none;
  font-family: "latobold";
  color: #009fdf;
}
#transportledningsKarta #mapControls li.mapFunction, .transportledningsKarta #mapControls li.mapFunction {
  color: #fff;
  text-transform: uppercase;
  font-family: "latobold";
}
#transportledningsKarta #mapFilter,
#transportledningsKarta #mapSearch, .transportledningsKarta #mapFilter,
.transportledningsKarta #mapSearch {
  position: absolute;
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 60px;
  background: #000000;
  background: rgba(0, 0, 0, 0.9);
  -webkit-overflow-scrolling: touch;
}
#transportledningsKarta #mapControls li a,
#transportledningsKarta #mapFilter li a,
#transportledningsKarta #mapSearch li a, .transportledningsKarta #mapControls li a,
.transportledningsKarta #mapFilter li a,
.transportledningsKarta #mapSearch li a {
  display: block;
  color: #009FDF !important;
  text-decoration: none;
}
#transportledningsKarta #mapSearch input,
#transportledningsKarta #mapFilter input, .transportledningsKarta #mapSearch input,
.transportledningsKarta #mapFilter input {
  float: left;
  margin: 15px 0 15px 30px;
  padding: 0 10px;
  width: 30%;
  height: 30px;
  border: none;
  background: #fff;
  color: #222;
  line-height: 30px;
  appearance: none;
  -webkit-appearance: none;
}
#transportledningsKarta #mapFilter select, .transportledningsKarta #mapFilter select {
  float: left;
  margin: 20px 0 0 30px;
  width: 15%;
  vertical-align: middle;
}
#transportledningsKarta #mapSearch button,
#transportledningsKarta #mapFilter button, .transportledningsKarta #mapSearch button,
.transportledningsKarta #mapFilter button {
  float: left;
  margin: 0 0 0 30px;
  padding: 0;
  height: 60px;
  border: none;
  background: transparent;
  text-transform: uppercase;
  font-family: "latobold";
  line-height: 60px;
}
#transportledningsKarta #mapControls li a:active, .transportledningsKarta #mapControls li a:active {
  position: relative;
  top: 2px;
}
#transportledningsKarta #mapEsri, .transportledningsKarta #mapEsri {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  top: 0px !important;
}
#transportledningsKarta #coordinatesWidget, .transportledningsKarta #coordinatesWidget {
  background-color: dodgerblue;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  color: white;
  font-weight: bolder;
  padding: 5px;
  z-index: 41;
  padding: 8px 0;
}
#transportledningsKarta #coordinatesWidget2, .transportledningsKarta #coordinatesWidget2 {
  background-color: dodgerblue;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  color: white;
  font-weight: bolder;
  padding: 5px;
  z-index: 41;
  padding: 8px 0;
}
#transportledningsKarta .centered, .transportledningsKarta .centered {
  text-align: center;
  margin: 0 0 8px 0;
}
#transportledningsKarta .gray_table, .transportledningsKarta .gray_table {
  background-color: darkgrey;
  padding: 4px 10px;
  margin: 0 auto 8px auto;
  display: table;
}
#transportledningsKarta .row, .transportledningsKarta .row {
  display: table-row;
}
#transportledningsKarta .cell, .transportledningsKarta .cell {
  display: table-cell;
  text-align: right;
}
#transportledningsKarta .spacer, .transportledningsKarta .spacer {
  display: table-cell;
  width: 14px;
}
#transportledningsKarta .text, .transportledningsKarta .text {
  padding-right: 8px;
}
#transportledningsKarta .pointer img, .transportledningsKarta .pointer img {
  height: 24px;
  vertical-align: bottom;
}
#transportledningsKarta #coordinatesWidget input, .transportledningsKarta #coordinatesWidget input {
  color: black;
  width: 110px;
}
#transportledningsKarta #coordinatesWidget button, .transportledningsKarta #coordinatesWidget button {
  padding: 3px 16px;
  border-radius: 3px;
  color: white;
  font-weight: bolder;
}
#transportledningsKarta #coordinatesWidget2 input, .transportledningsKarta #coordinatesWidget2 input {
  color: black;
  width: 110px;
}
#transportledningsKarta #coordinatesWidget2 button, .transportledningsKarta #coordinatesWidget2 button {
  padding: 3px 16px;
  border-radius: 3px;
  color: white;
  font-weight: bolder;
}
#transportledningsKarta .cancelBtn, .transportledningsKarta .cancelBtn {
  background-color: red;
  margin-right: 14px;
}
#transportledningsKarta .cancelBtn2, .transportledningsKarta .cancelBtn2 {
  background-color: red;
  margin-right: 14px;
}
#transportledningsKarta .saveBtn, .transportledningsKarta .saveBtn {
  background-color: green;
}
#transportledningsKarta .saveBtn2, .transportledningsKarta .saveBtn2 {
  background-color: green;
}
#transportledningsKarta .coordinatePointer, .transportledningsKarta .coordinatePointer {
  cursor: default !important;
}
#transportledningsKarta .coordinatePointer2, .transportledningsKarta .coordinatePointer2 {
  cursor: default !important;
}
#transportledningsKarta .depositTableNrCol, .transportledningsKarta .depositTableNrCol {
  width: 60px;
}