/* textfield modifiers */
.mdl-textfield--fullw.mdl-textfield{
    width: 100%;
}
/* end textfield modifier */

/* Modifies mdl-card for data selection */
/* wrapper to use when center selection card */
.zselection_wrapper {
    display: flex;
    justify-content: center;
}
/* card modifiers */
.zselection--bigw.mdl-card {
    width: 100%;
    max-width: 800px;
}
.zselection--fullw.mdl-card {
    width: 100%;
}
.zselection--allow-overflow.mdl-card,
.zselection--allow-overflow.mdl-card .mdl-card__supporting-text{
    overflow: visible;
}
/* end card modifiers */

/* aesthetic modifiers */
.zselection .mdl-card__title {
    justify-content: center;
}
.zselection .mdl-card__supporting-text {
    width: 100%;
    text-align: justify;
}
.zselection .mdl-card__actions {
    text-align: center;
}
/* end aesthetic modifiers */

/* cell modifiers */
.zcell--center.mdl-cell {
    text-align: center;
    display: flex;
    align-items: center;
    outline: none;
}
.zcell--30h.mdl-cell {
    height: 30px;
    line-height: 30px;
}
.zcell--picker.mdl-cell input,
.zcell--select.mdl-cell select {
    width: 100%;
    height: 30px;
    border: 1px solid #ccc;
}
/* end cell modifiers */

/* button modifiers */
.zbutton--validate.mdl-button {
    background-color: var(--primarycolor)!important;
    color: white;
}
.zbutton--secondary.mdl-button {
    background-color: none;
    color: rgba(0,0,0,0.87);
}
.zbutton--secondary.mdl-button:hover {
    background-color: rgba(230,230,230,1);
    color: rgba(0,0,0,0.87);
}
.zbutton--secondary-inv.mdl-button {
    background-color: rgba(230,230,230,1);
    color: rgba(0,0,0,0.87);
}
.zbutton--secondary-inv.mdl-button:hover {
    background-color: none;
    color: rgba(0,0,0,0.87);
}
/* end button modifiers */