div.c,
div.cc, div.tt, div.ww,
div.c3c, div.cc3,
div.c2cc, div.cc2c, div.ccc2,
div.cccc {
 margin:0 calc(var(--grid-aside-columns-gap) * -1);

 display:grid;
}

div.c > div,
div.cc > div, div.tt > div, div.ww > div,
div.c3c > div, div.cc3 > div,
div.c2cc > div, div.cc2c > div, div.ccc2 > div,
div.cccc > div {
 padding:var(--grid-aside-columns-gap);
}

div.cc > div.column {
 padding-top:0;
 padding-bottom:0;

 align-self:start;
}

div.f {
 align-items:center;
 align-self:end;
 display:flex;
 flex-wrap:wrap; 
 justify-content:space-between;
}

div.f:empty {
 padding:0;
}

div.buttonbar div.f {
 align-self:center;
}

@media screen and (min-width:990px) {
 main {
  display:flex;
 }

 div.left {
  padding:0 0 15px;
 }

 div.right {
  padding:0 0 0 15px;
 }
}

@media screen and (max-width:989.5px) {
 div.right img.decoration,
 footer span.decoration {
  display:none;
 }
}

@media screen and (min-width:750px) {
 div.helper {
  left:50px;
  right:50px;
 }

 td:first-child {
  padding-left:10px;
 }

 th:last-child,
 td:last-child {
  padding-right:10px;
 }
}

@media screen and (max-width:749.5px) {
 .off-lang-button {
  right:20px;
 }

 .off-menu-button {
  left:20px;
 }

 header div.banner div {
  padding:0 20px;
 }

 main {
  margin:0;
  padding:15px 20px 0;
 }

 div.helper {
  left:30px;
  right:30px;
 }

 pre, tt {
  font-size:12px!important;
  line-height:13px!important;
 }

 table.shrink th:nth-child(2),
 table.shrink td:nth-child(2) {
  display:none;
 }

 table.customer button.icon,
 table.filelist button.icon {
  min-width:var(--button-size);
  width:var(--button-size);
 }
 
 table.customer button.icon span,
 table.filelist button.icon span {
  display:none;
 }

 col.status,
 th.status {
  width:29px;
 }

 th.status:last-child {
  width:var(--button-size);
 }

 th.status.ctot,
 th.status.timer {
  width:48px;
 }

 td span.status {
  margin-top:4px;
  padding-left:30px;

  width:0;

  overflow:hidden;
  background-position:center!important;
 }

 td span.status.ctot,
 td span.status.timer {
  padding-left:3px;
  background-image:none;
 }
}

@media screen and (min-width:700px) {
 div.c {
  grid-template-columns:4fr;
 }

 div.cc {
  grid-template-columns:2fr 2fr;
 }

 div.c3c {
  grid-template-columns:3fr 1fr;
 }

 div.cc3 {
  grid-template-columns:1fr 3fr;
 }

 div.c2cc {
  grid-template-columns:2fr 1fr 1fr;
 }

 div.cc2c {
  grid-template-columns:1fr 2fr 1fr;
 }

 div.ccc2 {
  grid-template-columns:1fr 1fr 2fr;
 }

 div.cccc,
 div.ww {
  grid-template-columns:1fr 1fr 1fr 1fr;
 }
}

@media screen and (max-width:699.5px) {
 div.px136,
 div.px438 {
  height:auto;
 }

 div.ww {
  grid-template-columns:2fr 2fr;
 }
}

@media screen and (min-width:550px) {
 div.tt {
  grid-template-columns:2fr 2fr;
 }
}
