* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#container{overflow: hidden;background-color: rgba(22, 22, 22, 0.05);}

.rowOdd{background-color: #fff;border: solid 1px #D6D6D6;}
.rowEven{background-color: #e7e7e7;border: solid 1px #D6D6D6;}

.parent.rowOdd,
.parent.rowEven{background-color: #BDBDBD;}

.header_top .grid {margin:0 auto;}
.manager .grid {
  max-width: none;
}
.mobile .grid {
  position: relative;
  margin: 0 auto;
  min-width: 100% !important;
  width: 100% !important;
}
.grid {
  position: relative;
  margin: 0 auto;
  max-width: 990px;
  width: 100%;
}
.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}
#cfgrid-data [class*='col-'] {
  padding: 3px 3px 3px 5px;
  float: none;
}
[class*='col-'] {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}
.module {
  padding: 20px;
  /*background: #eee;*/
}

/* Opt-in outside padding */
.grid-pad {
  padding: 10px 0 10px 10px;
}
.grid-pad [class*='col-']:last-of-type {
  padding-right: 10px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  /*display: inline-block;*/
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}
@media screen and (min-width: 400px) {
    /* For mobile: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media screen and (min-width: 768px) {
    /* For desktop: */
  .col-1-1 {width: 100%;}
  .col-2-3 {width: 66.66%;}
  .col-1-3 {width: 33.33%;}
  .col-4-8,
  .col-5-10,
  .col-1-2 {width: 50%;}
  .col-2-8,
  .col-1-4 {width: 25%;}
  .col-6-8,
  .col-3-4 {width: 75%;}
  .col-1-8 {width: 12.5%;}
  .col-3-8 {width: 37.5%;}
  .col-5-8 {width: 62.5%;}
  .col-7-8 {width: 87.5%;}
  .col-5-16{width: 31.25%;}
  .col-7-16{width: 43.75%;}
  .col-9-16{width: 56.25%;}
  .col-3-16{width: 18.75%;}
  .col-1-10{width: 10%;}
  .col-2-10{width: 20%;}
  .col-3-10{width: 30%;}
  .col-4-10{width: 40%;}
  .col-6-10{width: 60%;}
  .col-7-10{width: 70%;}
  .col-8-10{width: 80%;}
  .col-9-10{width: 90%;}
}
