html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.lookup-field input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.btn-xs {
    --bs-btn-padding-y: 0.20rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.7rem;
    --bs-btn-border-radius: 0.25rem;
}
@media (max-width : 500px){
    .btn-flex{
        --bs-btn-padding-y: 0.20rem;
        --bs-btn-padding-x: 0.3rem;
        --bs-btn-font-size: 0.7rem;
        --bs-btn-border-radius: 0.25rem;
    }
}


@media print {
    .NoPrint {
        visibility: hidden;
        display: none !important;
    }

    .PrintArea {
        width: 1024px;
    }
}
.no-border {
    border: none !important
}

.no-events {
    pointer-events: none !important
}

.dropdown-toggle.btn {
    background-color: white;
    border-color: #c6c7c8;
}

.icon-button {
    border: none;
    background: none;
}

.icon-button:hover {
    transform: scale(1.1);
}

.text-red {
    color: red;
}

.toast {
    opacity: 1 !important
}

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

.SalesBoardImg {
    width:100px;
}

.RowLink {
    cursor: pointer;
}


.accordion-button {
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem;
}

.exclusiveAd {
    background-color: #ffbfbf !important;
}


/* When using an autocomplete in a modal, need the extra z height  */
.ui-autocomplete {
    z-index: 10000;
}