/*override default styles*/

.panel-success > .panel-heading {
    color: #aeb2b7;
    background-color: #35404d;
    border-color: #35404d;
}

.panel-default > .panel-heading {
    color: white;
    background-color: #0A1932;
    border-color: #0A1932;
}

    .panel-default > .panel-heading > h3 {
        color: white;
    }

.panel-default > .panel-item-heading {
    color: white;
    background-color: #7087A3;
    border-color: #7087A3;
}

    .panel-default > .panel-item-heading > h3 {
        color: #0A1932;
    }

.tools a {
    color: white;
}

.panel-title {
    color: #aeb2b7;
}

.mar-right-10 {
    margin-right: 10px;
}

.mar-left-10 {
    margin-left: 10px;
}

.margin-10 {
    margin: 10px
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.form-horizontal .control-label {
    font-weight: 700;
}

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

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

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

.dataTables_processing {
    border: 1px gray dashed !important;
    background-color: gray;
    color: black;
    font-weight: bold;
    z-index: 999999;
}

.subtext {
    font-style: italic;
    font-size: 10px;
}

.text-white {
    color: white;
}


.sub-menu:last-of-type {
    margin-bottom: 100px;
}

.action-buton {
    color: #797979;
}

.width-100 {
    width: 100% !important;
}

.bid-button-live {
    background-color: #4c4c4c;
    border-color: #4c4c4c;
    color: #FFFFFF;
    border-radius: 0px;
    width: 104px;
    font-weight: bold;
    font-size: 18px;
    min-width: 110px;
}

    .bid-button-live:hover {
        background-color: #4c4c4c !important;
        border-color: #4c4c4c !important;
        color: #FFFFFF !important;
    }

    .bid-button-live:focus {
        background-color: #4c4c4c !important;
        border-color: #4c4c4c !important;
        color: #FFFFFF !important;
    }

.bid-button-blue {
    background-color: #0a1832;
    border-color: #0a1832;
    color: #FFFFFF;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
}

    .bid-button-blue:hover {
        background-color: #0a1832;
        border-color: #0a1832;
        color: #FFFFFF;
    }

    .bid-button-blue:focus {
        background-color: #0a1832;
        border-color: #0a1832;
        color: #FFFFFF;
    }

.width-40-per {
    width: 40%
}

.main-increment-box {
    background: #c8c8c8;
    border: 2px solid black;
    padding-right: 0;
}

.increment-table-box {
    background: #c8c8c8;
    padding-right: 0px;
    padding-left: 0px;
}

.current-increment-box {
    background: linear-gradient(to top, #c8c8c8 0%,#c8c8c8 22%, white 0%, white 40%)
}

.margin-top-25 {
    margin-top: 25px;
}

.bid-history-table thead {
    background: #0a1832 !important;
    color: white;
}

.bid-history-table caption {
    text-transform: uppercase !important;
    text-align: center !important;
    color: black !important;
    font-weight: bold !important;
    font-size: 2.5rem !important;
    border: 2px solid black;
    border-bottom: none;
}

.bid-history-table {
    border: 2px solid black;
}

.broadCastBox {
    border: 2px solid black;
}

.main-heading-box {
    background: white;
    margin-right: 0px;
    margin-left: 0px;
    padding: 15px 0px 15px 0px;
}

.close-ion {
    color: red;
}

.show-remove {
    visibility: visible;
    margin: 0px 0px 0px 35%;
}

.hide-remove {
    color: #0a1832;
    margin: 0px 0px 0px 35%;
}

    .hide-remove:hover {
        color: red !important;
    }

.bidHistoryClass {
    vertical-align: middle !important;
}

.right-align {
    text-align: right !important;
}

.center-align {
    text-align: center !important;
}

.prev-col {
    padding-right: 0px;
    margin-left: 13px;
}

.col-next-prv-text {
    padding: 2px 0px 0px 10px;
}

    .col-next-prv-text .next-span {
        margin: 0 0 0 20px;
    }

.prv-next-col {
    margin: -4px 0px 0px 0px;
}

.next-prev-a {
    color: black !important;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

    .next-prev-a:hover {
        color: black !important;
    }

.incrementValue {
    font-weight: bold;
    width: auto;
    color: black;
    font-size: 18px;
    font-weight: bold;
}

.incrementBidder {
    font-size: 18px;
    font-weight: bold;
    pointer-events: none !important;
}

.start-lot {
    margin: 10px 5px !important;
}

.main-increment-box {
    padding-left: 0px !important;
}

.increment-Button {
    border-radius: 0px;
    padding-left: 4px;
    padding-right: 5px;
}

.closed {
    background-color: #ff6c60 !important;
}

.green-bid {
    background-color: #00e4fe !important;
    color: white;
}

.bid-Increment-table > tbody > tr > th {
    border-top: 0px solid #ddd !important;
}

.bid-Increment-table > tbody > tr > td {
    border-top: 0px solid #ddd !important;
}

.incrementTable > tbody > tr > th {
    border-top: 0px solid #ddd !important;
}

.incrementTable > tbody > tr > td {
    border-top: 0px solid #ddd !important;
}

.table-title {
    font-size: 2.2rem;
    text-transform: uppercase;
}

.table {
    margin-bottom: 0px !important;
}

.pagination {
    margin: 0px !important;
}

.winner-msg {
    color: red;
    font-size: 25px;
    padding: 10px;
}

.btn-main-start {
    width: 100%;
    padding: 12px 24px;
    font-size: 24px;
    font-weight: bold;
}

.btn-action {
    min-width: 200px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 0px;
    margin: 0px 5px;
    color: #fff !important;
    padding: 3px 12px;
}

.Warning-lot {
    background: #f20000;
}

.continue-bidding {
    background: #0a1932;
}

.sold-lot {
    background: #16d850;
}

.pass-lot {
    background: #4d4d4d;
}

.centre-amount {
    text-align: center;
    text-align: -webkit-center;
}

.lb-hr {
    display: none;
    margin: 10px 0px !important
}

/* Live Bidding Styles */
.lb-search-FiltersDiv {
    z-index: 10;
}

.lb-search-FiltersDiv input:hover,
.lb-search-FiltersDiv select:hover,
.lb-search-FiltersDiv .searchRefresh {
    cursor: pointer;
}

.search-box-background {
    background: #0a1932;
}

.search-box-column-margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.search-input {
    padding: 0px 0px 0px 5px;
    color: #000000;
}

.select-dropdown-icon {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-image: url(https://assets.codepen.io/103108/arrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 1em auto, 100%;
    border-radius: 0;
}

.font-italic {
    font-style: italic;
}

.search-icon {
    margin: 0px;
    font-size: 20px;
    padding-top: 6px;
}

.search-link {
    color: black !important;
}

.no-border-radius {
    border: none;
    border-radius: 0px;
}

.auction-lot-navigation {
    padding-left: 0px !important;
}

.refresh-icon {
    color: white;
    font-size: 25px;
}

.pager-position {
    position: absolute;
    right: 15px;
    top: 0px;
}

.btn.btn-auction-viewmore {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border: none;
    padding: 0px 0px;
}

.btn-auction-viewmore > span {
    font-size: 34px;
}

    .btn-auction-viewmore > span.auctionsPage,
    .btn-auction-viewmore > span.totalAuctions {
        font-size: 16px;
    }

.searchItemAnchor, .searchItemAnchor:hover {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

#lb-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 18px;
}

    #lb-table th {
        text-align: left;
        padding: 10px;
        border-right: 1px solid lightgrey;
    }

    #lb-table td {
        text-align: left;
        padding: 0px;
        border-right: 1px solid lightgrey;
    }

    #lb-table tr {
        border-bottom: 1px solid #ddd;
    }

        #lb-table tr.header, #lb-table tr:hover {
            /*background-color: #f1f1f1;*/
        }

.lb-table-header {
    position: relative;
    background-color: #0A1932 !important;
    color: #fff;
    font-size: 12px;
}

.lb-table-header-lot {
    width: 70px;
}

.lb-table-header-stock {
    width: 200px;
}

.lb-table-header-summary {
    width: 200px;
}

.lb-table-header-time {
    width: 120px;
}

.lb-table-header-bidder {
    width: 140px;
}

.lb-table-header-bid {
    width: 110px;
}

.lb-table-header-history {
    width: 220px;
}

.lb-table-header-increment {
    width: 170px;
}

.lb-table-row {
}

.lb-table-data {
    padding: 0px;
    font-size: 14px;
    vertical-align: top;
}

.lb-table-data-header {
    font-weight: bold;
    text-transform: uppercase;
    background: #0A1932;
    color: #fff;
    padding: 5px;
    /*margin-bottom: 5px;*/
}

    .lb-table-data-header.lb-data-timer {
        background: #ff0000 !important;
    }

    .lb-table-data-header.lb-bid-btn {
        width: 100%;
        background: #00e8ff !important;
        color: #0a1932 !important;
        border: none;
    }

    .lb-table-data-header.lb-bid-history {
        width: 100%;
        background: #a5a5a5 !important;
        color: #0a1932 !important;
        border: none;
    }

    .lb-table-data-header.lb-lastBid {
        background: #fff !important;
        color: #0a1932 !important;
    }

    .lb-table-data-header.lb-noBids {
        background: #fff !important;
        color: red;
    }

    .lb-table-data-header.lb-underReserve {
        background: #fff !important;
        color: #0a1932 !important;
    }

    .lb-table-data-header.lb-reserveMet {
        background: #fff !important;
        color: #34ce00 !important;
    }

    .lb-table-data-header.lb-table-data-staff-bidder {
        text-transform: none;
    }

    .lb-table-data-header.lb-table-data-bidder {
        text-transform: none;
        background: #a5a5a5;
        color: #0a1932 !important;
    }

    .lb-table-data-img {
        width: 100%;
        max-height: 100px;
    }

.lb-content-center {
    text-align: center;
}

.lb-content-left {
    text-align: left;
}

.lb-table-data-stock, .lb-table-data-summary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.lb-select-status {
    width: 100%;
    height: 30px;
    border: 1px solid #0A1932;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border: none;
}

.lb-select-status-none {
    background: none;
}

.lb-select-status-sold {
    background: #c5fac5 !important;
}

.lb-select-status-next {
    background: #fcfcae !important;
}

.lb-select-status-bought {
    background: #c8cffa !important;
}

.lb-table-data-increment {
    display: flex;
}

.lb-table-lot-meta {
    font-size: 12px;
    font-weight: bold;    
    padding: 5px 5px 0px 5px;
    margin: 0px;
}

button.lb-increment-active {
    width: 50%;
    background: #0A1932 !important;
    color: #fff !important;
}

button.lb-increment-disabled {
    width: 50%;
    background: #fff !important;
    color: #0A1932 !important;
}

.lb-table-increment-input > input {
    border-radius: 0px;
    height: 40px;
    border: 1px solid #0A1932;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.lb-table-increment-input > span.input-group-addon {
    border-radius: 0px;
    border: 1px solid #0A1932;
    background: #0A1932;
    color: #fff;
    font-weight: bold;
}

.lb-table-increment-btn {
    border: 1px solid #0A1932;
    height: 40px;
    padding: 0px;
    width: 100%;
    border-radius: 0px;
    background: #0A1932;
    color: #fff;
    padding-left: 6px;
    padding-right: 7px;
}

    .lb-table-increment-btn:hover,
    .lb-table-increment-btn:focus {
        color: #0A1932;
        background: #00e8ff;
    }

.lb-table-increment-section {
    width: 1% !important;
    /*padding-top: 5px;*/
}

.lb-table-data-watchlist {
    float: right;
    cursor: pointer;
    width: 1em;
    height: 1em;
    line-height: 1em;
}

    .lb-table-data-watchlist.lb-watchlist-no {
        color: #00e8ff;
    }

    .lb-table-data-watchlist.lb-watchlist-yes {
        color: red;
    }

.lb-table-data-watchlist-square {
    cursor: pointer;
}

.lb-table-data-watchlist-eye {
    color: #0A1932;
    font-size: 15px;
    display: none;
}

.lb-table-data-watchlist-eye-slash {
    color: #fff;
    font-size: 15px;
    display: none;
}

.lb-watchlist-no > .lb-table-data-watchlist-eye {
    display: block !important;
}

.lb-watchlist-yes > .lb-table-data-watchlist-eye-slash {
    display: block !important;
}


.lb-table-data-mobile-toggle {
    display: none;
    color: #0A1932;
    float: right;
}

    .lb-table-data-mobile-toggle.lb-toggle-closed {
        color: darkgreen;
    }

    .lb-table-data-mobile-toggle.lb-toggle-open {
        color: darkred;
    }

.lb-table-data-mobile-toggle-square {
    cursor: pointer;
}

.lb-table-data-mobile-toggle-plus, .lb-table-data-mobile-toggle-minus {
    color: #fff;
    display: none;
}

.lb-toggle-closed > .lb-table-data-mobile-toggle-plus {
    display: block !important;
}

.lb-toggle-open > .lb-table-data-mobile-toggle-minus {
    display: block !important;
}

.lb-table-watchlist-btn {
    background: #00e8ff;
    color: #0A1932;
}

.lb-min-height-60 {
    min-height: 60px;
    align-content: center;
}

.lb-height-30 {
    height: 30px !important;
    align-content: center;
}

.lb--min-height-30 {
    min-height: 30px !important;
    align-content: center;
}

.lb-no-lots-found {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

/* Desktop-specific responsive table styles */
@media only screen and (max-width: 1440px) {
    .lb-table-header-stock {
        width: 200px;
    }

    .lb-table-header-summary {
        width: 200px;
    }

    .lb-table-header-time {
        width: 120px;
    }

    .lb-table-header-bid {
        min-width: auto;
    }

    .lb-table-header-history {
        min-width: auto;
    }

    .lb-table-header-increment {
        width: auto;
    }
}

/* Desktop-specific responsive table styles */
@media only screen and (max-width: 1182px) {
    .lb-table-header-stock {
        min-width: auto;
    }

    .lb-table-header-summary {
        width: auto;
    }

    .lb-table-header-bidder {
        min-width: auto;
    }

    .lb-table-header-time {
        min-width: auto;
    }
}

/* Mobile-specific styles */
@media only screen and (max-width: 768px) {
    #lb-table {
        /*display: block;*/
        width: 100%;
    }

    .lb-table-header-summary {
        width: auto !important;
    }

    .lb-table-header-increment {
        width: auto !important;
    }

    .lb-table-header {
        display: none;
    }

    .lb-table-row {
        display: block;
        margin-bottom: 20px;
    }

    .lb-table-data-mobile-toggle {
        display: block;
    }

    .lb-table-data {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

    .lb-table-data-mobile {
        display: none;
    }

    .lb-table-data-header {
        font-weight: bold;
        /*margin-bottom: 10px;*/
    }

    .lb-table-data-content {
        margin-bottom: 20px;
    }

    .lb-table-data-img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .lb-table-data-stock {
        margin-bottom: 20px;
    }

    .lb-table-data-summary {
        margin-bottom: 20px;
    }

    .lb-data-timer {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .lb-bid-btn {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .lb-lastBid {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .lb-table-data-img {
        max-height: 100%;
    }

    .lb-table-data-header.sr-lot-number {
        height: 55px !important;
    }

    .lb-table-data-lot-number {
        font-size: 30px !important;
    }

    .lb-table-data-watchlist {
        width: 2em;
        height: 2em;
        line-height: 2em;
    }

    .lb-table-data-watchlist-eye {
        font-size: inherit;
    }

    .lb-table-data-watchlist-eye-slash {
        font-size: inherit;
    }
}

@media (max-width: 768px) {
    .row {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 576px) {
    .search-box-background {
        padding: 0px 4px 0px 0px;
    }

    .action-buton ul {
        display: none !important;
    }

    .action-buton.open ul {
        display: block !important;
    }

    tr.child > td.child {
        padding-left: 10px !important
    }

    td.child > ul > li {
        margin-bottom: 20px !important;
    }

    tbody > tr > td:first-child {
        padding-top: 40px !important;
    }

    .lb-hr {
        display: block;
    }

    .lb-ul-item {
        min-width: 240px !important;
    }

    .lb-pb-10 {
        padding-bottom: 8px;
    }

    .lb-w-100 {
        width: 100% !important;
    }

    tbody > tr > td:first-child {
        padding-top: 0px !important;
    }
}