@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css);

@font-face {
	font-family: 'MuseoSans';
	src: url('/static/fonts/MuseoSans.ttf');
}

@font-face {
    font-family: 'MuseoSans';
    src: url('/static/fonts/MuseoSansBold.ttf');
    font-weight: bold;
}


@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

@media (min-width: 1850px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1800px;
    }
}


body {
    /*font-size: 87.5%;*/
    font-family: 'MuseoSans', sans-serif;
    background-color: #eee;
    color: #343846;
}

main { 
    padding: 5rem 0 1rem; 
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #C0A063;
}

.breadcrumb {
    --bs-breadcrumb-divider: '/';
}

.table a {
    text-decoration: none!important;
    color: #343846;
    
}

.table > thead > tr > th {
    vertical-align: middle!important;
    /*text-align: center!important;*/
}

.table > tbody > tr > td {
    vertical-align: middle!important;
    /*text-align: center!important;*/
}

.table > thead > tr > th, .table > tbody > tr > td {
    font-size: 0.9rem;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

table.table thead th.orderable::after {
    font-family: 'MuseoSans', 'Font Awesome 5 Free';
    content: "\f0dc";
    color: #343846;
}

table.table thead th.asc.orderable::after {
    font-family: 'MuseoSans', 'Font Awesome 5 Free';
    content: "\f0de";
    color: #343846;
}

table.table thead th.desc.orderable::after {
    font-family: 'MuseoSans', 'Font Awesome 5 Free';
    content: "\f0dd";
    color: #343846;
}

.text-lead {
    font-size: 1rem;
    font-weight: 500;
    color: #333333;
}

.text-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 1rem;
}

.text-pos {
    font-size: .7rem;
    font-weight: 600;
    color: #1d1d1d;
}

.form-control, .form-select {
    background-color: #f5f8fa!important;
}

.btn-primary {
    background-color: #003e87!important;
    color: #fff;
}

.btn-primary:hover {
    background-color: #003e87!important;
}

.btn-outline-primary {
    color: #003e87;
    border-color: #003e87;
}

.btn-outline-primary:hover {
    background-color: #003e87!important;
    color: #fff;
    border-color: #003e87;
}

.btn-sm {
    padding: .1rem .5rem;
}

.bg-success {
    background-color: #343846!important;
}

.btn, .form-control, .form-select {
    border-radius: 0.2rem;
}

.card-body {
    padding: 1.5rem;
}

.logo {
    height: 2.2rem;
}

.brand {
    color: #fff;
}

.dropdown-menu {
    padding: .5rem;
    border-color: #edeef0;
    border: 0;
    border-radius: 0rem;
}

.dropdown-item {
    border-radius: 0rem;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #C0A063;
}

.badge {
    color: #192434;
    background-color: #e8ebef;
    cursor: pointer;
    font-size: 0.6rem;
}

.badge-primary {
    color: #1676f3;
    background-color: #e7f1fe;
}

.badge-dark {
    color: #363636;
    background-color: #dadada;
}

.badge-danger {
    color: #ff4238;
    background-color: #ffebea;
}

.badge-warning {
    color: #fda706;
    background-color: #fcf3e0;
}

.badge-success {
    color: #15c15d;
    background-color: #e3f8ec;
}

.color-primary {
    color: #1676f3;
}

.color-secondary {
    color: #343846;
}

.color-danger {
    color: #ff4238;
}

.color-success {
    color: #15c15d;
}

.ss-main .ss-single-selected {
    height: 40px!important;
    padding: .375rem .75rem!important;
    border-radius: 0rem!important;
}

.ss-content, .ss-content .ss-list {
    border-radius: 0rem!important;
}

.ss-content .ss-search input {
    padding: 1.2rem!important;
    border-radius: 0rem!important;
}

.ss-main > .ss-single-selected > .placeholder {
    cursor: pointer;
    opacity: 1;
    background-color: transparent;
}

.flatpickr-wrapper {
    width: 100%;
}

/*
.auction-card .auction-card-header,
.auction-card .auction-card-footer {
    font-size: .9rem;
}
*/
.auction-card .text-label {
    color: #919191
}

.auction-card:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.auction-card:hover .auction-name{
    text-decoration: none;
    font-weight: 700;
    color:#C0A063;
}

.text-gold {
    color:#003e87;
}

.text-gold:hover {
    color:#C0A063;
}

.auction-card-body .auction-name {
    text-decoration: none;
    font-weight: 700;
    color:black;
}

.auction-card-header .auction-name-lot {
    text-decoration: none;
    font-weight: 700;
    color:black;
}

.a:hover .auction-name-lot {
    text-decoration: none;
    font-weight: 700;
    color:#C0A063;
}

.auction-card-body .status {
    color: #003e87;
}

.auction-card .auction-documents,
.auction-card .status {
    color: #003e87;
}

.btn-outline-primary-ss {
    color: #003e87;
    border: none;
}

.btn-outline-primary-ss:hover {
    color: #024999;
    border: none;
}

.lot-type {
    color: #C0A063;
}

.form-check-input:checked {
    background-color: #C0A063;
    border: #C0A063;
}

.accordion-button:hover {
    color: #C0A063;
}

.accordion-button:active {
    color: #b3955d;
}

.file-list {
    list-style: none;
}

.text-sm {
    font-size: 0.8rem;
}

.text-md{
    font-size: 0.9rem;
}

.golden {
    color: #2b2b2b;
}

.golden:hover {
    color: #b3955d;
}

.indigo {
    color: #024999;
    text-decoration: none;
}

.indigo:hover {
    color: #b3955d;
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

.accordion-button:focus {
    box-shadow: none;
}

.bg-golden {
    background-color: #b3955d;
}

.text-golden:hover {
    color: #b3955d;
}

.page-link {
    color: #131313;
    margin: .3rem;
    border-radius: .5rem;
    box-shadow: none;
}

.page-link:hover {
    color: #024999;
    box-shadow: none;
}


.page-item.active .page-link {
    color: #f3f3f3;
    background-color: #024999;
    border-color:#024999; 
    box-shadow: none;
}

.text-type {
    color: #2a2b2a;
    font-size: 0.8rem;
}

.text-update {
    color: #a0a0a0;
    font-size: 0.7rem;
    font-style: italic;
}

.back-button:hover {
    color: #eee;
    background-color: #b3955d;
    box-shadow: none;
    border-color:#b3955d; 
}

.bi {
    font-size: 19px;
  }

.bs {
    font-size: 14px;
  }

.bl {
    font-size: 22px;
}