.tabs, #map {
    height: 100%;
}

/*#listTab .list-block, form.list-block*/ .list-block {
    margin: 0;
}

/* FAB positions */
#fab-add-task, #fab-navigation {
    right: 16px;
}

#fab-add-task {
    bottom: 16px;
}

#fab-navigation {
    bottom: 88px;
}


.flex-display {
    display: flex;
    flex-direction: column;
}

/* make input mask and details scrollable */
form {
    overflow-y: scroll;
}

/* set map containers */
#add-task-map-container, #details-map-container, #add-place-map-container {
    flex-grow: 1;
    background-color: green;
    position: relative;
}

/* place maps */
#add-task-map, #details-map, #add-place-map {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px; 
}

#add-task-map-container .card, #details-map-container .card, #add-place-map-container .card {
    z-index: 101;
}

#priority-input{
    font-size: absolute;
}

.account-button {
    position: absolute;
    bottom: 10%;
    left: 1%;
    right: 1%;    
}

#account-logo {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

/* design of infoWindow for adding reminders on map */
.add-button-title {
    margin-left:23px;
}
.add-container {
    height:100px;
    width: 164px;
}
.add-button {
    display: inline-block;
    height:90px;
    width: 82px;
    padding:20px 6px;
}
.add-button:first-of-type{
    margin-left:18px;
    margin-right:10px;
}
.add-button i{
    font-size: 24px;
    display:block;

}

/* design for infoWindow of existing reminders */
.contain{
   padding:6px 0px; 
}
.title {
    font-size:16px;
    font-weight:700;
}
.sub{
    font-size:14px;
}

/* style for drop down arrow in reminder options */
#details-form select,#add-task-form select{
    background:transparent;
    padding-right: 22px;
}

.arrow {
    font-size:24px;
    position:absolute;
    right:1px;
    bottom:5px;
    z-index: -1;
}