html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}

a > .card {
    color: #212529;
}

.btn > .card {
    color: #212529;
}

.layout-top-nav .wrapper .main-header .brand-image {
    height: 36px;
}

.login-box h1 {
    font-size: 2.1rem;
}

.badge-All {
    background-color: #727878;
    font-weight: 700;
}

.badge-Pending {
    background-color: #639AF3;
    color: white;
    font-weight: 700;
}

.badge-Quotation {
    background-color: #660066;
    color: white;
    font-weight: 700;
}

.badge-QuoteAccepted {
    background-color: #4EE64C;
    font-weight: 700;
    color: inherit;
}

.badge-Booked {
    background-color: #1c910f;
    color: white;
    font-weight: 700;
}

.badge-InProgress {
    background-color: #FF5900;
    color: white;
    font-weight: 700;
}

.badge-Deferred {
    background-color: #000000;
    color: white;
    font-weight: 700;
}

.badge-ReadyForPeerReview {
    background-color: #FF00FF;
    color: white;
    font-weight: 700;
}

.badge-ManagementForPeerReview {
    background-color: #a7b0b0;
    color: white;
    font-weight: 700;
}

.badge-Admin {
    background-color: #00FFFF;
    color: inherit;
    font-weight: 700;
}

.badge-HoldReport {
    background-color: #8d32a8;
    color: white;
    font-weight: 700;
}

.badge-Complete {
    background-color: #0015CF;
    color: white;
    font-weight: 700;
}

.badge-Cancelled {
    background-color: #FF0000;
    color: white;
    font-weight: 700;
}

.badge-QuoteDeclined {
    background-color: #9B0A87;
    color: white;
    font-weight: 700;
}

.badge-WorkInProgress {
    background-color: #47f01d;
    color: white;
    font-weight: 700;
}

.badge-Query {
    background-color: #FFD800;
    color: black;
    font-weight: 700;
}

.badge-large {
    font-size: 1.15rem;
    min-width: 80px;
}

[class*="btn badge-"]:hover {
    filter: saturate(0.5);
    color: white;
}

.bg-red {
    background: #ff6961 !important;
    color: black !important;
}

.bg-lightgreen {
    background: #e9fce9;
}

.opacity-50 {
    opacity: 0.5;
}

.items-center {
    align-items: center;
}

.self-center {
    align-self: center;
}

.hidden {
    display: none;
}


.peer-review-table {
    font-size: 0.9em;
}

    .peer-review-table .form-control {
        font-size: 0.9em;
        height: 2.5em;
        width: 70px;
    }


    .peer-review-table .input-group-append {
        font-size: 0.9em;
        height: 2.5em;
    }

.sticky-bar-cell {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px
}

.photo-row {
    display: flex;
}

.photo-column {
    flex: 33.33%;
    padding: 5px;
}

.photo-column-full {
    flex: 100%;
    padding: 5px;
    justify-content: center;
}

/* Following are used for Job and Quote Edit Forms*/
.title-container {
    display: flex;
    justify-content: space-between;
}

.element {
    flex: 0 0 auto;
}

.right-align {
    margin-left: auto;
}

.refresh-select {
    cursor: pointer;
    color: #027bff;
}

/* Following are for bottom of Peer Review page*/
.image-wrapper {
    position: relative;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

    .image-wrapper.selected {
        border: 4px solid green;
    }

.img-fluid {
    width: 100%;
    height: auto;
}

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