/* START
 
 TODO: remove in production - this is just for the use with konveio.com website
*/
.admin-menu:not(.kvo-page-is-embedded) .panel.combo-p.panel-htop {
    margin-top: -29px !important;
}

.admin-menu.kvo-page-is-embedded {
    margin-top: 0 !important; 
}

.kvo-page-is-embedded #navbar,
.kvo-page-is-embedded #admin-menu,
.kvo-page-is-embedded .kvo-umh-feasibility-calc h1,
.kvo-page-is-embedded .main-container > .container > header,
.kvo-page-is-embedded .main-container > .row > section[role="main"] > .container {
    display: none !important;
}

.kvo-page-is-embedded .entity-paragraphs-item.paragraphs-item-content.pad {
    padding: 0 !important;
}

/* END */

.kvo-umh-feasibility-calc {
    font-family: sans-serif;
}

.kvo-umh-feasibility-calc h1 { font-size: 1.65em; }
.kvo-umh-feasibility-calc h2 {
    font-size: 1.35em;
    color: #666;
}

.kvo-umh-feasibility-calc > h2 {
    margin-top: .5em !important;
}

.kvo-umh-feasibility-calc label {
    font-weight: bold;
    font-size: 14px;
    width: 100% !important;
}

.slider-inner,
.combobox-item,
.textbox.combo .textbox-text {
    cursor: pointer;
}

.combo-panel.panel-body {
    height: auto !important;
    max-height: 300px;
}

.slider {
    margin-top: 20px;
    margin-left: 0px;
}

.kvo-umh-feasibility-calc {
    padding: 0 16px;
    max-width: 750px;
    margin: 0 auto;
    visibility: hidden;
}

.kvo-umh-feasibility-calc-controls {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    align-items: center;
    position: sticky;
    top: 0;
    margin: 0 -5px;
    background: #fff;
    box-shadow: 0 10px 10px -10px rgba(0,0,0, .1);
    padding-bottom: 15px;
}

.kvo-umh-feasibility-calc-controls > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.kvo-umh-feasibility-calc-controls > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.kvo-umh-feasibility-calc-controls > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.kvo-umh-feasibility-calc-controls > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}


.kvo-umh-county {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
}

.kvo-umh-rental-rate {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 3 / 2;
}

.kvo-umh-land-value {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 4 / 2;
}

.kvo-umh-feasibility-irr-cut-off {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4 / 1 / 5 / 2;
}

.kvo-umh-prototype {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.kvo-umh-prototype-content {
    padding: 16px;
}

.kvo-umh-prototype h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
}

.kvo-umh-prototype p {
    margin: 8px 0 0;
}

.kvo-umh-prototype span {
    font-weight: bold;
    font-size: 117.5%;
}

.kvo-umh-prototype-irr { color: #666 }

.feasible { color: yellowgreen }
.not-feasible { color: tomato }


.kvo-page-is-embedded .kvo-umh-prototype-content {
    padding: 8px;
}

.kvo-page-is-embedded .kvo-umh-prototype-content:before,
.kvo-page-is-embedded .kvo-umh-prototype-content:after {
    content: '';
    display: table;
}

.kvo-page-is-embedded .kvo-umh-prototype h2 {
    text-align: center;
}

.kvo-page-is-embedded .kvo-umh-prototype p {
    margin: 6px 0 0;
    float: left;
    width: 50%;
    text-align: right;
}

.kvo-page-is-embedded .kvo-umh-prototype-content:after { clear: both }

.kvo-page-is-embedded .kvo-umh-prototype { margin-bottom: 4px; }
.kvo-page-is-embedded .kvo-umh-prototype strong {
    display: none;
}

@media (min-width: 500px) {
    .kvo-umh-feasibility-calc-controls {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 1fr 0px 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        align-items: center;
        padding-bottom: 20px;
    }

    .kvo-umh-feasibility-calc-controls > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .kvo-umh-feasibility-calc-controls > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .kvo-umh-feasibility-calc-controls > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .kvo-umh-feasibility-calc-controls > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .kvo-umh-county {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 1 / 2 / 2;
    }

    .kvo-umh-rental-rate {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 1 / 2 / 2 / 3;
    }

    .kvo-umh-land-value {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 2 / 1 / 3 / 2;
    }

    .kvo-umh-feasibility-irr-cut-off {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 2 / 2 / 3 / 3;
    }

    .kvo-page-is-embedded .kvo-umh-prototype-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;    
    }

    .kvo-page-is-embedded .kvo-umh-prototype h2 {
        text-align: left;
    }

    .kvo-page-is-embedded .kvo-umh-prototype p {
        float: none;
        margin: 0;
        width: auto;
    }

    .kvo-page-is-embedded .kvo-umh-prototype-content h2 + p {
        margin: 0 10px 0 auto;
    }

    .kvo-page-is-embedded .kvo-umh-prototype p:last-child {
        min-width: 110px;
        text-align: center;
    }
}