.sm-error {
    outline: 1px solid red;
}

.sm-success {
    outline: 1px solid green;
}
.container {
    width: auto!important;
}

html {
    overflow-y: auto;
}

@media (max-width: 698px) {
    html .col-md-1, html .col-md-2, html .col-md-3, html .col-md-4, html .col-md-5, html .col-md-6, html .col-md-7, html .col-md-8, html .col-md-9, html .col-md-10, html .col-md-11, html .col-md-12 {
        float: none!important;
        width: 100%!important;
    }
}

@media (min-width: 699px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    html .col-md-12 {
        width: 100%!important;
    }

    html .col-md-11 {
        width: 91.66666666666666%!important;
    }

    html .col-md-10 {
        width: 83.33333333333334%!important;
    }

    html .col-md-9 {
        width: 75%!important;
    }

    html .col-md-8 {
        width: 66.66666666666666%!important;
    }

    html .col-md-7 {
        width: 58.333333333333336%!important;
    }

    html .col-md-6 {
        width: 50%!important;
    }

    html .col-md-5 {
        width: 41.66666666666667%!important;
    }

    html .col-md-4 {
        width: 33.33333333333333%!important;
    }

    html .col-md-3 {
        width: 25%!important;
    }

    html .col-md-2 {
        width: 16.666666666666664%!important;
    }

    html .col-md-1 {
        width: 8.333333333333332%!important;
    }
}