* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}
#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{
    position: relative;
    max-width: 990px;
    width: 100%;
}
.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;*/
}
.noMobileView{
    display: none !important;
}
.noMobileViewInline{
    display: none !important;
}
.noDesktopView{
    display: block !important;
}
.noDesktopViewInline{
    display: inline-block !important;
}
@media screen and (min-width: 993px) {
  .grid{min-width: 990px;width: 70%;}
}
@media screen and (min-width: 768px) {
    /* For desktop: */
  .noMobileView{
    display: block !important;
  }
  .noMobileViewInline{
    display: inline-block !important;
  }
  .noDesktopView{
    display: none !important;
  }
  .noDesktopViewInline{
    display: none !important;
  }
  .grid {margin: 0 auto;}
  .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%;}
}