body { font-size: .875rem; font-family: 'Open Sans' }

a { color: #c82027; transition: all .2s ease-in-out }

h1.h2 { font-weight: bold; color: #c82027; letter-spacing: -1px; }

.feather { width: 16px; height: 16px; vertical-align: text-bottom; }

/* Sidebar */

.sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; /* Behind the navbar */ padding: 56px 0 0; /* Height of navbar */ box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); }
.sidebar-sticky { position: relative; top: 0; height: calc(100vh - 48px); padding-top: .5rem; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ }

.bg-primary { background: #c82027 !important }

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky { position: -webkit-sticky; position: sticky; }
}

.sidebar .nav-link { font-weight: 500; color: #333; }
.sidebar .nav-link .feather { margin-right: 4px; color: #999; }
.sidebar .nav-link.active { color: #c82027; }
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather { color: inherit; }
.sidebar-heading { font-size: .75rem; text-transform: uppercase; }

/* Content */
[role="main"] { padding-top: 133px; /* Space for fixed navbar */ }

@media (min-width: 768px) {
    [role="main"] { padding-top: 56px; /* Space for fixed navbar */ }
}

/* Navbar */

.navbar-brand { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; background-color: rgba(0, 0, 0, .2); font-weight: bold; }
.navbar .form-control { padding: 1rem; margin-left: .5rem; border-width: 0; border-radius: 0; }
.navbar .form-control::placeholder { color: rgba(0,0,0,.3); }

.form-control-dark { color: #fff; background-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .1); }
.form-control-dark:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); }

.hide-element { display: none; }

/* Auction */
/*.table td { padding-bottom: 0; margin-bottom: 0; }
.table td a { padding-top: 10px; cursor: pointer; }*/
.table tr.item-finished { background-color: #EFEFEF; color: #797979; }
.table tr.item-finished input, .table tr.item-finished select { color: #797979; }

#TotalRevenue { font-size: 14pt; background: #c82027; width: 65%; text-align: left; vertical-align: middle; color: #FFF; padding-right: 10px; }
#TotalRevenue p { margin: 0; padding: 10px; }

a { cursor: pointer; }

@media (max-width: 1100px) {
    #TotalRevenue { width: 95%; }
}

@media (max-width: 1424px) {
    #TotalRevenue { width: 80%; }
}

/*Loader icon*/
.loader-container { position: absolute; width: 100%; height: 100%; background: none; z-index: 99; }
.loader-container .overlay-bg { background-color: #969696; opacity: 0.2; position: absolute; width: 100%; height: 100%; left: -25px; }
.loader-container .loader-icon { position: relative; top: 25%; right: 10%; text-align: center; }