/*>>>>>>  General CSS  <<<<<<*/

.btn-indigo {
    color: #fff;
    background-color: #660ff1;
    border: 2px solid #660ff1;
}

.btn-indigo:hover {
    color: #fff;
    background-color: #480fa1;
    border: 2px solid #660ff1;
}

.btn-outline-indigo {
    color: #660ff1;
    border: 2px solid #660ff1;
    background-color: #fff;
}

.btn-outline-indigo:hover {
    border: 2px solid #660ff1;
    color: #660ff1;
    background-color: #f1f1f1;
}



/*>>>>>>  Calculator CSS  <<<<<<*/

.section-checkbox-div-fade-background {
    background-color: rgba(255,255,255,0.8) !important;
    background-blend-mode: lighten;
}

.section-checkbox-parent-div {
    border: 3px solid #28a745;
    border-radius: 8px;
}

.section-checkbox-parent-div:has(> div.collapsed) {
    border: 2px solid #cfcfcf;
}


.section-checkbox-div.collapsed {
    background-color: rgba(255,255,255,0.8) !important;
    background-blend-mode: lighten;
}

/*.section-checkbox-div.collapsed>label{*/
/*    color: #343a40;*/
/*    background-color: #fff;*/
/*    border-color: #343a40;*/
/*}*/

.section-checkbox-div.collapsed>label>.fa-check-square {
    display: none !important;
}
.section-checkbox-div.collapsed>label>.fa-square {
    display: inline !important;
}

.section-checkbox-div.collapsed>label>img {
    filter: grayscale(1);
}

.section-checkbox-div>label{
    color: #343a40;
    background-color: #fff;
    /*color: #fff;*/
    /*background-color: #19bb19;*/
    border: 1px solid #343a40;
    box-shadow: none;
    border-radius: .25rem;
    min-width: 15rem;
    cursor: pointer;
}

input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.meterage_inputs_title {
    display: table-cell;
    vertical-align: middle;
    text-align: center !important;
    margin-bottom: 15px;
    color: #000cc0;
    font-weight: 700;
}

.meterage_row_title_text {
    display: table;
}

.meterage_row_title_text span {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .meterage_inputs_title {
        text-align: left;
    }
    .meterage_row_title_text span {
        text-align: left;
    }
}

.quality_grade_label:hover{
    box-shadow: 0px 0px 15px;
}

.section_selector_type_btn {
    color: #124dd4;
    border-color: #124dd4;
}

.section_selector_type_btn:hover {
    color: #124dd4;
    border-color: #124dd4;
    box-shadow: 0px 0px 5px 0px #124dd4;
}

.section_selector_type_btn.selected {
    color: #fff;
    background-color: #124dd4;
    border-color: #124dd4;
    box-shadow: none;
}

.section_selector_type_btn.selected>.fa-check-square {
    display: inline !important;
}
.section_selector_type_btn.selected>.fa-square {
    display: none !important;
}

.form-control.is-invalid {
    /*background-color: #fde7e7;*/
}


/*for validations*/

.question_box.invalid_answer {
    border: 2px red solid;
    background-color: #fff7f7;
    border-radius: 2rem;
    padding: 15px;
    margin-bottom: 20px;
}

.validation_error {
    color: red;
    font-weight: 900;
    display: none;
}

.question_box.invalid_answer>.validation_error {
    display: inline-block;
}

.calculator-request.result-row {
    background-color: #e2fff5;
}