/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Grid configuration.
 */

.container {
	position: relative;
    margin-bottom: 20px;
}

ul.row {
    list-style: none;
    margin: 0;
    padding: 0;
}




/* content width */
@media (max-width: 519px) {
    .container {
        margin-right: 15px;
        margin-left: 15px;
    }
}


@media (min-width: 520px) {
    .container {
        width: 480px;
    }
}


@media (min-width: 640px) {
    .container {
        width: 600px;
    }
}


@media (min-width: 1000px) {
    .container {
        width: 960px;
    }
}


@media (min-width: 1240px) {
    .container {
        width: 1200px;
    }
}




/* gutters and padding */
.row > .rsx-col,
.row > [class^="col-"],
.row > [class*=" col-"],
.rsx-col-pad > .rsx-col,
.rsx-col-pad > [class^="col-"],
.rsx-col-pad > [class*=" col-"] {
    padding-top: 40px;
    padding-bottom: 40px;
    border: 0 solid #d4d4d4;
}


@media (max-width: 519px) {
    .container {
	    margin-right: 15px;
        margin-left: 15px;
    }
    
    .row > .rsx-col,
    .row > [class^="col-"],
    .row > [class*=" col-"],
    .rsx-col-pad > .rsx-col,
    .rsx-col-pad > [class^="col-"],
    .rsx-col-pad > [class*=" col-"] {
        padding-right: 30px;
        padding-left: 30px;
    }
}


@media (min-width: 640px) {
    .row > .rsx-col,
    .row > [class^="col-"],
    .row > [class*=" col-"],
    .rsx-col-pad > .rsx-col,
    .rsx-col-pad > [class^="col-"],
    .rsx-col-pad > [class*=" col-"] {
        padding: 40px;
    }

    .rsx-col-pad_60 > .rsx-col,
    .rsx-col-pad_60 > [class^="col-"],
    .rsx-col-pad_60 > [class*=" col-"] {
        padding: 40px 60px 40px 60px;
    }

    .rsx-col-pad_80 > .rsx-col,
    .rsx-col-pad_80 > [class^="col-"],
    .rsx-col-pad_80 > [class*=" col-"] {
        padding: 40px 80px 40px 80px;
    }
}


@media (min-width: 520px) and (max-width: 639px),
(min-width: 1000px) and (max-width: 1239px) {
    .row > .rsx-col,
    .row > [class^="col-"],
    .row > [class*=" col-"],
    .rsx-col-pad > [class^="col-"],
    .rsx-col-pad > [class*=" col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .rsx-col-pad_60 > .rsx-col,
    .rsx-col-pad_60 > [class^="col-"],
    .rsx-col-pad_60 > [class*=" col-"] {
        padding-right: 40px;
        padding-left: 40px;
    }

    .rsx-col-pad_80 > .rsx-col,
    .rsx-col-pad_80 > [class^="col-"],
    .rsx-col-pad_80 > [class*=" col-"] {
        padding-right: 60px;
        padding-left: 60px;
    }
}




/* modifications */
.rsx-col-no-pad > .rsx-col,
.rsx-col-no-pad > [class^="col-"],
.rsx-col-no-pad > [class*=" col-"] {
    padding: 0;
}

.rsx-col-pad_v > .rsx-col,
.rsx-col-pad_v > [class^="col-"],
.rsx-col-pad_v > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.rsx-col-pad_h > .rsx-col,
.rsx-col-pad_h > [class^="col-"],
.rsx-col-pad_h > [class*=" col-"] {
    padding-top: 0;
    padding-bottom: 0;
}


@media (max-width: 519px) {
    .rsx-col-no-pad-xs > .rsx-col,
    .rsx-col-no-pad-xs > [class^="col-"],
    .rsx-col-no-pad-xs > [class*=" col-"] {
        padding: 0;
    }

    .rsx-col-pad_v-xs > .rsx-col,
    .rsx-col-pad_v-xs > [class^="col-"],
    .rsx-col-pad_v-xs > [class*=" col-"] {
        padding: 40px 0;
    }

    .rsx-col-pad_h-xs > .rsx-col,
    .rsx-col-pad_h-xs > [class^="col-"],
    .rsx-col-pad_h-xs > [class*=" col-"] {
        padding: 0 20px;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-col-no-pad-sm > .rsx-col,
    .rsx-col-no-pad-sm > [class^="col-"],
    .rsx-col-no-pad-sm > [class*=" col-"] {
        padding: 0;
    }

    .rsx-col-pad_v-sm > .rsx-col,
    .rsx-col-pad_v-sm > [class^="col-"],
    .rsx-col-pad_v-sm > [class*=" col-"] {
        padding: 40px 0;
    }

    .rsx-col-pad_h-sm > .rsx-col,
    .rsx-col-pad_h-sm > [class^="col-"],
    .rsx-col-pad_h-sm > [class*=" col-"] {
        padding: 0 20px;
    }
}


@media (min-width: 640px) and (max-width: 999px) {
    .rsx-col-pad_h-sm > .rsx-col,
    .rsx-col-pad_h-sm > [class^="col-"],
    .rsx-col-pad_h-sm > [class*=" col-"] {
        padding: 0 40px;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-col-no-pad-md > .rsx-col,
    .rsx-col-no-pad-md > [class^="col-"],
    .rsx-col-no-pad-md > [class*=" col-"] {
        padding: 0;
    }

    .rsx-col-pad_v-md > .rsx-col,
    .rsx-col-pad_v-md > [class^="col-"],
    .rsx-col-pad_v-md > [class*=" col-"] {
        padding: 40px 0;
    }

    .rsx-col-pad_h-md > .rsx-col,
    .rsx-col-pad_h-md > [class^="col-"],
    .rsx-col-pad_h-md > [class*=" col-"] {
        padding: 0 20px;
    }
}


@media (min-width: 1240px) {
    .rsx-col-no-pad-lg > .rsx-col,
    .rsx-col-no-pad-lg > [class^="col-"],
    .rsx-col-no-pad-lg > [class*=" col-"] {
        padding: 0;
    }

    .rsx-col-pad_v-lg > .rsx-col,
    .rsx-col-pad_v-lg > [class^="col-"],
    .rsx-col-pad_v-lg > [class*=" col-"] {
        padding: 40px 0;
    }

    .rsx-col-pad_h-lg > .rsx-col,
    .rsx-col-pad_h-lg > [class^="col-"],
    .rsx-col-pad_h-lg > [class*=" col-"] {
        padding: 0 40px;
    }
}




/* multi component */
.rsx-col-table,
.rsx-multi-column > .container > .row {
    display: table;
    width: 100%;
}

.rsx-col-tcell,
.rsx-col-table > [class^="col-"],
.rsx-col-table > [class*=" col-"],
.rsx-multi-column > .container > .row > [class^="col-"],
.rsx-multi-column > .container > .row > [class*=" col-"] {
    display: table-cell;
    float: none;
    vertical-align: top;
    border: 0 solid #d4d4d4;
}

.rsx-multi-column > .container > .row > [class^="col-"],
.rsx-multi-column > .container > .row > [class*=" col-"] {
    background-color: #fff;
}

.rsx-col-table_vmiddle > [class^="col-"],
.rsx-col-table_vmiddle > [class*=" col-"] {
    vertical-align: middle;
}

.rsx-col-table_vbottom > [class^="col-"],
.rsx-col-table_vbottom > [class*=" col-"] {
    vertical-align: bottom;
}

.rsx-col-no-table,
.rsx-col-no-table > [class^="col-"],
.rsx-col-no-table > [class*=" col-"] {
    display: block;
}

.rsx-col-no-table > [class^="col-"],
.rsx-col-no-table > [class*=" col-"] {
    float: left;
}


@media (max-width: 519px) {
    .rsx-col-table > [class^="col-xs-12"],
    .rsx-col-table > [class*=" col-xs-12"],
    .rsx-multi-column > .container > .row > [class^="col-xs-12"],
    .rsx-multi-column > .container > .row > [class*=" col-xs-12"] {
        display: block;
        float: left;
    }

    .rsx-col-table-xs {
        display: table;
        width: 100%;
    }

    .rsx-col-table-xs > [class^="col-"],
    .rsx-col-table-xs > [class*=" col-"] {
        display: table-cell;
        float: none;
    }

    .rsx-col-table_vmiddle-xs > [class^="col-"],
    .rsx-col-table_vmiddle-xs > [class*=" col-"] {
        vertical-align: middle;
    }

    .rsx-col-table_vbottom-xs > [class^="col-"],
    .rsx-col-table_vbottom-xs > [class*=" col-"] {
        vertical-align: bottom;
    }

    .rsx-col-no-table-xs,
    .rsx-col-no-table-xs > [class^="col-"],
    .rsx-col-no-table-xs > [class*=" col-"] {
        display: block;
    }

    .rsx-col-no-table-xs > [class^="col-"],
    .rsx-col-no-table-xs > [class*=" col-"] {
        float: left;
    }
}

@media (max-width: 999px) {
    .rsx-col-table,
    .rsx-multi-column > .container > .row {
        display: block;
    }
}

@media (min-width: 520px) and (max-width: 999px) {
    .rsx-col-table > [class^="col-sm-12"],
    .rsx-col-table > [class*=" col-sm-12"],
    .rsx-multi-column > .container > .row > [class^="col-sm-12"],
    .rsx-multi-column > .container > .row > [class*=" col-sm-12"],
    .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]),
    .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]),
    .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]),
    .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]) {
        display: block;
        float: left;
    }

    .rsx-col-table-sm {
        display: table;
        width: 100%;
    }

    .rsx-col-table-sm > [class^="col-"],
    .rsx-col-table-sm > [class*=" col-"] {
        display: table-cell;
        float: none;
    }

    .rsx-col-table_vmiddle-sm > [class^="col-"],
    .rsx-col-table_vmiddle-sm > [class*=" col-"] {
        vertical-align: middle;
    }

    .rsx-col-table_vbottom-sm > [class^="col-"],
    .rsx-col-table_vbottom-sm > [class*=" col-"] {
        vertical-align: bottom;
    }

    .rsx-col-no-table-sm,
    .rsx-col-no-table-sm > [class^="col-"],
    .rsx-col-no-table-sm > [class*=" col-"] {
        display: block;
    }

    .rsx-col-no-table-sm > [class^="col-"],
    .rsx-col-no-table-sm > [class*=" col-"] {
        float: left;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-col-table > [class^="col-md-12"],
    .rsx-col-table > [class*=" col-md-12"],
    .rsx-multi-column > .container > .row > [class^="col-md-12"],
    .rsx-multi-column > .container > .row > [class*=" col-md-12"],
    .rsx-col-table > [class^="col-sm-12"]:not([class*="col-md-"]),
    .rsx-col-table > [class*=" col-sm-12"]:not([class*="col-md-"]),
    .rsx-multi-column > .container > .row > [class^="col-sm-12"]:not([class*="col-md-"]),
    .rsx-multi-column > .container > .row > [class*=" col-sm-12"]:not([class*="col-md-"]),
    .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]),
    .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]),
    .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]),
    .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]) {
        display: block;
        float: left;
    }

    .rsx-col-table-md {
        display: table;
        width: 100%;
    }

    .rsx-col-table-md > [class^="col-"],
    .rsx-col-table-md > [class*=" col-"] {
        display: table-cell;
        float: none;
    }

    .rsx-col-table_vmiddle-md > [class^="col-"],
    .rsx-col-table_vmiddle-md > [class*=" col-"] {
        vertical-align: middle;
    }

    .rsx-col-table_vbottom-md > [class^="col-"],
    .rsx-col-table_vbottom-md > [class*=" col-"] {
        vertical-align: bottom;
    }

    .rsx-col-no-table-md,
    .rsx-col-no-table-md > [class^="col-"],
    .rsx-col-no-table-md > [class*=" col-"] {
        display: block;
    }

    .rsx-col-no-table-md > [class^="col-"],
    .rsx-col-no-table-md > [class*=" col-"] {
        float: left;
    }
}


@media (min-width: 1240px) {
    .rsx-col-table > [class^="col-lg-12"],
    .rsx-col-table > [class*=" col-lg-12"],
    .rsx-multi-column > .container > .row > [class^="col-lg-12"],
    .rsx-multi-column > .container > .row > [class*=" col-lg-12"],
    .rsx-col-table > [class^="col-md-12"]:not([class*="col-lg-"]),
    .rsx-col-table > [class*=" col-md-12"]:not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class^="col-md-12"]:not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class*=" col-md-12"]:not([class*="col-lg-"]),
    .rsx-col-table > [class^="col-sm-12"]:not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-col-table > [class*=" col-sm-12"]:not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]),
    .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]) {
        display: block;
        float: left;
    }

    .rsx-col-table-lg {
        display: table;
        width: 100%;
    }

    .rsx-col-table-lg > [class^="col-"],
    .rsx-col-table-lg > [class*=" col-"] {
        display: table-cell;
        float: none;
    }

    .rsx-col-table_vmiddle-lg > [class^="col-"],
    .rsx-col-table_vmiddle-lg > [class*=" col-"] {
        vertical-align: middle;
    }

    .rsx-col-table_vbottom-lg > [class^="col-"],
    .rsx-col-table_vbottom-lg > [class*=" col-"] {
        vertical-align: bottom;
    }

    .rsx-col-no-table-lg,
    .rsx-col-no-table-lg > [class^="col-"],
    .rsx-col-no-table-lg > [class*=" col-"] {
        display: block;
    }

    .rsx-col-no-table-lg > [class^="col-"],
    .rsx-col-no-table-lg > [class*=" col-"] {
        float: left;
    }
}




/* responsive border */
.rsx-outer-border {
    border: 2px solid #d7d7d7;
}


@media (min-width: 1000px) {
    .rsx-outer-border {
        border-width: 1px;
    }
}