/*************** inspections menu, fly.js */

#topPayMenu {

    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    width: 100%;
    align-items: center;
    margin: 100px;
    margin-bottom: 250px;

}

.topMenuWrap {

    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    width: 100%;
    align-items: center;
    top: 100px;
    margin: 100px;
    margin-bottom: 250px;

}


.topMenuCard {

    width:100%;
    min-height: 200px;
    padding: 10px;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    box-shadow:4px 4px 15px black;
    text-align: center;

    
}

.payButtons {

    background: linear-gradient(saddlebrown,rgb(94, 46, 13));
    color: antiquewhite;

}

.payButtons:hover {

    background: linear-gradient(rgb(94, 46, 13),saddlebrown);
    color:yellow;
    cursor: pointer;


}

.admButtons {

    background: linear-gradient(rgb(85,85,85),rgb(36,36,36));
    color: antiquewhite;

}

.admButtons:hover {

    background: linear-gradient(rgb(36, 36, 36),rgb(85, 85, 85));
    color:yellow;
    cursor: pointer;


}