.search-grid {
    font-size: 14px;
    width: 100%;
    display: grid;
    grid-template-columns: 18% 82%;
    grid-gap: 1px;
    border: 1px solid lightgrey;
    background-color: lightgrey;
    .header {
        background-color: #BDD7EE;
    };
    div {
        padding: 1px;
        background-color: white;
        padding-left: 5px;
        .smaller-box {
            margin-left: 3%;
            border-top: 1px solid lightgrey;
            border-left: 1px solid lightgrey;
        }
        .item-box {
            display: grid;
            grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
            input {
                margin-right: 3px;
            }
            div {
                padding-left: 0;
            }
        }
    }
    .content {
        border-right: 1px solid lightgrey;
        input[type=text] {
            width: 70px;
            height: 18px;
        }
    }
}

.header {
    span {
        margin: 0px 15px;
    }
    div {
        background-color: transparent;       
    }
}

.calc-box {
    display: grid;
    grid-template-columns: 25% 30% 40%;
}

.wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    form {
        width: 60%;
    }
}

.title p {
    margin: 0 0 0 50px;
}

.title div {
    align-content: center;
}

table.table thead tr th {
    background-color: #BDD7EE;
    padding: 0 2px;
    align-content: center;
    text-align: center;
}

tr.building-info .title, tr.building-info .bi-title{
    background-color: #BDD7EE;
}

#building-info-custom {
    display: table;
    table-layout: fixed;
    tr {
        display: table-row;
    }
}

.building-info.area-info .content {
    text-align: end;
}

.EnvironmentDetail {
    display: table;
    table-layout: fixed;
    tr {
        display: table-row;
    }
    width: 100%;
    background-color: #BDD7EE;
}

.building-detail {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid lightgrey;
    th {
        background-color: #BDD7EE;
        border: 1px solid lightgrey;
    }
    td {
        border: 1px solid lightgrey;
    }
    tr {
        display: table-row;
    }
}

.input-white {
    background-color: white;
    font-weight: bolder;
}

.t-align-center.level {
    background-color: #a7c9ec  !important;
    font-weight: bolder;
}

.t-align-right{
	text-align: right;	
}

#header_02 {
    margin-top: 50px;
}
