div.login-box-footer {
    margin-top: 10px;
    font-size: 80%;
    text-align: center;
    opacity: 0.75;
}

div.user-panel {
    margin-bottom: 10px;
}

ul.sidebar-menu li.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li.footer {
        position: absolute;
        bottom: 0;
    }
}

tr.strikeout td { position:relative }

tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #ee3800;
  width: 100%;
}

tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

/* rounded corner on table td */
.rounded-cell {
    border: solid #61b3ef 1px;
    border-radius: 8px 20px;
    /*background: ;*/
    width: 200px;
    height: 50px;
    padding: 5px;
}

/* custom inline validation class for forms without form-groups */
.border-bg-red {
    border-color: #ebccd1;
    background-color: #f2dede;
}

/* custom loader spinner layer */
.loader-spinner,
.general-spinner {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.5;
    transform: scaleX(-1);
    background: url("/static/img/spinning-wheel.gif") 50% 50% no-repeat rgb(249, 249, 249);
}

/* better visualise selected link in quick order select */
div#orderQuickSearchResultsArea a:hover,
div#orderQuickSearchResultsArea a:active,
div#orderQuickSearchResultsArea a:focus {
    border: thin solid orangered;
}

.tt {
    /* make tooltip div container vertically sensible for mouseover when child is 100% of height */
    padding-bottom: 3px;
    padding-top: 3px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

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

.margin-left-5px {
    margin-left: 5px;
}

@media print {
    /* possibility to hide URL's in print view */
    a.hidden-print-href[href]:after {
        content: none !important;
    }
}

.img-container {
  overflow: hidden;
    margin-top: 15px;
    padding-top: 5px;
  width: 100%;
  height: 100%;
}

.img-container img {
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}