/**** MySocage style ****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

html,body,h1,h2,h3,h4,h5 {font-family: 'Montserrat', sans-serif !important;}
._hidden {display: none;}

[data-tooltip]:hover::after {
  font: 500 .8em/1 'Montserrat', sans-serif;
}
._mysocage-sidebar-nav > span:last-child > [data-tooltip]:hover::after {
  transform: translateX(-70%);
}

._mysocage-container .button1 {
  background: #0D68B3;
  border-radius: 0;
}
._mysocage-container .button1:hover {
  background-color: #173459;
}
._mysocage-container .circle {
  height: 18px
}

input[type="text"] {
  border: 1px solid;
}
input[type="text"]:focus-visible {
  border: 1px solid #00AEEF;
  outline: 0px;
  z-index: 1;
}

._mysocage-nolabel {
  margin: 0 !important;
}

/**** tonbar ****/
._mysocage-topbar{
  background-color: #26508a !important;
  color: #5B5B5B;
  z-index:4
}
._mysocage-menu-btn > i {
  margin-right: 6px;
}

/**** container ****/
._mysocage-container {
  margin-left:300px;
  margin-top:43px;
}

/**** columns ****/
._mysocage-columns1 {
  grid-template-columns: 100%;
}
._mysocage-columns2 {
  grid-template-columns: repeat(2, Calc( (100% - 10px) / 2 ));
}
._mysocage-columns3 {
  grid-template-columns: repeat(3, Calc( (100% - 20px) / 3 ));
}
._mysocage-columns4 {
  grid-template-columns: repeat(4, Calc( (100% - 30px) / 4 ));
}
._mysocage-columns5 {
  grid-template-columns: repeat(5, Calc( (100% - 40px) / 5 ));
}
._mysocage-columns6 {
  grid-template-columns: repeat(6, Calc( (100% - 50px) / 6 ));
}

._mysocage-column {
  background-color:#eee;
  width: 100% !important;
  grid-row: span 2;
  padding: 0 !important;
}
._mysocage-column--inner {
  padding: 5px;
}

._mysocage-column--title {
  border:0;
  padding:10px;
  display:block;
  position:relative;
  font-weight:500;
  /*margin: -10px -10px 10px -10px;*/
}

/**** title ****/
._mysocage--title_h1 {
  color: #FFF;
  background-color:#0D68B3;
  text-transform: uppercase;
  margin-bottom: 5px;
}
._mysocage--title_h2 {
  background-color: #fff;
  text-transform: uppercase;
  border: 1px solid #0D68B3;
}
._mysocage--title_h3 {
  background-color: #ccc;
  text-transform: capitalize;
}

/**** cell ****/
._mysocage-column--cell {
  border:0;
  padding:5px;
  display:grid;
  position:relative;
  vertical-align:middle;
  grid-template-columns: 60px fit-content(100%);
  grid-column-gap: 5px;
  align-items: center;
}
._mysocage-cell--width60 {
  grid-template-columns: 60px fit-content(100%);
}
._mysocage-cell--width70 {
  grid-template-columns: 70px fit-content(100%);
}
._mysocage-cell--width80 {
  grid-template-columns: 80px fit-content(100%);
}
._mysocage-cell--width90 {
  grid-template-columns: 90px fit-content(100%);
}
._mysocage-cell--width100 {
  grid-template-columns: 100px fit-content(100%);
}
._mysocage-cell--width30 {
  grid-template-columns: 30px fit-content(100%);
}
._mysocage-column--cell > input {
  font-size:.8em;
  padding-left: 10px;
}
._mysocage-column--cell > label {
  font-size:.65em;
  text-align: left;
  /* word-break: break-word; */
}

._mysocage-column--cell > input[type="checkbox"] + label {
  font-size: .8em;
}

/**** section style ****/
h2._mysocage-section--title {
  text-transform: uppercase;
  font-size: 22px;
  border-bottom: 4px solid #82C454;
  padding-bottom: 10px;
  position: relative;
  color: #5B5B5B !important;
  font-weight: 500;
}
._mysocage-section--row {
  display: grid;
  /*grid-template-rows: repeat(2, auto);*/
  grid-gap: 10px;
  margin-bottom: 10px;
}

._mysocage-cell--checks {
  grid-column: span 2;
  grid-auto-flow: column;
  grid-gap: 0;
  margin-bottom: 0;
}

/**** errors digits block ****/
._mysocage-column--errors ._mysocage-column--inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row-reverse;
}
._mysocage-errors--digits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-items: center;
  max-width: 186px;
}

._mysocage-column--flex {
  display: flex;
  flex-wrap: wrap;
}
._mysocage-column--flex > * {
  flex-grow: 1;
  flex-basis: 120px;
}
._mysocage-column--spaceevenly {
  justify-content: space-evenly;
}
._mysocage-column--flex ._mysocage-column--cell {
  width: auto;
}

/**** viewport ****/
._mysocage-viewport {background-color:#ccc;}
._mysocage-viewport .viewport {background-color: #fff}
.viewport-wrapper._mysocage-viewport--wrapper {
  padding: 0;
  display: grid;
  grid-template-rows: repeat(2, 50%);
  background: #fff;
  grid-gap: 20px;
}
._mysocage-viewport--column {
  display: grid;
  align-items: center;
  justify-items: center;
  position: relative;
}
._mysocage-viewport--topview {
  grid-template-columns: repeat(4, 25%);
  /*grid-template-rows: repeat(6, auto);*/
}
._mysocage-topview--figure {
  grid-area: 1 / 1 / 7 / 5;
  display: grid;
  padding: 2em;
}
._mysocage-topview--figure > img {
  width: 100%;
  height: auto;
  grid-area: 1 / 1 / 2 / 2;
}

._mysocage-viewport--block  {
  padding: 5px;
  display: grid;
}
._mysocage-viewport--block > div {
  padding: 0;
  margin-top: -1px;
  grid-gap: 0;
}
._mysocage-viewport--block > div > label {
  margin: 4px 8px;
  /*white-space: nowrap;*/
  line-height: 1;
}

._mysocage-viewport--topview ._mysocage-cell--width70 {
  grid-template-columns: 100%;
}
._mysocage-viewport--topview ._mysocage-cell--width70 > label{
  grid-row: 1 / 1;
}

._mysocage-viewport--area {
  grid-area: 1 / 4 / 2 / 5;
  display: flex;
  max-width: 100px;
  align-self: center;
  width: 100%;
  text-align: center;
  flex-direction: column;
}

._mysocage-viewport--label {
  padding: 5px;
  font-size: .8em;
  font-weight: bold;
}
._mysocage-label_x, ._mysocage-label_y {
  display: none;
}
._mysocage-label_x {
  position: absolute;
  top: 53%;
  left: 32%;
}
._mysocage-label_y {
  position: absolute;
  top: 90%;
  left: 40%;
}

#idZone1 {
  height: auto;
  min-height: 18px;
  border-bottom: 2px solid #82C454;
  flex-basis: auto;
  flex-grow: 2;
}

._mysocage-viewport--v1 {
  grid-area: 5 / 1 / 6 / 3;
}
._mysocage-viewport--v2 {
  grid-area: 2 / 1 / 3 / 3;
}
._mysocage-viewport--v3 {
  grid-area: 2 / 3 / 3 / 5;
}
._mysocage-viewport--v4 {
  grid-area: 5 / 3 / 6 / 5;
}

._mysocage-viewport--v1,
._mysocage-viewport--v4 {
  align-self: end;
}
._mysocage-viewport--v1,
._mysocage-viewport--v2 {
  justify-self: start;
}
._mysocage-viewport--v2,
._mysocage-viewport--v3 {
  align-self: start;
}
._mysocage-viewport--v3,
._mysocage-viewport--v4{
  justify-self: end;
}

._mysocage-viewport--v3 ._mysocage-viewport--label,
._mysocage-viewport--v4 ._mysocage-viewport--label {
  text-align: right;
}
._mysocage-viewport--v3 ._mysocage-cell--width70,
._mysocage-viewport--v4 ._mysocage-cell--width70 {
  grid-template-columns: 100%;
  justify-content: end;
  grid-auto-flow: row;
}
._mysocage-viewport--v3 ._mysocage-cell--width70 > label,
._mysocage-viewport--v4 ._mysocage-cell--width70 > label {
  text-align: right;
}

._mysocage-viewport--hysteresis {
  grid-area: 3 / 1 / 5 / 4;
  align-self: center;
}

._mysocage-viewport--encoder {
  grid-area: 1 / 1 / 2 / 3;
  grid-template-columns: repeat(2, 50%);
  align-self: start;
  width: 100%;
  max-width: 148px;
}

#btn_M92E_ZERO_ENCODER {
  margin: 5px 0 0 0;
  grid-area: 1 / 3 / 2 / 4;
  padding: 10px;
  align-self: start;
}

._mysocage-viewport--leftview {
  grid-template-columns: repeat(4, 1fr);
  /*grid-template-rows: repeat(6, auto);*/
}

._mysocage-viewport--leftview ._mysocage-column--cell {
  grid-template-columns: 60px auto;
}

._mysocage-leftview--figure {
  grid-area: 1 / 1 / 7 / 5;
}
._mysocage-leftview--figure > img {
  width: 100%;
  height: auto;
}

._mysocage-viewport--differential {
  grid-area: 1 / 1 / 2 / 5;
  grid-template-columns: repeat(2, auto);
  justify-self: start;
}

._mysocage-viewport--differential > div {
  margin-left: -1px;
}

._mysocage-viewport--press {
  grid-area: 3 / 1 / 4 / 5;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(3, auto);
  justify-self: start;
}


._mysocage-viewport--press > div {
  margin-left: -1px;
}
._mysocage-viewport--press > div:nth-child(n+9) {
  grid-column: 1 / 5;
  justify-content: center;
}

._mysocage-viewport--par_bracc {
  grid-area: 4 / 1 / 5 / 5;
  grid-template-columns: repeat(2, auto);
  justify-self: start;
}

._mysocage-viewport--par_bracc > div {
  margin-left: -1px;
}

#btn_M92_RESET_ELEVA {
  grid-column: span 2;
  margin: -1px 0 0 -1px;
  max-width: 119px;
  padding: 10px;
}

._mysocage-viewport--par_bext {
  grid-area: 5 / 1 / 6 / 5;
  grid-template-columns: repeat(2, auto);
  justify-self: start;
}

._mysocage-viewport--par_bext > div {
  margin-left: -1px;
}
._mysocage-viewport--par_bext > button {
  margin: 0;
  width: 60px;
  margin-left: -1px;
}

._mysocage-viewport--par_chkmib {
  grid-area: 6 / 1 / 7 / 3;
}
._mysocage-viewport--par_sfimaxs {
  grid-area: 7 / 1 / 8 / 3;
}
._mysocage-viewport--par_angmaxs {
  grid-area: 6 / 3 / 7 / 6;
}
._mysocage-viewport--errors {
  grid-area: 7 / 3 / 8 / 5;
}
._mysocage-viewport--firmware {
  grid-area: 8 / 1 / 8 / 5;
}

._mysocage-viewport--stabok {
  grid-area: 1 / 2 / 2 / 4;
}
._mysocage-viewport--inclinometer {
  grid-area: 6 / 3 / 7 / 5;
}
._mysocage-label-leftside {
  grid-area: 1 / 1 / 2 / 2;
}
._mysocage-label-rightside {
  grid-area: 1 / 4 / 2 / 5;
}
._mysocage-viewport--truckrearaxle {
  grid-area: 6 / 1 / 7 / 3;
}

._mysocage-viewport--stab {
  grid-row-gap: 10px;
}
._mysocage-stab_rear_left {
  grid-area: 5 / 1 / 6 / 3;
  justify-self: start;
}
._mysocage-stab_rear_right {
  grid-area: 5 / 3 / 6 / 5;
  justify-self: end;
}
._mysocage-stab_front_left {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: self-start;
}
._mysocage-stab_front_right {
  grid-area: 2 / 3 / 3 / 5;
  justify-self: end;
}
._mysocage-outrig_left {
  grid-area: 4 / 1 / 5 / 3;
  justify-self: start;
}
._mysocage-outrig_right {
  grid-area: 4 / 3 / 5 / 5;
  justify-self: end;
}
._mysocage-truck_leveling {
  grid-area: 7 / 3 / 8 / 5;
}
._mysocage-setliv-buttons {
  grid-area: 7 / 1 / 8 / 3;
}

._mysocage-stab_front_right ._mysocage-column--cell,
._mysocage-stab_rear_right ._mysocage-column--cell,
._mysocage-outrig_right ._mysocage-column--cell {
  grid-template-columns: auto 30px !important;
  justify-items: end;
}
._mysocage-stab_front_right ._mysocage-column--cell > button,
._mysocage-stab_rear_right ._mysocage-column--cell > button,
._mysocage-outrig_right ._mysocage-column--cell > button {
  grid-area: 1/ 2 / 1 / 3;
}

/**** table ****/
._mysocage-table {
  display: grid;
  padding: 5px;
  background: #fff;
}

._mysocage-table thead tr {
  height: 1px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
._mysocage-table thead tr {
  background-color: #0D68B3;
  text-transform: capitalize;
  color: #fff;
}
._mysocage-table tr {
  display: grid;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  min-height: 28px;
  align-items: center;
}
._mysocage-table tbody {
  height: auto;
  max-height: 461px;
  overflow-y: scroll;
}
._mysocage-table tbody tr:nth-child(2n) {
  background: #eee;
}
._mysocage-table td {
  padding: 0 8px;
  border-bottom: 1px solid #ccc;
  display: flex;
}
._mysocage-table td::before {
  content: attr(data-label);
  flex-basis: 120px;
  align-self: center;
  font-size: 0.8em;
  font-weight: 600;
}

/**** sidebar ****/
._mysocage-sidebar {
  padding-top: 20px;
  width: 80vw;
  max-width: 300px;
  z-index: 3;
}
._mysocage-sidebar-title {
  font-weight: 600;
  text-align: center;
}
._mysocage-sidebar-nav {
  display: flex;
  justify-content: space-between;
}
._mysocage-sidebar-bar--title {
  margin-top: 20px;
}
._mysocage-sidebar-bar a._mysocage-sidebar-item {
  display: grid;
  grid-template-columns: 30px auto;
}
._mysocage-sidebar-bar a._mysocage-sidebar-item > i {
  align-self: center;
  justify-self: center;
}

/**** open/close sidebar ****/
._menu-opened ._mysocage-sidebar,
._menu-opened ._mysocage-overlay {
  display: block;
}

/**** pop-ups ****/
._mysocage-popup {
  padding: 0;
  align-items: center;
  justify-items: center;

}
._mysocage-popup > div {
  width: 100% !important;
  max-width: 800px;
}
._mysocage-popup._open {
  display: grid;
}
._mysocage-popup header,
._mysocage-popup footer {
  background: #0D68B3 !important;
  min-height: 20px;
}
._mysocage-popup-title {
  display: flex;
  gap: 20px;
  align-items: center;
}
._mysocage-popup-content-wrapper {
  width: 100%;
  min-height: 120px;
  height: auto;
  padding: 20px;
}
._mysocage-popup-content-item {
  display: grid;
  grid-template-columns: 30px auto;
  grid-column-gap: 20px;
  margin-bottom: 4px;
  align-items: center;
}

/************************/
/*  X-small <576px 	    */
/*  Small   ≥576px 	-sm */
/*  Medium  ≥768px 	-md */
/*  Large   ≥992px  -lg */
/*  X-large ≥1200px -xl */
/************************/

@media (min-width: 576px) {
  ._mysocage-columns1-sm {grid-template-columns: 100%;}
  ._mysocage-columns2-sm {grid-template-columns: repeat(2, Calc( (100% - 10px) / 2 ));}
  ._mysocage-columns3-sm {grid-template-columns: repeat(3, Calc( (100% - 20px) / 3 ));}
  ._mysocage-columns4-sm {grid-template-columns: repeat(4, Calc( (100% - 30px) / 4 ));}
  ._mysocage-columns5-sm {grid-template-columns: repeat(5, Calc( (100% - 40px) / 5 ));}
  ._mysocage-columns6-sm {grid-template-columns: repeat(6, Calc( (100% - 50px) / 6 ));}

  ._mysocage-cell--checks {grid-column: span 3;}

  ._mysocage-viewport--topview {grid-template-rows: 60px repeat(4, auto) 18%;}

  ._mysocage-viewport--area {flex-direction: row;}

  ._mysocage-viewport--leftview {grid-template-columns: repeat(6, 1fr);}

  ._mysocage-leftview--figure {grid-area: 2 / 2 / 6 / 6;}
  ._mysocage-viewport--differential {grid-area: 1 / 1 / 3 / 4;}
  ._mysocage-viewport--press {grid-area: 4 / 1 / 5 / 5;}
  ._mysocage-viewport--par_bracc {grid-area: 4 / 5 / 5 / 7;}
  ._mysocage-viewport--par_bext {grid-area: 1 / 4 / 3 / 7;}._mysocage-viewport--par_chkmib {grid-area: 3 / 1 / 4 / 3;}
  ._mysocage-viewport--par_sfimaxs {grid-area: 3 / 3 / 4 / 5;}
  ._mysocage-viewport--par_angmaxs {grid-area: 3 / 5 / 4 / 7;}
  ._mysocage-viewport--errors {grid-area: 5 / 5 / 6 / 7;}
  ._mysocage-viewport--firmware {grid-area: 5 / 1 / 6 / 3;}

  ._mysocage-label_x, ._mysocage-label_y {display: block;}

  ._mysocage-viewport--stabok {grid-area: 1 / 2 / 2 / 4;}
  ._mysocage-viewport--truckrearaxle {grid-area: 5 / 2 / 6 / 4;}
  ._mysocage-viewport--inclinometer {grid-area: 6 / 4 / 7 / 5;}
  ._mysocage-label-leftside {grid-area: 3 / 1 / 3 / 2;}
  ._mysocage-label-rightside {grid-area: 3 / 4 / 3 / 5;}
  ._mysocage-stab_front_left {grid-area: 1 / 1 / 3 / 3;}
  ._mysocage-stab_front_right {grid-area: 1 / 3 / 3 / 5;}
  ._mysocage-truck_leveling {grid-area: 6 / 3 / 7 / 4;}
  ._mysocage-setliv-buttons {grid-area: 6 / 1 / 7 / 2;}
  ._mysocage-viewport--hysteresis {grid-area: 3 / 1 / 5 / 3;}

  ._mysocage-viewport--block > div {grid-template-columns: 70px auto;}
  ._mysocage-viewport--block > div._mysocage-cell--width30 {grid-template-columns: 30px auto;}

  ._mysocage-column--cell._mysocage-cell--width70 {
    grid-template-columns: 70px auto;
    grid-auto-flow: column;
  }
  ._mysocage-viewport--v3 ._mysocage-cell--width70,
  ._mysocage-viewport--v4 ._mysocage-cell--width70 {
    grid-template-columns: auto 70px;
    grid-auto-flow: column;
  }
  ._mysocage-viewport--v3 ._mysocage-cell--width70 > input,
  ._mysocage-viewport--v4 ._mysocage-cell--width70 > input {
    grid-area: 1 / 2 / 2 / 3;
  }

  ._mysocage-viewport--par_bracc {
    grid-area: 4 / 5 / 5 / 7;
    justify-self: center;
  }
  ._mysocage-viewport--par_bext {
    grid-area: 1 / 4 / 3 / 7;
    justify-self: center;
  }
}
@media (min-width: 768px) {
  ._mysocage-column--cell > label {font-size:.7em;}

  /*._mysocage-viewport--differential {grid-area: 1 / 1 / 3 / 3;}*/
  ._mysocage-viewport--press {grid-area: 4 / 1 / 5 / 4;}
  ._mysocage-viewport--par_bracc {grid-area: 4 / 4 / 5 / 6;}
  ._mysocage-viewport--par_bext {grid-area: 1 / 3 / 3 / 6;}
  ._mysocage-viewport--par_chkmib {grid-area: 3 / 2 / 4 / 4;}
  ._mysocage-viewport--par_sfimaxs {grid-area: 1 / 5 / 3 / 7; justify-self: end;}
  ._mysocage-viewport--par_angmaxs {grid-area: 3 / 5 / 4 / 7;}
  ._mysocage-viewport--errors {grid-area: 5 / 4 / 6 / 7;}
  ._mysocage-viewport--firmware {grid-area: 5 / 1 / 6 / 3;}

  ._mysocage-viewport--leftview ._mysocage-column--cell {grid-template-columns: 70px auto;}
  ._mysocage-viewport--par_bext > button {width: 70px;}
  #btn_M92_RESET_ELEVA {max-width: 139px;}

  ._mysocage-columns1-md {grid-template-columns: 100%;}
  ._mysocage-columns2-md {grid-template-columns: repeat(2, Calc( (100% - 10px) / 2 ));}
  ._mysocage-columns3-md {grid-template-columns: repeat(3, Calc( (100% - 20px) / 3 ));}
  ._mysocage-columns4-md {grid-template-columns: repeat(4, Calc( (100% - 30px) / 4 ));}
  ._mysocage-columns5-md {grid-template-columns: repeat(5, Calc( (100% - 40px) / 5 ));}
  ._mysocage-columns6-md {grid-template-columns: repeat(6, Calc( (100% - 50px) / 6 ));}

  /**** position blocks in sections ****/
  ._mysocage-column--sensors {grid-area: sensors}
  ._mysocage-column--errors {grid-area: errors}
  ._mysocage-column--pwm {grid-area: pwm}
  ._mysocage-column--valve {grid-area: valve}
  ._mysocage-column--hourmeter {grid-area: hourmeter}
  ._mysocage-column--voltage {grid-area: voltage}
  ._mysocage-column--movements {grid-area: movements}
  ._mysocage-column--parpid {grid-area: parpid}
  ._mysocage-column--parpwm {grid-area: parpwm}
  ._mysocage-column--manauto {grid-area: manauto}
  ._mysocage-column--settings {grid-area: settings}
  ._mysocage-column--boominout {grid-area: boominout}
  ._mysocage-column--boomupdown {grid-area: boomupdown}
  ._mysocage-column--moment {grid-area: moment}
  ._mysocage-column--articboom {grid-area: articboom}
  ._mysocage-column--rottower {grid-area: rottower}
  ._mysocage-column--rotplatform {grid-area: rotplatform}
  ._mysocage-column--range {grid-area: range}

  ._mysocage-monitor_l1 {
    grid-template-areas: 'sensors errors pwm'
                         'valve hourmeter voltage';
  }
  ._mysocage-rottower {
    grid-template-areas: 'movements boomupdown articboom'
                         'manauto moment rottower'
                         'parpid range rotplatform'
                         'parpwm range rotplatform';
  }
  ._mysocage-rotplatform {
    grid-template-areas: 'movements manauto boomupdown'
                         'parpid moment articboom'
                         'parpwm rottower boominout';
  }
  ._mysocage-artboom {
    grid-template-areas: 'movements manauto articboom'
                         'parpid parpwm articboom'
                         'boominout boomupdown moment'
                         'rottower rotplatform moment';
  }
  ._mysocage-boomupdown {
    grid-template-areas: 'movements manauto boomupdown'
                         'parpid parpwm boomupdown'
                         'boominout articboom moment'
                         'rottower rotplatform moment';
  }
  ._mysocage-boominout {
    grid-template-areas: 'movements manauto boominout'
                         'parpid parpwm boominout'
                         'boomupdown articboom moment'
                         'rottower rotplatform moment';
  }
  ._mysocage-basketlevel {
    grid-template-areas: 'movements manauto settings'
                         'parpid parpwm settings';
  }

  ._mysocage-column--errors ._mysocage-column--inner {flex-direction: column;}
  ._mysocage-cell--checks {
    grid-column: span 1;
    grid-auto-flow: row;
  }

  ._mysocage-table tr {
    grid-template-columns: 26px auto 40px 42px 50px 70px 54px 34px 60px 44px 42px 42px 58px;
    grid-auto-flow: column;
    font-size: .8em;
  }
  ._mysocage-table thead tr {
    border-width: 0px;
    height: auto;
    font-size: .66em;
  }
  ._mysocage-table td {
    padding: 0 8px;
    border-bottom: 0px solid #ccc;
  }
  ._mysocage-table td::before {
    content: unset;
  }
}
@media (min-width: 993px) {
  ._mysocage-columns1-lg {grid-template-columns: 100%;}
  ._mysocage-columns2-lg {grid-template-columns: repeat(2, Calc( (100% - 10px) / 2 ));}
  ._mysocage-columns3-lg {grid-template-columns: repeat(3, Calc( (100% - 20px) / 3 ));}
  ._mysocage-columns4-lg {grid-template-columns: repeat(4, Calc( (100% - 30px) / 4 ));}
  ._mysocage-columns5-lg {grid-template-columns: repeat(5, Calc( (100% - 40px) / 5 ));}
  ._mysocage-columns6-lg {grid-template-columns: repeat(6, Calc( (100% - 50px) / 6 ));}

}
@media (min-width: 1200px) {
  ._mysocage-columns1-xl {grid-template-columns: 100%;}
  ._mysocage-columns2-xl {grid-template-columns: repeat(2, Calc( (100% - 10px) / 2 ));}
  ._mysocage-columns3-xl {grid-template-columns: repeat(3, Calc( (100% - 20px) / 3 ));}
  ._mysocage-columns4-xl {grid-template-columns: repeat(4, Calc( (100% - 30px) / 4 ));}
  ._mysocage-columns5-xl {grid-template-columns: repeat(5, Calc( (100% - 40px) / 5 ));}
  ._mysocage-columns6-xl {grid-template-columns: repeat(6, Calc( (100% - 50px) / 6 ));}

  ._mysocage-monitor_l1 {
    grid-template-areas: 'sensors pwm valve hourmeter voltage'
                         'sensors pwm valve hourmeter errors';
  }
  ._mysocage-rottower {
    grid-template-areas: 'movements manauto moment boomupdown articboom'
                         'parpid parpwm range rottower rotplatform';
  }
  ._mysocage-rotplatform {
    grid-template-areas: 'movements manauto moment boomupdown articboom'
                         'parpid parpwm rottower boominout articboom';
  }
  ._mysocage-artboom {
    grid-template-areas: 'movements manauto boominout moment articboom'
                         'parpid boomupdown rottower rotplatform articboom'
                         'parpid boomupdown rottower rotplatform parpwm';
  }
  ._mysocage-boomupdown {
    grid-template-areas: 'movements manauto boominout moment boomupdown'
                         'parpid articboom rottower rotplatform boomupdown'
                         'parpid articboom rottower rotplatform parpwm';
  }
  ._mysocage-boominout {
    grid-template-areas: 'movements manauto boomupdown moment boominout'
                         'parpid articboom rottower rotplatform boominout'
                         'parpid articboom rottower rotplatform parpwm';
  }
  ._mysocage-basketlevel {grid-template-areas: 'movements parpid parpwm manauto settings';}

  ._mysocage-table tr {
    grid-template-columns: 30px auto 60px 60px 80px 80px 80px 40px 80px 70px 50px 50px 80px;
    font-size: .9em;
  }
  ._mysocage-table thead tr {font-size: .7em;}
}