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

// taken from basecss (http://basscss.com/#basscss-flexbox)

.flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-column {
    -webkit-flex-direction: column;
     -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.flex-nowrap {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}
.items-start {
    -webkit-align-items: flex-start;
     -ms-grid-row-align: flex-start;
      -webkit-box-align: start;
         -ms-flex-align: start;
            align-items: flex-start;
}
.items-end {
    -webkit-align-items: flex-end;
     -ms-grid-row-align: flex-end;
      -webkit-box-align: end;
         -ms-flex-align: end;
            align-items: flex-end;
}
.items-center {
    -webkit-align-items: center;
     -ms-grid-row-align: center;
      -webkit-box-align: center;
         -ms-flex-align: center;
            align-items: center;
}
.items-baseline {
    -webkit-align-items: baseline;
     -ms-grid-row-align: baseline;
      -webkit-box-align: baseline;
         -ms-flex-align: baseline;
            align-items: baseline;
}
.items-stretch {
    -webkit-align-items: stretch;
     -ms-grid-row-align: stretch;
      -webkit-box-align: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
}
.self-start {
   -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
            align-self: flex-start;
}
.self-end {
   -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
            align-self: flex-end;
}
.self-center {
    -ms-flex-item-align: center;
     -webkit-align-self: center;
             align-self: center;
}
.self-baseline {
    -ms-flex-item-align: baseline;
     -webkit-align-self: baseline;
             align-self: baseline;
}
.self-stretch {
    -ms-flex-item-align: stretch;
     -webkit-align-self: stretch;
             align-self: stretch;
}
.justify-start {
    -webkit-justify-content: flex-start;
           -webkit-box-pack: start;
              -ms-flex-pack: start;
            justify-content: flex-start;
}
.justify-end {
    -webkit-justify-content: flex-end;
           -webkit-box-pack: end;
              -ms-flex-pack: end;
            justify-content: flex-end;
}
.justify-center {
    -webkit-justify-content: center;
           -webkit-box-pack: center;
              -ms-flex-pack: center;
            justify-content: center;
}
.justify-between {
    -webkit-justify-content: space-between;
           -webkit-box-pack: justify;
              -ms-flex-pack: justify;
            justify-content: space-between;
}
.justify-around {
    -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
            justify-content: space-around;
}
.content-start {
    -webkit-align-content: flex-start;
       -ms-flex-line-pack: start;
            align-content: flex-start;
}
.content-end {
    -webkit-align-content: flex-end;
       -ms-flex-line-pack: end;
            align-content: flex-end;
}
.content-center {
    -webkit-align-content: center;
       -ms-flex-line-pack: center;
            align-content: center;
}
.content-between {
    -webkit-align-content: space-between;
       -ms-flex-line-pack: justify;
            align-content: space-between;
}
.content-around {
    -webkit-align-content: space-around;
       -ms-flex-line-pack: distribute;
            align-content: space-around;
}
.content-stretch {
    -webkit-align-content: stretch;
       -ms-flex-line-pack: stretch;
            align-content: stretch;
}
.flex-auto {
    -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}
.flex-none {
    -webkit-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none;
}
.order-0 {
    -webkit-box-ordinal-group: 1;
                -webkit-order: 0;
               -ms-flex-order: 0;
                        order: 0;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
                -webkit-order: 1;
               -ms-flex-order: 1;
                        order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
                -webkit-order: 2;
               -ms-flex-order: 2;
                        order: 2;
}
.order-3 {
    -webkit-box-ordinal-group: 4;
                -webkit-order: 3;
               -ms-flex-order: 3;
                        order: 3;
}
.order-last {
    -webkit-box-ordinal-group: 100000;
                -webkit-order: 99999;
               -ms-flex-order: 99999;
                        order: 99999;
}
.flex-whole {
    -ms-flex-preferred-size: 100%;
                 flex-basis: 100%;
}
.flex-half {
    -ms-flex-preferred-size: 50%;
                 flex-basis: 50%;
}
.flex-third {
    -ms-flex-preferred-size: 33.33%;
                 flex-basis: 33.33%;
}
.flex-quarter {
    -ms-flex-preferred-size: 25%;
                 flex-basis: 25%;
}
.flex-fifth {
    -ms-flex-preferred-size: 20%;
                 flex-basis: 20%;
}

@media (min-width: @djo-screen-sm-min) {
    .flex-sm {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .flex-sm-whole {
        -ms-flex-preferred-size: 100%;
                     flex-basis: 100%;
    }
    .flex-sm-half {
        -ms-flex-preferred-size: 50%;
                     flex-basis: 50%;
    }
    .flex-sm-third {
        -ms-flex-preferred-size: 33.33%;
                     flex-basis: 33.33%;
    }
    .flex-sm-quarter {
        -ms-flex-preferred-size: 25%;
                     flex-basis: 25%;
    }
    .flex-sm-fifth {
        -ms-flex-preferred-size: 20%;
                     flex-basis: 20%;
    }
}

@media (min-width: @djo-screen-md-min) {
    .flex-md {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .flex-md-whole {
        -ms-flex-preferred-size: 100%;
                     flex-basis: 100%;
    }
    .flex-md-half {
        -ms-flex-preferred-size: 50%;
                     flex-basis: 50%;
    }
    .flex-md-third {
        -ms-flex-preferred-size: 33.33%;
                     flex-basis: 33.33%;
    }
    .flex-md-quarter {
        -ms-flex-preferred-size: 25%;
                     flex-basis: 25%;
    }
    .flex-md-fifth {
        -ms-flex-preferred-size: 20%;
                     flex-basis: 20%;
    }
}

@media (min-width: @djo-screen-lg-min) {
    .flex-lg {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .flex-lg-whole {
        -ms-flex-preferred-size: 100%;
                     flex-basis: 100%;
    }
    .flex-lg-half {
        -ms-flex-preferred-size: 50%;
                     flex-basis: 50%;
    }
    .flex-lg-third {
        -ms-flex-preferred-size: 33.33%;
                     flex-basis: 33.33%;
    }
    .flex-lg-quarter {
        -ms-flex-preferred-size: 25%;
                     flex-basis: 25%;
    }
    .flex-lg-fifth {
        -ms-flex-preferred-size: 20%;
                     flex-basis: 20%;
    }
}