h1, h2, h3, h4, h5, h6 {
  margin: calc(1rem - .14285em) 0 1rem;
}

body {
  overflow: hidden;
  box-sizing: border-box;
}

.main-content {
  padding: 10px 10px;
  padding-bottom: 50px;
}


.ui.cards > .card {
  width: 100%;
}

h4.sectionHeader {
  border-top: 1px solid #EAEAEA;
  padding-top: 7px;
}

.form .header label {
  font-size: .785em;
  font-weight: 700;
}

.form .section {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

  .form .section:not(:last-of-type) {
    border-bottom: 1px solid #EAEAEA;
  }

.large.text {
  font-size: 1.5em;
}

.menu-switcher {
  position: absolute;
  margin-left: 200px;
  border: 1px solid silver;
  z-index: 1000;
}

.full-page {
  display: flex;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-top: 50px;
}

  .full-page .left-menu {
    width: 210px;
    flex: 0 0 auto;
    z-index: 200;
    position: absolute;
    top: 48px;
    bottom: 0px;
  }

    .full-page .left-menu .menu {
      min-height: 100%;
    }

  .full-page .right-content {
    flex: 1 1 auto;
    vertical-align: top;
    padding: 30px;
    padding-bottom: 50px;
    max-width: 100%;
    overflow: auto;
    position: absolute;
    top: 48px;
    left: 210px;
    right: 0px;
    bottom: 40px;
  }

    .full-page .right-content.fixed {
      flex: 1 1 auto;
      vertical-align: top;
      padding: 30px 0px;
    }


.left-menu.hidden-menu {
  margin-left: -145px;
}

  .left-menu.hidden-menu.expanded {
    margin-left: 0px;
  }

.right-content.hidden-menu {
  left: 65px;
}

.right-content.no-menu {
  left: 0px;
}

.overflow-auto {
  overflow: auto;
}

.ui.top.menu, .ui.bottom.menu {
  z-index: 300;
}

.ui.inverted.yellow.menu,
.ui.inverted.yellow.menu .header,
.ui.inverted.yellow.menu .subheader,
.ui.inverted.yellow.menu .item,
.ui.inverted.yellow.menu .item:hover,
.ui.inverted.yellow.menu .active.item:hover {
  color: #414143 !important;
}

.ui.vertical.menu .mainheader.item {
  text-transform: uppercase;
}

.ui.modal > .close {
  right: 1rem;
  top: 1rem;
}

.ui.modal > .header {
  background-color: #EEEEEE;
}

.ui.modal > .actions {
  background-color: #EEEEEE;
}

.ui.modal .actions > .button {
  margin-left: 0px;
}

.ui.modal > .loader {
  background: url('../Modules/Images/Spinner-1s-200px.gif') no-repeat center;
  width: 200px;
  height: 200px;
  margin: auto;
}
/*.ui.action.input .ui.dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui.action.input:not([class*="left action"]) > input:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button,
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) {
  border-radius: 0;
}*/
/*.ui .red .label a, .ui .green .label a {
  color: white;
}*/
.nomargin {
  margin: 0px !important;
}

.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+79&0+0,1+79 */
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 79%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.text-muted {
  color: gray;
}

.ui.list .list > .item .extra, .ui.list > .item .extra {
  color: gray;
  font-size: 0.9rem;
  padding-top: 5px;
}

.ui.list .list {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ui.form .error.message, .ui.form .success.message {
  display: block !important;
}

.ui.feed > .event > .content > .summary > .user {
  font-weight: normal;
  color: rgba(0,0,0,.4);
  font-size: .85714286em;
}

.ui.container.fixed {
  /*margin-left: 15px !important;
  margin-right: 15px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  width: auto;*/
  overflow-x: hidden;
  position: absolute;
  top: 55px;
  bottom: 55px;
  left: 0px;
  right: 0px;
  width: auto;
  padding: 15px 15px;
  margin: 0px !important;
}

.title.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-bottom: 1px solid silver;
  margin-right: -15px;
  margin-left: -15px;
  background-color: #EFEFEF;
}

  .title.fixed h1 {
    font-size: 1.5em;
  }

.buttonPanel.fixed {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background-color: #EFEFEF;
  border-top: 1px solid #BBBBBB;
  line-height: 60px;
  margin-right: -15px;
  margin-left: -15px;
  text-align: right;
  padding-right: 10px;
  z-index: 999;
  box-sizing: border-box;
}

.ui.dropdown {
}

  .ui.dropdown .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  .ui.dropdown .menu .item {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
  }

.ui.action.input .dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui.action.input .dropdown:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*.ui.action.input:not(:last-child):not(:first-child) > input {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}*/


.ui.table tr.disabled-alt, .ui.table tr.disabled-alt td, .ui.table tr.disabled-alt:hover {
  color: rgba(40,40,40,.3) !important;
}

/*a.aspNetDisabled {
  pointer-events: none;
  cursor: default;
  color: gray !important;
}*/

/*input[type=search], [type=search] {
  -webkit-appearance: inherit !important;
}*/
.cursor-pointer {
  cursor: pointer;
}

/*.ui .checkboxlist {
  list-style-type: none;
  padding-left: 5px;
  margin: 0px;
}*/

.checkbox-table input {
  margin-right: 10px;
  margin-top: 3px;
  top: auto !important;
}

.checkbox-table tr {
}

.checkbox-table td {
  vertical-align: middle;
  padding: 2px;
}

.nowrap {
  white-space: nowrap;
}

.elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.simpleXML-content li {
  overflow-x: auto;
}

.truckno.label {
  border: 3px solid gray;
  color: black;
  border-radius: 0px;
}

.truck.label {
  border-width: 3px;
  color: black;
  border-radius: 0px;
  border-left-width: 10px;
}

.truck.small.label {
  font-weight: 400;
  border-width: 2px;
  border-left-width: 6px;
}

.truck.tiny.label {
  font-weight: 400;
  border-width: 1px;
  border-left-width: 3px;
}


/* STATUS colors (slots and labels) */
.truck.di {
  background-color: #2073bc !important;
  color: white !important;
}

.truck.ex {
  background-color: #2073bc !important;
  color: white !important;
}

.truck.new {
  background-color: #fff8e6 !important;
  border-color: #fbbd08;
}

.truck.planned {
  background-color: #e6fffe !important;
  border-color: #00b5ad;
}

.truck.maingatearrived, .truck.maingatearrival {
  background-color: #fce9f3 !important;
  border-color: #e03997;
}

.truck.arrived, .truck.truckarrival {
  background-color: #fff0e6 !important;
  border-color: #f26202;
}

.truck.checkedin, .truck.calltogate {
  background-color: #fbe9e9 !important;
  border-color: #db2828;
}

.truck.receiving, .truck.loading {
  background-color: #e9f3fc !important;
  border-color: #2185d0;
}

.truck.unloaded, .truck.loadingstarted {
  background-color: #f0ebfa;
  border-color: #6435c9;
}

.truck.closed, .truck.loadingready {
  background-color: #f0faeb !important;
  border-color: #66CC33 !important;
}

.truck.left {
  background-color: #f8f1ed !important;
  border-color: #a5673f;
}

.truck.dispatched, .truck.departureclosed {
  background-color: #F2F2F2 !important;
  border-color: #767676;
}