// @DO - do not modify this file unless requested by the client

// padding
.padding-0 {
    padding: 0;
}
.padding-top-0 {
    padding-top: 0;
}
.padding-right-0 {
    padding-right: 0;
}
.padding-bottom-0 {
    padding-bottom: 0;
}
.padding-left-0 {
    padding-left: 0;
}
.padding-y-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.padding-x-0 {
    padding-left: 0;
    padding-right: 0;
}
.padding-1 {
    padding: @djo-space-01;
}
.padding-top-1 {
    padding-top: @djo-space-01;
}
.padding-right-1 {
    padding-right: @djo-space-01;
}
.padding-bottom-1 {
    padding-bottom: @djo-space-01;
}
.padding-left-1 {
    padding-left: @djo-space-01;
}
.padding-y-1 {
    padding-bottom: @djo-space-01;
    padding-top: @djo-space-01;
}
.padding-x-1 {
    padding-left: @djo-space-01;
    padding-right: @djo-space-01;
}
.padding-2 {
    padding: @djo-space-02;
}
.padding-top-2 {
    padding-top: @djo-space-02;
}
.padding-right-2 {
    padding-right: @djo-space-02;
}
.padding-bottom-2 {
    padding-bottom: @djo-space-02;
}
.padding-left-2 {
    padding-left: @djo-space-02;
}
.padding-y-2 {
    padding-bottom: @djo-space-02;
    padding-top: @djo-space-02;
}
.padding-x-2 {
    padding-left: @djo-space-02;
    padding-right: @djo-space-02;
}
.padding-3 {
    padding: @djo-space-03;
}
.padding-top-3 {
    padding-top: @djo-space-03;
}
.padding-right-3 {
    padding-right: @djo-space-03;
}
.padding-bottom-3 {
    padding-bottom: @djo-space-03;
}
.padding-left-3 {
    padding-left: @djo-space-03;
}
.padding-y-3 {
    padding-bottom: @djo-space-03;
    padding-top: @djo-space-03;
}
.padding-x-3 {
    padding-left: @djo-space-03;
    padding-right: @djo-space-03;
}

// margin
.margin-0 {
    margin: 0;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-right-0 {
    margin-right: 0;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-left-0 {
    margin-left: 0;
}
.margin-y-0 {
    margin-bottom: 0;
    margin-top: 0;
}
.margin-x-0 {
    margin-left: 0;
    margin-right: 0;
}
.margin-1 {
    margin: @djo-space-01;
}
.margin-top-1 {
    margin-top: @djo-space-01;
}
.margin-right-1 {
    margin-right: @djo-space-01;
}
.margin-bottom-1 {
    margin-bottom: @djo-space-01;
}
.margin-left-1 {
    margin-left: @djo-space-01;
}
.margin-y-1 {
    margin-bottom: @djo-space-01;
    margin-top: @djo-space-01;
}
.margin-x-1 {
    margin-left: @djo-space-01;
    margin-right: @djo-space-01;
}
.margin-2 {
    margin: @djo-space-02;
}
.margin-top-2 {
    margin-top: @djo-space-02;
}
.margin-right-2 {
    margin-right: @djo-space-02;
}
.margin-bottom-2 {
    margin-bottom: @djo-space-02;
}
.margin-left-2 {
    margin-left: @djo-space-02;
}
.margin-y-2 {
    margin-bottom: @djo-space-02;
    margin-top: @djo-space-02;
}
.margin-x-2 {
    margin-left: @djo-space-02;
    margin-right: @djo-space-02;
}
.margin-3 {
    margin: @djo-space-03;
}
.margin-top-3 {
    margin-top: @djo-space-03;
}
.margin-right-3 {
    margin-right: @djo-space-03;
}
.margin-bottom-3 {
    margin-bottom: @djo-space-03;
}
.margin-left-3 {
    margin-left: @djo-space-03;
}
.margin-y-3 {
    margin-bottom: @djo-space-03;
    margin-top: @djo-space-03;
}
.margin-x-3 {
    margin-left: @djo-space-03;
    margin-right: @djo-space-03;
}

@media (min-width: @djo-screen-sm-min) {
    // padding
    .padding-sm-0 {
        padding: 0;
    }
    .padding-sm-top-0 {
        padding-top: 0;
    }
    .padding-sm-right-0 {
        padding-right: 0;
    }
    .padding-sm-bottom-0 {
        padding-bottom: 0;
    }
    .padding-sm-left-0 {
        padding-left: 0;
    }
    .padding-sm-y-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .padding-sm-x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-sm-1 {
        padding: @djo-space-01;
    }
    .padding-sm-top-1 {
        padding-top: @djo-space-01;
    }
    .padding-sm-right-1 {
        padding-right: @djo-space-01;
    }
    .padding-sm-bottom-1 {
        padding-bottom: @djo-space-01;
    }
    .padding-sm-left-1 {
        padding-left: @djo-space-01;
    }
    .padding-sm-y-1 {
        padding-bottom: @djo-space-01;
        padding-top: @djo-space-01;
    }
    .padding-sm-x-1 {
        padding-left: @djo-space-01;
        padding-right: @djo-space-01;
    }
    .padding-sm-2 {
        padding: @djo-space-02;
    }
    .padding-sm-top-2 {
        padding-top: @djo-space-02;
    }
    .padding-sm-right-2 {
        padding-right: @djo-space-02;
    }
    .padding-sm-bottom-2 {
        padding-bottom: @djo-space-02;
    }
    .padding-sm-left-2 {
        padding-left: @djo-space-02;
    }
    .padding-sm-y-2 {
        padding-bottom: @djo-space-02;
        padding-top: @djo-space-02;
    }
    .padding-sm-x-2 {
        padding-left: @djo-space-02;
        padding-right: @djo-space-02;
    }
    .padding-sm-3 {
        padding: @djo-space-03;
    }
    .padding-sm-top-3 {
        padding-top: @djo-space-03;
    }
    .padding-sm-right-3 {
        padding-right: @djo-space-03;
    }
    .padding-sm-bottom-3 {
        padding-bottom: @djo-space-03;
    }
    .padding-sm-left-3 {
        padding-left: @djo-space-03;
    }
    .padding-sm-y-3 {
        padding-bottom: @djo-space-03;
        padding-top: @djo-space-03;
    }
    .padding-sm-x-3 {
        padding-left: @djo-space-03;
        padding-right: @djo-space-03;
    }

    // margin
    .margin-sm-0 {
        margin: 0;
    }
    .margin-sm-top-0 {
        margin-top: 0;
    }
    .margin-sm-right-0 {
        margin-right: 0;
    }
    .margin-sm-bottom-0 {
        margin-bottom: 0;
    }
    .margin-sm-left-0 {
        margin-left: 0;
    }
    .margin-sm-y-0 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .margin-sm-x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-sm-1 {
        margin: @djo-space-01;
    }
    .margin-sm-top-1 {
        margin-top: @djo-space-01;
    }
    .margin-sm-right-1 {
        margin-right: @djo-space-01;
    }
    .margin-sm-bottom-1 {
        margin-bottom: @djo-space-01;
    }
    .margin-sm-left-1 {
        margin-left: @djo-space-01;
    }
    .margin-sm-y-1 {
        margin-bottom: @djo-space-01;
        margin-top: @djo-space-01;
    }
    .margin-sm-x-1 {
        margin-left: @djo-space-01;
        margin-right: @djo-space-01;
    }
    .margin-sm-2 {
        margin: @djo-space-02;
    }
    .margin-sm-top-2 {
        margin-top: @djo-space-02;
    }
    .margin-sm-right-2 {
        margin-right: @djo-space-02;
    }
    .margin-sm-bottom-2 {
        margin-bottom: @djo-space-02;
    }
    .margin-sm-left-2 {
        margin-left: @djo-space-02;
    }
    .margin-sm-y-2 {
        margin-bottom: @djo-space-02;
        margin-top: @djo-space-02;
    }
    .margin-sm-x-2 {
        margin-left: @djo-space-02;
        margin-right: @djo-space-02;
    }
    .margin-sm-3 {
        margin: @djo-space-03;
    }
    .margin-sm-top-3 {
        margin-top: @djo-space-03;
    }
    .margin-sm-right-3 {
        margin-right: @djo-space-03;
    }
    .margin-sm-bottom-3 {
        margin-bottom: @djo-space-03;
    }
    .margin-sm-left-3 {
        margin-left: @djo-space-03;
    }
    .margin-sm-y-3 {
        margin-bottom: @djo-space-03;
        margin-top: @djo-space-03;
    }
    .margin-sm-x-3 {
        margin-left: @djo-space-03;
        margin-right: @djo-space-03;
    }
}

@media (min-width: @djo-screen-md-min) {
    // padding
    .padding-md-0 {
        padding: 0;
    }
    .padding-md-top-0 {
        padding-top: 0;
    }
    .padding-md-right-0 {
        padding-right: 0;
    }
    .padding-md-bottom-0 {
        padding-bottom: 0;
    }
    .padding-md-left-0 {
        padding-left: 0;
    }
    .padding-md-y-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .padding-md-x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-md-1 {
        padding: @djo-space-01;
    }
    .padding-md-top-1 {
        padding-top: @djo-space-01;
    }
    .padding-md-right-1 {
        padding-right: @djo-space-01;
    }
    .padding-md-bottom-1 {
        padding-bottom: @djo-space-01;
    }
    .padding-md-left-1 {
        padding-left: @djo-space-01;
    }
    .padding-md-y-1 {
        padding-bottom: @djo-space-01;
        padding-top: @djo-space-01;
    }
    .padding-md-x-1 {
        padding-left: @djo-space-01;
        padding-right: @djo-space-01;
    }
    .padding-md-2 {
        padding: @djo-space-02;
    }
    .padding-md-top-2 {
        padding-top: @djo-space-02;
    }
    .padding-md-right-2 {
        padding-right: @djo-space-02;
    }
    .padding-md-bottom-2 {
        padding-bottom: @djo-space-02;
    }
    .padding-md-left-2 {
        padding-left: @djo-space-02;
    }
    .padding-md-y-2 {
        padding-bottom: @djo-space-02;
        padding-top: @djo-space-02;
    }
    .padding-md-x-2 {
        padding-left: @djo-space-02;
        padding-right: @djo-space-02;
    }
    .padding-md-3 {
        padding: @djo-space-03;
    }
    .padding-md-top-3 {
        padding-top: @djo-space-03;
    }
    .padding-md-right-3 {
        padding-right: @djo-space-03;
    }
    .padding-md-bottom-3 {
        padding-bottom: @djo-space-03;
    }
    .padding-md-left-3 {
        padding-left: @djo-space-03;
    }
    .padding-md-y-3 {
        padding-bottom: @djo-space-03;
        padding-top: @djo-space-03;
    }
    .padding-md-x-3 {
        padding-left: @djo-space-03;
        padding-right: @djo-space-03;
    }

    // margin
    .margin-md-0 {
        margin: 0;
    }
    .margin-md-top-0 {
        margin-top: 0;
    }
    .margin-md-right-0 {
        margin-right: 0;
    }
    .margin-md-bottom-0 {
        margin-bottom: 0;
    }
    .margin-md-left-0 {
        margin-left: 0;
    }
    .margin-md-y-0 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .margin-md-x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-md-1 {
        margin: @djo-space-01;
    }
    .margin-md-top-1 {
        margin-top: @djo-space-01;
    }
    .margin-md-right-1 {
        margin-right: @djo-space-01;
    }
    .margin-md-bottom-1 {
        margin-bottom: @djo-space-01;
    }
    .margin-md-left-1 {
        margin-left: @djo-space-01;
    }
    .margin-md-y-1 {
        margin-bottom: @djo-space-01;
        margin-top: @djo-space-01;
    }
    .margin-md-x-1 {
        margin-left: @djo-space-01;
        margin-right: @djo-space-01;
    }
    .margin-md-2 {
        margin: @djo-space-02;
    }
    .margin-md-top-2 {
        margin-top: @djo-space-02;
    }
    .margin-md-right-2 {
        margin-right: @djo-space-02;
    }
    .margin-md-bottom-2 {
        margin-bottom: @djo-space-02;
    }
    .margin-md-left-2 {
        margin-left: @djo-space-02;
    }
    .margin-md-y-2 {
        margin-bottom: @djo-space-02;
        margin-top: @djo-space-02;
    }
    .margin-md-x-2 {
        margin-left: @djo-space-02;
        margin-right: @djo-space-02;
    }
    .margin-md-3 {
        margin: @djo-space-03;
    }
    .margin-md-top-3 {
        margin-top: @djo-space-03;
    }
    .margin-md-right-3 {
        margin-right: @djo-space-03;
    }
    .margin-md-bottom-3 {
        margin-bottom: @djo-space-03;
    }
    .margin-md-left-3 {
        margin-left: @djo-space-03;
    }
    .margin-md-y-3 {
        margin-bottom: @djo-space-03;
        margin-top: @djo-space-03;
    }
    .margin-md-x-3 {
        margin-left: @djo-space-03;
        margin-right: @djo-space-03;
    }
}

@media (min-width: @djo-screen-lg-min) {
    // padding
    .padding-lg-0 {
        padding: 0;
    }
    .padding-lg-top-0 {
        padding-top: 0;
    }
    .padding-lg-right-0 {
        padding-right: 0;
    }
    .padding-lg-bottom-0 {
        padding-bottom: 0;
    }
    .padding-lg-left-0 {
        padding-left: 0;
    }
    .padding-lg-y-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .padding-lg-x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-lg-1 {
        padding: @djo-space-01;
    }
    .padding-lg-top-1 {
        padding-top: @djo-space-01;
    }
    .padding-lg-right-1 {
        padding-right: @djo-space-01;
    }
    .padding-lg-bottom-1 {
        padding-bottom: @djo-space-01;
    }
    .padding-lg-left-1 {
        padding-left: @djo-space-01;
    }
    .padding-lg-y-1 {
        padding-bottom: @djo-space-01;
        padding-top: @djo-space-01;
    }
    .padding-lg-x-1 {
        padding-left: @djo-space-01;
        padding-right: @djo-space-01;
    }
    .padding-lg-2 {
        padding: @djo-space-02;
    }
    .padding-lg-top-2 {
        padding-top: @djo-space-02;
    }
    .padding-lg-right-2 {
        padding-right: @djo-space-02;
    }
    .padding-lg-bottom-2 {
        padding-bottom: @djo-space-02;
    }
    .padding-lg-left-2 {
        padding-left: @djo-space-02;
    }
    .padding-lg-y-2 {
        padding-bottom: @djo-space-02;
        padding-top: @djo-space-02;
    }
    .padding-lg-x-2 {
        padding-left: @djo-space-02;
        padding-right: @djo-space-02;
    }
    .padding-lg-3 {
        padding: @djo-space-03;
    }
    .padding-lg-top-3 {
        padding-top: @djo-space-03;
    }
    .padding-lg-right-3 {
        padding-right: @djo-space-03;
    }
    .padding-lg-bottom-3 {
        padding-bottom: @djo-space-03;
    }
    .padding-lg-left-3 {
        padding-left: @djo-space-03;
    }
    .padding-lg-y-3 {
        padding-bottom: @djo-space-03;
        padding-top: @djo-space-03;
    }
    .padding-lg-x-3 {
        padding-left: @djo-space-03;
        padding-right: @djo-space-03;
    }

    // margin
    .margin-lg-0 {
        margin: 0;
    }
    .margin-lg-top-0 {
        margin-top: 0;
    }
    .margin-lg-right-0 {
        margin-right: 0;
    }
    .margin-lg-bottom-0 {
        margin-bottom: 0;
    }
    .margin-lg-left-0 {
        margin-left: 0;
    }
    .margin-lg-y-0 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .margin-lg-x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-lg-1 {
        margin: @djo-space-01;
    }
    .margin-lg-top-1 {
        margin-top: @djo-space-01;
    }
    .margin-lg-right-1 {
        margin-right: @djo-space-01;
    }
    .margin-lg-bottom-1 {
        margin-bottom: @djo-space-01;
    }
    .margin-lg-left-1 {
        margin-left: @djo-space-01;
    }
    .margin-lg-y-1 {
        margin-bottom: @djo-space-01;
        margin-top: @djo-space-01;
    }
    .margin-lg-x-1 {
        margin-left: @djo-space-01;
        margin-right: @djo-space-01;
    }
    .margin-lg-2 {
        margin: @djo-space-02;
    }
    .margin-lg-top-2 {
        margin-top: @djo-space-02;
    }
    .margin-lg-right-2 {
        margin-right: @djo-space-02;
    }
    .margin-lg-bottom-2 {
        margin-bottom: @djo-space-02;
    }
    .margin-lg-left-2 {
        margin-left: @djo-space-02;
    }
    .margin-lg-y-2 {
        margin-bottom: @djo-space-02;
        margin-top: @djo-space-02;
    }
    .margin-lg-x-2 {
        margin-left: @djo-space-02;
        margin-right: @djo-space-02;
    }
    .margin-lg-3 {
        margin: @djo-space-03;
    }
    .margin-lg-top-3 {
        margin-top: @djo-space-03;
    }
    .margin-lg-right-3 {
        margin-right: @djo-space-03;
    }
    .margin-lg-bottom-3 {
        margin-bottom: @djo-space-03;
    }
    .margin-lg-left-3 {
        margin-left: @djo-space-03;
    }
    .margin-lg-y-3 {
        margin-bottom: @djo-space-03;
        margin-top: @djo-space-03;
    }
    .margin-lg-x-3 {
        margin-left: @djo-space-03;
        margin-right: @djo-space-03;
    }
}