@media only screen and (min-width : 1025px) {
    input:not([type]), input[type="text"], select {
        min-width: 110px;
    }

    [responsivegrid] > input:not([type]), [responsivegrid] > input[type="text"] {
        min-width: 0px;
    }

    .controlSize1 {
        width: 120px;
    }

    .controlSize2 {
        width: 180px;
    }

    .controlSize3 {
        width: 280px;
    }

    .controlSize4 {
        width: 330px;
    }

    .controlSize5 {
        width: 50%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 70%;
    }

    .controlSize8 {
        width: 80%;
    }

    .controlSize9 {
        width: 90%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

    .controlSizeOtherGrid {
        width: 400px;
    }
}

@media only screen and (min-width : 769px) and (max-width : 1024px) {

    input:not([type]), input[type="text"], select {
        min-width: 140px;
    }

    [responsivegridcolumn] input[type="text"] {
        min-width: 110px;
        padding: 6px 4px;
    }

    [dynamicgrid] {
        width: 95%;
    }

    [dynamicgridcolumn] .form-control {
        padding: 6px 4px;
    }

    [dynamicgridcolumn] input[type="text"] {
        min-width: 95px;
        padding: 6px 4px;
    }

    .controlSize1 {
        width: 38%;
    }

    .controlSize2 {
        width: 38%;
    }

    .controlSize3 {
        width: 45%;
    }

    .controlSize4 {
        width: 50%;
    }

    .controlSize5 {
        width: 50%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 70%;
    }

    .controlSize8 {
        width: 80%;
    }

    .controlSize9 {
        width: 90%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

    .controlSizeOtherGrid {
        width: 400px;
    }
}

@media only screen and (min-width : 560px) and (max-width : 768px) {
    input:not([type]), input[type="text"], select {
        min-width: 160px;
    }

    .controlSize1 {
        width: 50%;
    }

    .controlSize2 {
        width: 50%;
    }

    .controlSize3 {
        width: 50%;
    }

    .controlSize4 {
        width: 60%;
    }

    .controlSize5 {
        width: 60%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 75%;
    }

    .controlSize8 {
        width: 75%;
    }

    .controlSize9 {
        width: 75%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

    .controlSizeOtherGrid {
        width: 100%;
    }
}

@media only screen and (max-width : 559px) {
    .controlSize1 {
        width: 100%;
    }

    .controlSize2 {
        width: 100%;
    }

    .controlSize3 {
        width: 100%;
    }

    .controlSize4 {
        width: 100%;
    }

    .controlSize5 {
        width: 100%;
    }

    .controlSize6 {
        width: 100%;
    }

    .controlSize7 {
        width: 100%;
    }

    .controlSize8 {
        width: 100%;
    }

    .controlSize9 {
        width: 100%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }


    .controlSizeOtherGrid {
        width: 100%;
    }
}

.fullSize {
    width: 100%;
    margin: 0;
}

.gridvariable {
    margin: 0;
}

@media only screen and (max-width : 1024px) {
    .gridvariable {
        width: 100%;
        margin: 0;
    }

    [responsivegrid] {
        width: 95%;
    }

    [containertype='VariableControl'] {
        margin: 0;
    }
}

/*fixed 20 Pixels*/
.Fixed20Pixels {
    width: 25px;
    overflow:hidden;
    display: block;
}

/*fixed 40 Pixels*/
.Fixed40Pixels {
    width: 40px;
    overflow:hidden;
    display: block;
}

.Uppercase {
    text-transform: uppercase;
}