﻿.table-comparables {
    color: #0B3A5F;
    width: 98%;
    margin-left: 1%
}

    .table-comparables th, .table-comparables td {
        padding: 5px;
        border: 2px solid #e0e0e0
    }

.comparable-row-data-header span {
    font-size: 16px; margin: 2px;
}

.comparable-row-data-header span:hover {
    cursor: pointer
}

.comparable-row-data-header td:nth-child(1) {
    background-color: #0f3f64;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: .3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px;
}

.comparable-row-data-header td:nth-child(2) {
    background-color: #0e769d;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: .3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px;
}

.comparable-row-data-header td:nth-child(3) {
    background-color: #0e769d;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: .3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px;
}

.comparable-row-data-header td:nth-child(4) {
    background-color: #0e769d;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: .3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px;
}

.comparable-row-header {
    color: #0B3A5F;
    font-weight: 600;
}

.comparable-data-cell{
    display:flex;
    justify-content:space-between
}

.comparable-adjustment-input {
    border: none;
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    width: 20%;
    color: #0B3A5F;
    text-align: center;
    border-radius: 10px;
    border: 1.5px solid #0B3A5F;
    font-weight: 600;
    padding: 6px 2px;
    cursor: pointer;
}

    .comparable-adjustment-input:hover {
        background: #D8F7FC
    }

    .comparable-adjustment-input::placeholder {
        color: #0B3A5F;
    }

.comparabe-table-img {
    height: auto;
    width: 70%;
    margin-left: 15%
}

.imageinput {
    text-align: center;
    width: 20%;
}

.table-comparable-sales-header {
    padding: 0;
}

.table-comparable-sales {
    margin-bottom: 25px;
}

.table-comparables td:nth-child(1) {
    width: 29.5%
}

.table-comparables td:nth-child(2), .table-comparables td:nth-child(3), .table-comparables td:nth-child(4) {
    width: 23.5%
}

#comps-div td.comparable-row-header {
    width: 9.5%;
}

#comps-div td:nth-child(2) {
    width: 20%;
}

.minus-value {
    background: #ba0517;
    border: 2px solid #ba0517;
    color: white;
}

.plus-value {
    background: #2e844a;
    border: 2px solid #2e844a;
    color: white;
}

    .plus-value:hover {
        background: #2a7843;
        border: 2px solid #2a7843;
        cursor: pointer;
    }

.minus-value:hover {
    background: #a80515;
    border: 2px solid #a80515;
    cursor: pointer;
}

.table-comparables td {
    padding: 20px 10px;
}

.table-comparables tr:nth-child(odd) {
    background-color: white
}

.comparable-row-data-header td {
    position: relative
}

.fa-chevron-right {
    position: absolute;
    right: 20px;
    top: 7px;
}

.fa-chevron-left {
    position: absolute;
    left: 20px;
    top: 7px;
}

#rank-1-AdjustedValue, #rank-2-AdjustedValue, #rank-3-AdjustedValue {
    position: absolute;
    left: 9px;
    color: #0B3A5F;
    font-weight: 600;
}