.form__column {
    // These are the same styles as bootstrap-style, fluid columns. The primary difference, is that the form__columns
    // are fixed width.
    float: left;
    margin: 0 15px;
}

.form__column--no-right-margin {
    margin-right: 0;
}

.form__column--no-right-padding {
    padding-right: 0;
}

.form__column--no-left-margin {
    margin-left: 0;
}

.form__column--no-left-padding {
    padding-left: 0;
}

.form__column--negative-left-margin {
    margin-left: -15px;
}

.form__column--small {
    width: 120px;
}

.form__column--default {
    width: @legacy-width-size2;
}

.form__column--medium {
    width: 315px;
}

.form__column--large {
    width: 427.5px;
}

.form__column--email {
    width: 240px;
}

.form__column--datepicker {
    width: @datepicker-width;
}

.form__column--datepicker-range {
    width: 125px;
}

.form__column--timezone {
    width: 540px;
}

.form__column--datepicker-in-grid {
    width: 148px;
}

.form__column--auto-width {
    width: auto;
}

.form__column--full-width {
    width: 100%;
}

.form__column--unit-number {
    width: 120px;
}

.form__column--account-number {
    width: 150px;
}

.form__column--short-text {
    width: 120px;
}

.form__column--width-160 {
    width: 160px;
}

.form__column--padding {
    margin: 0;
    padding: 0 15px;
}

// To be used with bootstrap grid columns
.col-xs-datepicker {
    width: 140px;
}

.datepicker--right-60 {
    right: 60px
}