/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Helper classes for borders.
 * Reference: http://rsxdeployment.azurewebsites.net/docs/cheatsheet.html#helper
 *
 *
 *  1. Side
 *      1.1. 1px
 *      1.2. 2px
 *      1.3. 0px
 *  2. Color
 */

/* 1. Width */

/* 1.1. 1px */
.rsx-border,
.rsx-border-top,
.rsx-border-right,
.rsx-border-bottom,
.rsx-border-left,
.rsx-border-v,
.rsx-border-h {
    border: 0 solid #d4d4d4;
}

.rsx-border {
    border-width: 1px !important;
}

.rsx-border-top {
    border-top-width: 1px !important;
}

.rsx-border-right {
    border-right-width: 1px !important;
}

.rsx-border-bottom {
    border-bottom-width: 1px !important;
}

.rsx-border-left {
    border-left-width: 1px !important;
}

.rsx-border-v {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.rsx-border-h {
    border-right-width: 1px !important;
    border-left-width: 1px !important;
}

@media (max-width: 519px) {
    .rsx-border-xs,
    .rsx-border-top-xs,
    .rsx-border-right-xs,
    .rsx-border-bottom-xs,
    .rsx-border-left-xs,
    .rsx-border-v-xs,
    .rsx-border-h-xs {
        border: 0 solid #d4d4d4;
    }

    .rsx-border-xs {
        border-width: 1px !important;
    }

    .rsx-border-top-xs {
        border-top-width: 1px !important;
    }

    .rsx-border-right-xs {
        border-right-width: 1px !important;
    }

    .rsx-border-bottom-xs {
        border-bottom-width: 1px !important;
    }

    .rsx-border-left-xs {
        border-left-width: 1px !important;
    }

    .rsx-border-v-xs {
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .rsx-border-h-xs {
        border-right-width: 1px !important;
        border-left-width: 1px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-border-sm,
    .rsx-border-top-sm,
    .rsx-border-right-sm,
    .rsx-border-bottom-sm,
    .rsx-border-left-sm,
    .rsx-border-v-sm,
    .rsx-border-h-sm {
        border: 0 solid #d4d4d4;
    }

    .rsx-border-sm {
        border-width: 1px !important;
    }

    .rsx-border-top-sm {
        border-top-width: 1px !important;
    }

    .rsx-border-right-sm {
        border-right-width: 1px !important;
    }

    .rsx-border-bottom-sm {
        border-bottom-width: 1px !important;
    }

    .rsx-border-left-sm {
        border-left-width: 1px !important;
    }

    .rsx-border-v-sm {
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .rsx-border-h-sm {
        border-right-width: 1px !important;
        border-left-width: 1px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-border-md,
    .rsx-border-top-md,
    .rsx-border-right-md,
    .rsx-border-bottom-md,
    .rsx-border-left-md,
    .rsx-border-v-md,
    .rsx-border-h-md {
        border: 0 solid #d4d4d4;
    }

    .rsx-border-md {
        border-width: 1px !important;
    }

    .rsx-border-top-md {
        border-top-width: 1px !important;
    }

    .rsx-border-right-md {
        border-right-width: 1px !important;
    }

    .rsx-border-bottom-md {
        border-bottom-width: 1px !important;
    }

    .rsx-border-left-md {
        border-left-width: 1px !important;
    }

    .rsx-border-v-md {
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .rsx-border-h-md {
        border-right-width: 1px !important;
        border-left-width: 1px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-border-lg,
    .rsx-border-top-lg,
    .rsx-border-right-lg,
    .rsx-border-bottom-lg,
    .rsx-border-left-lg,
    .rsx-border-v-lg,
    .rsx-border-h-lg {
        border: 0 solid #d4d4d4;
    }

    .rsx-border-lg {
        border-width: 1px !important;
    }

    .rsx-border-top-lg {
        border-top-width: 1px !important;
    }

    .rsx-border-right-lg {
        border-right-width: 1px !important;
    }

    .rsx-border-bottom-lg {
        border-bottom-width: 1px !important;
    }

    .rsx-border-left-lg {
        border-left-width: 1px !important;
    }

    .rsx-border-v-lg {
        border-top-width: 1px !important;
        border-bottom-width: 1px !important;
    }

    .rsx-border-h-lg {
        border-right-width: 1px !important;
        border-left-width: 1px !important;
    }
}



/* 1.2. 2px */
.rsx-border-2,
.rsx-border-2-top,
.rsx-border-2-right,
.rsx-border-2-bottom,
.rsx-border-2-left,
.rsx-border-2-v,
.rsx-border-2-h {
    border: 0 solid #e1e1e1;
}

.rsx-border-2 {
    border-width: 2px !important;
}

.rsx-border-2-top {
    border-top-width: 2px !important;
}

.rsx-border-2-right {
    border-right-width: 2px !important;
}

.rsx-border-2-bottom {
    border-bottom-width: 2px !important;
}

.rsx-border-2-left {
    border-left-width: 2px !important;
}

.rsx-border-2-v {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
}

.rsx-border-2-h {
    border-right-width: 2px !important;
    border-left-width: 2px !important;
}


@media (max-width: 519px) {
    .rsx-border-2-xs,
    .rsx-border-2-top-xs,
    .rsx-border-2-right-xs,
    .rsx-border-2-bottom-xs,
    .rsx-border-2-left-xs,
    .rsx-border-2-v-xs,
    .rsx-border-2-h-xs {
        border: 0 solid #e1e1e1;
    }

    .rsx-border-2-xs {
        border-width: 2px !important;
    }

    .rsx-border-2-top-xs {
        border-top-width: 2px !important;
    }

    .rsx-border-2-right-xs {
        border-right-width: 2px !important;
    }

    .rsx-border-2-bottom-xs {
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-left-xs {
        border-left-width: 2px !important;
    }

    .rsx-border-2-v-xs {
        border-top-width: 2px !important;
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-h-xs {
        border-right-width: 2px !important;
        border-left-width: 2px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-border-2-sm,
    .rsx-border-2-top-sm,
    .rsx-border-2-right-sm,
    .rsx-border-2-bottom-sm,
    .rsx-border-2-left-sm,
    .rsx-border-2-v-sm,
    .rsx-border-2-h-sm {
        border: 0 solid #e1e1e1;
    }

    .rsx-border-2-sm {
        border-width: 2px !important;
    }

    .rsx-border-2-top-sm {
        border-top-width: 2px !important;
    }

    .rsx-border-2-right-sm {
        border-right-width: 2px !important;
    }

    .rsx-border-2-bottom-sm {
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-left-sm {
        border-left-width: 2px !important;
    }

    .rsx-border-2-v-sm {
        border-top-width: 2px !important;
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-h-sm {
        border-right-width: 2px !important;
        border-left-width: 2px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-border-2-md,
    .rsx-border-2-top-md,
    .rsx-border-2-right-md,
    .rsx-border-2-bottom-md,
    .rsx-border-2-left-md,
    .rsx-border-2-v-md,
    .rsx-border-2-h-md {
        border: 0 solid #e1e1e1;
    }

    .rsx-border-2-md {
        border-width: 2px !important;
    }

    .rsx-border-2-top-md {
        border-top-width: 2px !important;
    }

    .rsx-border-2-right-md {
        border-right-width: 2px !important;
    }

    .rsx-border-2-bottom-md {
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-left-md {
        border-left-width: 2px !important;
    }

    .rsx-border-2-v-md {
        border-top-width: 2px !important;
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-h-md {
        border-right-width: 2px !important;
        border-left-width: 2px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-border-2-lg,
    .rsx-border-2-top-lg,
    .rsx-border-2-right-lg,
    .rsx-border-2-bottom-lg,
    .rsx-border-2-left-lg,
    .rsx-border-2-v-lg,
    .rsx-border-2-h-lg {
        border: 0 solid #e1e1e1;
    }

    .rsx-border-2-lg {
        border-width: 2px !important;
}

    .rsx-border-2-top-lg {
        border-top-width: 2px !important;
    }

    .rsx-border-2-right-lg {
        border-right-width: 2px !important;
    }

    .rsx-border-2-bottom-lg {
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-left-lg {
        border-left-width: 2px !important;
    }

    .rsx-border-2-v-lg {
        border-top-width: 2px !important;
        border-bottom-width: 2px !important;
    }

    .rsx-border-2-h-lg {
        border-right-width: 2px !important;
        border-left-width: 2px !important;
    }
}


/* 1.3. 0px */
.rsx-no-border {
    border-width: 0 !important;
}

.rsx-no-border-top {
    border-top-width: 0 !important;
}

.rsx-no-border-right {
    border-right-width: 0 !important;
}

.rsx-no-border-bottom {
    border-bottom-width: 0 !important;
}

.rsx-no-border-left {
    border-left-width: 0 !important;
}

.rsx-no-border-v {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

.rsx-no-border-h {
    border-right-width: 0 !important;
    border-left-width: 0 !important;
}


@media (max-width: 519px) {
    .rsx-no-border-xs {
        border-width: 0 !important;
    }

    .rsx-no-border-top-xs {
        border-top-width: 0 !important;
    }

    .rsx-no-border-right-xs {
        border-right-width: 0 !important;
    }

    .rsx-no-border-bottom-xs {
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-left-xs {
        border-left-width: 0 !important;
    }

    .rsx-no-border-v-xs {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-h-xs {
        border-right-width: 0 !important;
        border-left-width: 0 !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {

    .rsx-no-border-sm {
        border-width: 0 !important;
    }

    .rsx-no-border-top-sm {
        border-top-width: 0 !important;
    }

    .rsx-no-border-right-sm {
        border-right-width: 0 !important;
    }

    .rsx-no-border-bottom-sm {
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-left-sm {
        border-left-width: 0 !important;
    }

    .rsx-no-border-v-sm {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-h-sm {
        border-right-width: 0 !important;
        border-left-width: 0 !important;
    }

}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-no-border-md {
        border-width: 0 !important;
    }

    .rsx-no-border-top-md {
        border-top-width: 0 !important;
    }

    .rsx-no-border-right-md {
        border-right-width: 0 !important;
    }

    .rsx-no-border-bottom-md {
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-left-md {
        border-left-width: 0 !important;
    }

    .rsx-no-border-v-md {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-h-md {
        border-right-width: 0 !important;
        border-left-width: 0 !important;
    }
}


@media (min-width: 1240px) {
    .rsx-no-border-lg {
        border-width: 0 !important;
    }

    .rsx-no-border-top-lg {
        border-top-width: 0 !important;
    }

    .rsx-no-border-right-lg {
        border-right-width: 0 !important;
    }

    .rsx-no-border-bottom-lg {
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-left-lg {
        border-left-width: 0 !important;
    }

    .rsx-no-border-v-lg {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    }

    .rsx-no-border-h-lg {
        border-right-width: 0 !important;
        border-left-width: 0 !important;
    }
}




/* 2. Colors */
.rsx-border-black{
    border-color: #000 !important;
}

.rsx-border-grey {
    border-color: #d4d4d4 !important;
}

.rsx-border-white {
    border-color: #fff !important;
}

.rsx-border-top-grey {
    border-top-color: #d4d4d4 !important;
}

.rsx-border-bottom-grey {
    border-bottom-color: #d4d4d4 !important;
}

.rsx-border-grey-med {
    border-color: #bebebe !important;
}

.rsx-border-grey-dark {
    border-color: #d7d7d7 !important;
}

.rsx-border-blue {
    border-color: #00549a !important;
}

.rsx-border-blue-dark {
    border-color: #003778 !important;
}

.rsx-border-blue-dark-fade {
    border-color: #578dbb;
}

.rsx-border-transparent {
    border-color: transparent !important;
}

.rsx-border-burgundy {
    border-color:#CC0000;
}

.rsx-border-bottom-grey-light{
    border-bottom-color: #ededed;
}

.rsx-border-dbl {
    border-style: solid;
    border-width: 2px;
}


@media (max-width: 519px) {
    .rsx-border-grey-xs {
        border-color: #d4d4d4 !important;
    }

    .rsx-border-grey-med-xs {
        border-color: #bebebe !important;
    }

    .rsx-border-grey-dark-xs {
        border-color: #d7d7d7 !important;
    }

    .rsx-border-blue-dark-xs {
        border-color: #003778 !important;
    }

    .rsx-border-blue-dark-fade-xs {
        border-color: #578dbb;
    }
}

@media (min-width: 520px) and (max-width: 999px) {
    .rsx-border-grey-sm {
        border-color: #d4d4d4 !important;
    }

    .rsx-border-grey-med-sm {
        border-color: #bebebe !important;
    }

    .rsx-border-grey-dark-sm {
        border-color: #d7d7d7 !important;
    }

    .rsx-border-blue-dark-sm {
        border-color: #003778 !important;
    }

    .rsx-border-blue-dark-fade-sm {
        border-color: #578dbb;
    }

}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-border-grey-md {
        border-color: #d4d4d4 !important;
    }

    .rsx-border-grey-med-md {
        border-color: #bebebe !important;
    }

    .rsx-border-grey-dark-md {
        border-color: #d7d7d7 !important;
    }

    .rsx-border-blue-dark-md {
        border-color: #003778 !important;
    }

    .rsx-border-blue-dark-fade-md {
        border-color: #578dbb;
    }
}


@media (min-width: 1240px) {
    .rsx-border-grey-lg {
        border-color: #d4d4d4 !important;
    }

    .rsx-border-grey-med-lg {
        border-color: #bebebe !important;
    }

    .rsx-border-grey-dark-lg {
        border-color: #d7d7d7 !important;
    }

    .rsx-border-blue-dark-lg {
        border-color: #003778 !important;
    }

    .rsx-border-blue-dark-fade-lg {
        border-color: #578dbb;
    }
}