.myform-col {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 30px;
grid-row-gap: 16px;
padding: 0px 0;
margin-bottom: 8px;
}

.myform-col.colgap0 {
    grid-column-gap: 0px;
}

.myform-col.colgap10 {
    grid-column-gap: 10px;
}

.myform-col.colgap20 {
    grid-column-gap: 20px;
}

.myform-col.colgap30 {
    grid-column-gap: 30px;
}

.myform-col.colgap40 {
    grid-column-gap: 40px;
}

.myform-col.colgap50 {
    grid-column-gap: 50px;
}

.myform-col.colgap60 {
    grid-column-gap: 60px;
}

.myform-col.colgap70 {
    grid-column-gap: 70px;
}

.myform-col.colgap80 {
    grid-column-gap: 80px;
}
.myform-col.mycol-2 {
    grid-template-columns: repeat(2, 1fr);
}

.myform-col.mycol-3 {
    grid-template-columns: repeat(3, 1fr);
}
.myform-col.mycol-4 {
    grid-template-columns: repeat(4, 1fr);
}
.myform-col.mycol-5 {
    grid-template-columns: repeat(5, 1fr);
}

.myform-col.mycol-6 {
    grid-template-columns: repeat(6, 1fr);
}

.myform-col.mycol-7 {
    grid-template-columns: repeat(7, 1fr);
}

.myform-col.mycol-8 {
    grid-template-columns: repeat(8, 1fr);
}

.myform-col.mycol-9 {
    grid-template-columns: repeat(9, 1fr);
}

.myform-col .form-group.merge1-3 {
    grid-column: 1 / 3; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
}

.myform-col .form-group.merge2-4 {
    grid-column: 2 / 4; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
}

.myform-col .form-group.merge3-5 {
    grid-column: 3 / 5; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
}

.myform-col.myinline .form-group {
    display: flex;
}

.myform-col .form-group {
    padding: 0 0px;
    margin: 0 !important;
    position: relative;
}
.myform-col .form-group label{
    font-weight: 300;
    font-size: 12px;
}