﻿
/* 
    Added November 2017 by Erik Muir
    Some of this content was sourced from Twitter's Bootstrap, but was altered to fit our needs and situation.
    I removed the column variants for now (.col-xs-x, .col-sm-x, .col-lg-x, etc.) since there's no hope of our 
    site to actually be responsive on devices of varying sizes, as long as the whole site is wrapped in tables.
*/

.cr-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.cr-container-full {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.cr-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .cr-row:before,
    .cr-row:after {
        display: table;
        content: " ";
    }

    .cr-row:after {
        clear: both;
    }

.cr-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.cr-no-gutters > .cr-col,
.cr-no-gutters > [class*="cr-col-"] {
    padding-right: 0;
    padding-left: 0;
}

.cr-col, .cr-col-auto, .cr-col-1, .cr-col-2, .cr-col-3, .cr-col-4, .cr-col-5, .cr-col-6, .cr-col-7, .cr-col-8, .cr-col-9, .cr-col-10, .cr-col-11, .cr-col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.cr-col {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
}

.cr-col-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.cr-col-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.cr-col-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.cr-col-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
}

.cr-col-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.cr-col-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.cr-col-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
}

.cr-col-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.cr-col-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.cr-col-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
}

.cr-col-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.cr-col-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.cr-col-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
}



.cr-order-first {
    -ms-flex-order: -1;
             order: -1;
}

.cr-order-1 {
    -ms-flex-order: 1;
             order: 1;
}

.cr-order-2 {
    -ms-flex-order: 2;
             order: 2;
}

.cr-order-3 {
    -ms-flex-order: 3;
             order: 3;
}

.cr-order-4 {
    -ms-flex-order: 4;
             order: 4;
}

.cr-order-5 {
    -ms-flex-order: 5;
             order: 5;
}

.cr-order-6 {
    -ms-flex-order: 6;
             order: 6;
}

.cr-order-7 {
    -ms-flex-order: 7;
             order: 7;
}

.cr-order-8 {
    -ms-flex-order: 8;
             order: 8;
}

.cr-order-9 {
    -ms-flex-order: 9;
             order: 9;
}

.cr-order-10 {
    -ms-flex-order: 10;
             order: 10;
}

.cr-order-11 {
    -ms-flex-order: 11;
             order: 11;
}

.cr-order-12 {
    -ms-flex-order: 12;
             order: 12;
}



.cr-offset-0 {
    margin-left: 0;
}

.cr-offset-1 {
    margin-left: 8.33333333%;
}

.cr-offset-2 {
    margin-left: 16.66666667%;
}

.cr-offset-3 {
    margin-left: 25%;
}

.cr-offset-4 {
    margin-left: 33.33333333%;
}

.cr-offset-5 {
    margin-left: 41.66666667%;
}

.cr-offset-6 {
    margin-left: 50%;
}

.cr-offset-7 {
    margin-left: 58.33333333%;
}

.cr-offset-8 {
    margin-left: 66.66666667%;
}

.cr-offset-9 {
    margin-left: 75%;
}

.cr-offset-10 {
    margin-left: 83.33333333%;
}

.cr-offset-11 {
    margin-left: 91.66666667%;
}

.cr-offset-12 {
    margin-left: 100%;
}



.cr-flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.cr-flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.cr-flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.cr-flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.cr-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.cr-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.cr-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.cr-justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.cr-justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.cr-justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.cr-justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.cr-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.cr-align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.cr-align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.cr-align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.cr-align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.cr-align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.cr-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.cr-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.cr-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.cr-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.cr-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.cr-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.cr-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.cr-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.cr-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.cr-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.cr-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.cr-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.cr-d-flex {
    display: flex !important;
}

.cr-d-inline-flex {
    display: inline-flex !important;
}

.cr-mr-auto {
    margin-right: auto !important;
}

.cr-ml-auto {
    margin-left: auto !important;
}

.cr-mt-auto {
    margin-top: auto !important;
}

.cr-mb-auto {
    margin-bottom: auto !important;
}