﻿/* mobile button ordering */
.actionToolbar .atButtons .bm-seq0 {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    -ms-order: 0;
    order: 0;
}
.actionToolbar .atButtons .bm-seq1 {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -ms-order: 1;
    order: 1;
}
.actionToolbar .atButtons .bm-seq2 {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    order: 2;
}
.actionToolbar .atButtons .bm-seq3 {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    -ms-order: 3;
    order: 3;
}
.actionToolbar .atButtons .bm-seq4 {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    -ms-order: 4;
    order: 4;
}
.actionToolbar .atButtons .bm-seq5 {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    -ms-order: 5;
    order: 5;
}
.actionToolbar .atButtons .bm-seq6 {
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    -ms-order: 6;
    order: 6;
}
.actionToolbar .atButtons .bm-seq7 {
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    -ms-order: 7;
    order: 7;
}
.actionToolbar .atButtons .bm-seq8 {
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    -ms-order: 8;
    order: 8;
}
.actionToolbar .atButtons .bm-seq9 {
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    -ms-order: 9;
    order: 9;
}
.actionToolbar .atButtons .bm-seq10 {
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    -ms-order: 10;
    order: 10;
}
.actionToolbar .atButtons .bm-seq11 {
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    -ms-order: 11;
    order: 11;
}
.actionToolbar .atButtons .bm-seq12 {
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    -ms-order: 12;
    order: 12;
}

.actionToolbar .atButtonsSecondary .sbm-seq0 {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    -ms-order: 0;
    order: 0;
}
.actionToolbar .atButtonsSecondary .sbm-seq1 {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    -ms-order: 1;
    order: 1;
}
.actionToolbar .atButtonsSecondary .sbm-seq2 {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    -ms-order: 2;
    order: 2;
}
.actionToolbar .atButtonsSecondary .sbm-seq3 {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    -ms-order: 3;
    order: 3;
}
.actionToolbar .atButtonsSecondary .sbm-seq4 {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    -ms-order: 4;
    order: 4;
}
.actionToolbar .atButtonsSecondary .sbm-seq5 {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    -ms-order: 5;
    order: 5;
}
.actionToolbar .atButtonsSecondary .sbm-seq6 {
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    -ms-order: 6;
    order: 6;
}
.actionToolbar .atButtonsSecondary .sbm-seq7 {
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    -ms-order: 7;
    order: 7;
}
.actionToolbar .atButtonsSecondary .sbm-seq8 {
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    -ms-order: 8;
    order: 8;
}
.actionToolbar .atButtonsSecondary .sbm-seq9 {
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    -ms-order: 9;
    order: 9;
}
.actionToolbar .atButtonsSecondary .sbm-seq10 {
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    -ms-order: 10;
    order: 10;
}
.actionToolbar .atButtonsSecondary .sbm-seq11 {
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    -ms-order: 11;
    order: 11;
}
.actionToolbar .atButtonsSecondary .sbm-seq12 {
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    -ms-order: 12;
    order: 12;
}


/* tablet button ordering */
@media (min-width:767px) {
    .actionToolbar .atButtons .bt-seq0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -ms-order: 0;
        order: 0;
    }
    .actionToolbar .atButtons .bt-seq1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .actionToolbar .atButtons .bt-seq2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .actionToolbar .atButtons .bt-seq3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        -ms-order: 3;
        order: 3;
    }
    .actionToolbar .atButtons .bt-seq4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        -ms-order: 4;
        order: 4;
    }
    .actionToolbar .atButtons .bt-seq5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-flex-order: 5;
        -ms-order: 5;
        order: 5;
    }
    .actionToolbar .atButtons .bt-seq6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-flex-order: 6;
        -ms-order: 6;
        order: 6;
    }
    .actionToolbar .atButtons .bt-seq7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-flex-order: 7;
        -ms-order: 7;
        order: 7;
    }
    .actionToolbar .atButtons .bt-seq8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-flex-order: 8;
        -ms-order: 8;
        order: 8;
    }
    .actionToolbar .atButtons .bt-seq9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-flex-order: 9;
        -ms-order: 9;
        order: 9;
    }
    .actionToolbar .atButtons .bt-seq10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-flex-order: 10;
        -ms-order: 10;
        order: 10;
    }
    .actionToolbar .atButtons .bt-seq11 {
        -webkit-order: 11;
        -moz-order: 11;
        -ms-flex-order: 11;
        -ms-order: 11;
        order: 11;
    }
    .actionToolbar .atButtons .bt-seq12 {
        -webkit-order: 12;
        -moz-order: 12;
        -ms-flex-order: 12;
        -ms-order: 12;
        order: 12;
    }

    .actionToolbar .atButtonsSecondary .sbt-seq0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -ms-order: 0;
        order: 0;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        -ms-order: 3;
        order: 3;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        -ms-order: 4;
        order: 4;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-flex-order: 5;
        -ms-order: 5;
        order: 5;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-flex-order: 6;
        -ms-order: 6;
        order: 6;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-flex-order: 7;
        -ms-order: 7;
        order: 7;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-flex-order: 8;
        -ms-order: 8;
        order: 8;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-flex-order: 9;
        -ms-order: 9;
        order: 9;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-flex-order: 10;
        -ms-order: 10;
        order: 10;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq11 {
        -webkit-order: 11;
        -moz-order: 11;
        -ms-flex-order: 11;
        -ms-order: 11;
        order: 11;
    }
    .actionToolbar .atButtonsSecondary .sbt-seq12 {
        -webkit-order: 12;
        -moz-order: 12;
        -ms-flex-order: 12;
        -ms-order: 12;
        order: 12;
    }
}

/* desktop button ordering */
@media (min-width:1000px) {
    .actionToolbar .atButtons {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .actionToolbar .atButtons .atButtonMore {
        -webkit-order: 20;
        -moz-order: 20;
        -ms-flex-order: 20;
        -ms-order: 20;
        order: 20;
    }

    .actionToolbar .atButtons .bd-seq0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -ms-order: 0;
        order: 0;
    }
    .actionToolbar .atButtons .bd-seq1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .actionToolbar .atButtons .bd-seq2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .actionToolbar .atButtons .bd-seq3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        -ms-order: 3;
        order: 3;
    }
    .actionToolbar .atButtons .bd-seq4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        -ms-order: 4;
        order: 4;
    }
    .actionToolbar .atButtons .bd-seq5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-flex-order: 5;
        -ms-order: 5;
        order: 5;
    }
    .actionToolbar .atButtons .bd-seq6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-flex-order: 6;
        -ms-order: 6;
        order: 6;
    }
    .actionToolbar .atButtons .bd-seq7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-flex-order: 7;
        -ms-order: 7;
        order: 7;
    }
    .actionToolbar .atButtons .bd-seq8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-flex-order: 8;
        -ms-order: 8;
        order: 8;
    }
    .actionToolbar .atButtons .bd-seq9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-flex-order: 9;
        -ms-order: 9;
        order: 9;
    }
    .actionToolbar .atButtons .bd-seq10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-flex-order: 10;
        -ms-order: 10;
        order: 10;
    }
    .actionToolbar .atButtons .bd-seq11 {
        -webkit-order: 11;
        -moz-order: 11;
        -ms-flex-order: 11;
        -ms-order: 11;
        order: 11;
    }
    .actionToolbar .atButtons .bd-seq12 {
        -webkit-order: 12;
        -moz-order: 12;
        -ms-flex-order: 12;
        -ms-order: 12;
        order: 12;
    }

    .actionToolbar .atButtonsSecondary .sbd-seq0 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        -ms-order: 0;
        order: 0;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq2 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        -ms-order: 2;
        order: 2;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq3 {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        -ms-order: 3;
        order: 3;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq4 {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        -ms-order: 4;
        order: 4;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq5 {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-flex-order: 5;
        -ms-order: 5;
        order: 5;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq6 {
        -webkit-order: 6;
        -moz-order: 6;
        -ms-flex-order: 6;
        -ms-order: 6;
        order: 6;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq7 {
        -webkit-order: 7;
        -moz-order: 7;
        -ms-flex-order: 7;
        -ms-order: 7;
        order: 7;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq8 {
        -webkit-order: 8;
        -moz-order: 8;
        -ms-flex-order: 8;
        -ms-order: 8;
        order: 8;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq9 {
        -webkit-order: 9;
        -moz-order: 9;
        -ms-flex-order: 9;
        -ms-order: 9;
        order: 9;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq10 {
        -webkit-order: 10;
        -moz-order: 10;
        -ms-flex-order: 10;
        -ms-order: 10;
        order: 10;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq11 {
        -webkit-order: 11;
        -moz-order: 11;
        -ms-flex-order: 11;
        -ms-order: 11;
        order: 11;
    }
    .actionToolbar .atButtonsSecondary .sbd-seq12 {
        -webkit-order: 12;
        -moz-order: 12;
        -ms-flex-order: 12;
        -ms-order: 12;
        order: 12;
    }
}

