.button-label {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
    color: black;
    border-radius: 0.25em;
    background-color:ghostwhite;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
    transition: 0.3s;
    user-select: none;
    width:90%;
    height:50px;
}

.button-label:hover {
        background-color:lightgrey;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
    }

.button-label:active {
        transform: translateY(2px);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
    }


#rbCustomer:checked + .button-label {
    background-color:lightgreen;

}

#rbSupplier:checked + .button-label {
    background-color: lightgreen;
}


#rbSupplier, #rbCustomer {
    display: none;
}

a {
    text-decoration:none;
}


.selectionBoxLabel {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: black;
    overflow: hidden;
    position: relative;
    background-color: ghostwhite;
    cursor:pointer;
}

.selectionBoxLabelAltGreen {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: black;
    overflow: hidden;
    position: relative;
    background-color: palegreen;
    cursor: pointer;
}

.selectionBoxLabelAltRed {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: black;
    overflow: hidden;
    position: relative;
    background-color: lightpink;
    cursor: pointer;
}

.selectionBoxLabelAltRedTwo {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: black;
    overflow: hidden;
    position: relative;
    background-color: lightpink;
    cursor: pointer;
}

.selectionBoxLabelAltYellow {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: black;
    overflow: hidden;
    position: relative;
    background-color: lightyellow;
    cursor: pointer;
}

.selectionBoxLabelDisabled {
    width: 300px;
    border: 1px solid grey;
    margin: 30px 15px 30px 15px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    box-shadow: 0px 38px 10px -36px rgba(189,189,189,0.7);
    opacity: 1;
    transition: 1s;
    color: lightgray;
    overflow: hidden;
    position: relative;
    background-color: ghostwhite;
    cursor: pointer;
}

.selectionBoxLabel:hover {
    background-color: lightgreen;
}

.selectionBoxLabelAltYellow:hover {
    background-color: papayawhip;
}

.selectionBoxLabelAltRed:hover {
    background-color: lightcoral;  
}

.selectionBoxLabelAltRedTwo:hover {
    background-color: lightcoral;
    font-size: 18px;
}

.selectionBoxLabelAltGreen:hover {
    background-color: #e5ffde;
    font-size: 18px;
}


.gridViewItem {
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:6px;
    padding-top:6px;
}

.gridViewHeader {
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top:20px;
    padding-bottom:20px;
}

.gridViewItemAlt {
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.gridViewItemAltLeft {
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-align: justify;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.gridViewHeaderAlt {
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
}