/*
 * Optional: Makes the sample page fill the window.
 */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Gill Sans", sans-serif;
}

#container {
    display:flex;
    width:100%;
    height:100%;
}
#map {
    height: 100%;
    width: 70%;
}
#info{
    height: 100%;
    width:28%;
    padding: 10px;
}

.tiw-name {
    font-size: 20px;
    font-weight: bold;
}
.tiw-id {
    font-size: 18px;
}
.tiw-parcel {
    font-size: 18px;
}
.tpw-name{
    font-size: 18px;
}
.tacc-item {
    margin-bottom: 10px;
    border: 1px solid gray;
    width: 100%;
    box-sizing: border-box;
}
.tacc-title {
    display:block;
    font-weight: bold;
    font-size: 18px;
    background-color: #f5f5f5;
    margin:0 0;
    padding: 5px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
.tacc-content{
    display: none;
    padding: 5px;
    box-sizing: border-box;
}
.tacc-expanded {
    display: block;
    transform: scaleY(1);
}

.tacc-data-year {
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 4px 0;
}

.tacc-data-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid gray;
}

.tacc-data-table th {
    text-align: left;
    padding: 4px;
    border: 1px solid gray;
}
.tacc-data-table td {
    padding: 4px;
    border: 1px solid gray;
}

/* Info window close button img */
.gm-style-iw button.gm-ui-hover-effect span {
    width: 24px !important;
    height: 24px !important;
    margin: 8px 0 0 0 !important;
}
/* Info window content container */
.gm-style .gm-style-iw-d{
    margin-right:10px;
    margin-top:10px;
}