ul.menu, ul.item {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sub.menu {
    padding-left: 1em;
}

fieldset {
    border: none;
    margin:0;
    padding: 0.01em 0 0 0;
    min-width: 0;
    /*display: inline-block !important;*/
}

legend.header {
    width: 100% !important;
}

.group.phone, #shipping, .group.recipient.address {
    margin-bottom: 1em;
}

#lpf-logo {
    margin-bottom: 20px;
}

.form-actions {
    margin: 2em 0;
}

p#version {
    color: white;
    font-size: 85% !important;
}

.full.heigh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #FFFFFF;
  min-height: 100%;
}

/* page layout */
.full.height #toc {
  position: relative;
  z-index: 1;
  background-color: #00b5ad;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
    min-height: 100%;
    /*width: 20rem;*/
}

#toc .ui.text.menu > .item {
    margin-bottom: 2rem;
}

.full.height > main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 100%;
  position: relative;
  min-height: 100%;
  padding: 1em 1em 0;
}

.full.height main footer {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%;
    height: 150px;
    background-color: gray;
}

/*main > article {
    position: relative;
    padding-bottom: 175px !important;
    height: 100%;
}*/

#info {
    padding-bottom: 2em;
}

.ui.dropdown {
    margin-bottom: 1rem !important;
}

.ui.dropdown.remove-bottom-margin {
    margin-bottom: 0 !important;
}

.ui.table th {
    border-top: 1px solid rgba(34, 36, 38, .1);
}

.ui.table tr.borderless th {
    border-top: none;
}

.ui.table tr:first-child th {
    border-top: none;
}

aside#main-navigation .ui.menu > a.item:hover {

    color: #939393;

}

caption {
    display: none;
}

/**
    need to research why this is necessary and
    the initial tab doesn't have the correct
    bottom margin.
*/
.ui.bottom.attached.tab.segment {

    margin-bottom: 1rem !important;
}

td .ui.action .select.field, td .ui.action .select.field .ui.dropdown {
    margin-bottom: 0 !important;
}

td .ui.action .select.field {
    width: 100%;
}

td .ui.action .select.field .ui.fluid.selection.dropdown {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div#details ul {
    margin-left: 0;
}

div#details ul li:before {
    content: none !important;
}

table#ob-jobs tr:hover {
    background-color: #EEE;
    cursor: pointer;
}

.ui.row.dropdown {
    margin-bottom: 0 !important;
}

.row.select.field {
    margin-bottom: 0 !important;
}

.ui.action.input.cake .ui.selection.dropdown {
    margin-bottom: 0 !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;'
}

.light.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row), .light.ui.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: -1px 0 0 0 rgba( 255 , 255 , 255 , .15 );
}

.ui.button.submit {
    color: white;
    background-color: rgb(0,142,60);
}

.ui.button.submit:hover {
    color: #e3e3e3;
    background-color: rgb(41,96,64) !important;
}

div#production table tr td ul {
    margin-left: 0;
}

div#production table tr td ul li:before {
    content: '';
}

div.job.details.segment table tbody:not(:first-of-type) tr:first-of-type td {
    border-top: 1px solid rgba(34,36,38,.1);
}

div.job.details.segment table tbody tr.details td {
    border-top: none;
}

#navigation.blue .item {
    color: white !important;
}

/*.ui.dropdown.huge {
    font-size: 1.28571429rem !important;
}*/

tr.selected {
    background-color: rgb(255, 255, 102) !important;
}

.ui.sticky:after {
    display: block;
    content: ' ';
    height: 2rem;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

table#jobs thead tr th {
    background-color: rgba(32, 168, 157, 1);
    color: white;
}