@font-face {
    font-family: custom;
    src: url(../fonts/segoesc.ttf);
}

body {
    font-size: 13px;
}

button.info > i {
    color: #f00;
}

table {
    border-radius: inherit;
}

thead:not(.dont) {
    background-color: #f0f0f0;
}

.navbar-default {
    background-color: #404040;
    border: none;
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a, .navbar-brand>i {
    color: #f5f5f5;
}
.navbar-nav {
    color: #f5f5f5;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}

td.nowrap {
    white-space: nowrap;
}

.set_filter:hover {
    width: min-content;
}

.set_filter:hover {
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer;
}

div#clear_filter {
    color: #337ab7;
    text-decoration: underline;
    background-color: transparent;
    cursor: pointer;
}
div#clear_filter:hover {
    text-decoration: none;
}

.open>.dropdown-menu {
    display: block;
    padding: 5px;
}

/* automatic red asterisk if required for field */
.required label:after {
    color: #e32;
    content: ' *';
    display: inline;
}

label[for=rate]:after, label[for=range_]:after, label[for=username]:after, label[for=password]:after {
    content: '';
}

#conInput, #lidInput {
    width: auto;
    max-width: 200px;
}

.modal-btn {
    text-align: center;
}

.modal-footer .modal-btn .btn {
    width: 49%;
    /* width: 49.661638259887698% */
}

.modal-header {
    cursor: move;
}

#openShipModal.btn-sm, .btn-group {
    float: right;
}

.modal-footer {
    padding: 0;
    padding-top: 15px;
}

#multidatepick { width: auto; }
textarea[id^=info] {
    height: 182px;
    width: 100%;
}

/* Button fades slower than default 0.4s */
.btn-primary { transition-duration: 0.69s; }

td a {
    display: block;
    width: 100%;
    color: #333333;
}

[class^=info], .icon {
    border: none;
    background-color: inherit;
}

.icon-nav {
    border: none;
    background-color: #f8f8f8;
}

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

[class^="popup-content"] {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
  position: fixed;
  background: #ffffff;
  width: auto;
  height: fit-content;
  border: thin ridge black;
  white-space: pre-wrap;
}

[class^="popup-content"].active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
  /*text-align: center;*/
}

/* this is for the calendar icon attached to date filter */
.svg-inline--fa.fa-w-14 {
    width: 1em;
}

td[class*=dispatched] { background-color:#f0f07c }      /* yellow */
td[class*=completed] { background-color:#9bee9e; }      /* green */
td[class*=invoiced] { background-color:#74e4ed; }       /* blue */
td[class*=queued] { background-color:#cecece; }         /* grey */
td[class*=empty] { background-color:#fb7a70; }          /* red */

th.status { width: 1%; }
th.color { background-color: #e6f7ff; }

tr.spacer {
    background-color: #333333;
    font-size: 0px;
}

button[id^=nav-dropdown].btn-default {
    color: #f5f5f5;
    background-color: #404040;
    margin-top: 9px;
    border: none;
    font-size: 13px !important;
}
button[id^=nav-dropdown].btn-default:hover {
    color: #fff;
}
button[id^=nav-dropdown].btn-default:focus {
    color: #fff;
    background-color: #404040;
    border: none;
}

#footer-content {
    font-size: 11px;
    text-align: center;
    width: 100%;
    height: 40px;
    position: absolute;
    max-width: 1140px;
}

#content-wrap {
    padding-bottom: 50px;
    min-height: 91vh;
}

#nav-container {
    width: auto;
    max-width: 1440px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

div.scroll {
    height: 75vh;
    overflow-y: auto;
}

.alert {
    position: fixed;
    padding-right: 15px;
    top: 72px;
    right: 37px;
    z-index: 5;
}

.loggedinas, .version {
    color: #a9a9a9;
}

p.help-block {
    color: #a94442
}

.input-group-addon:has(.fa-calendar-days) {
    cursor: pointer;
}
.input-group-addon:has(.fa-calendar-days):hover {
    background-color: #fff;
}

.onPrint { display: none; }
.onPrint img { width: 200px; height: auto; margin-left: auto; margin-top: 15px; display: block; }
.onPrint p { font-size: 19px; text-align: right; }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #f5f5f5;
    }
}

@media screen and (max-width:1200px) {
    #footer-content {
        width: 940px;
    }
}

@media screen and (max-width:992px) {
    #footer-content {
        width: 720px;
    }
}

@media screen and (max-width:576px) {
    #footer-content {
        width: 92%;
    }
}

@media print {
    a[href]:after {
        content: none !important;
    }
    dl, footer{
        display: none;
    }
    div.scroll {
        overflow: inherit;
    }
    div#sidebar {
        display: none;
    }
    div.onPrint {
        display: block;
    }
    .table td, .table th {
        font-size: 12px;
    }
}

@page { size: auto;  margin: 3mm; }