.css-grid-topbar {
    display: grid;
    grid-template-columns: .15fr 1fr .2fr;
    align-items: center;
    height: 50px;
}

.css-grid-col-13 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-21 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-31 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-41 {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 10px;
    padding: 10px;
}

.css-grid-col-51 {
    display: grid;
    grid-template-columns: 5fr 1fr;
    grid-column-gap: 10px;
    padding: 10px;
}

.css-grid-col-1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-1-1-2 {
    display: grid;
    grid-template-columns: .05fr 1fr;
    grid-column-gap: 5px;
    padding: 10px;
    padding-bottom: 0;
}

.css-grid-col-1-1-3x {
    display: grid;
    grid-template-columns: .05fr .05fr 1fr;
    grid-gap: 5px;
    padding: 10px;
    padding-bottom: 0;
}

.css-grid-row-2 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 10px;
    padding: 10px;
}

.align-self-end {
    align-self: end;
}

.justify-self-center {
    justify-self: center;
}

.css-grid-row-3 {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-1-2 {
    display: grid;
    grid-template-columns: .4fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-radio {
    display: grid;
    grid-template-columns: .01fr 2fr;
    grid-column-gap: 5px;
    align-items: center;
}


.css-grid-col-15 {
    display: inline-grid;
    grid-template-columns: 1fr 5fr;
    grid-column-gap: 20px;
    justify-items: left;
    padding: 10px;
    align-items: center;
}

.css-grid-col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

    .css-grid-col-3 .fullSpan {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

.css-grid-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
}

.css-grid-col-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    padding: 10px;
    align-items: end;
}

.css-grid-col-6 {
    display: grid;
    grid-template-columns: repeat(1fr, 6);
    grid-column-gap: 20px;
    padding: 10px;
}


@media only screen and (mmin-width: 600px) {
    .css-grid-col-2 {
        display: grid;
        grid-template-columns: none;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 20px;
        padding: 10px;
    }
}