#matrix-content .matrix-conteiner td {
  vertical-align: middle;
  padding: 10px;
  text-align: center;
}
#matrix-content .matrix-conteiner td.lab {
  color: #53A2CC;
  font-size: 20px;
  font-weight: bold;
}
#matrix-content .matrix-conteiner td .matrix-as-text {
  width: 100%;
  margin-top: 5px;
  text-align: center;
}
#matrix-content .matrix-conteiner td .matrix-box {
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols,
#matrix-content .matrix-conteiner td .matrix-box.view-cols {
  margin-bottom: 22px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 17px;
  margin: 0;
  left: 0;
  padding: 0;
  margin-bottom: -18px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb .cols,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb .cols {
  position: absolute;
  left: 50%;
  margin: 0;
  padding: 0;
  margin-left: -8px;
  background-color: #fff;
  width: 17px;
  z-index: 3;
  text-align: center;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb .cols .add,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb .cols .add {
  background-color: #DFEFFC;
  border: 1px solid #C5DBEC;
  border-radius: 0 4px 4px 0;
  width: 15px;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 50%;
  margin-left: 8px;
  cursor: pointer;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb .cols .rm,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb .cols .rm {
  background-color: #DFEFFC;
  border: 1px solid #C5DBEC;
  border-radius: 4px 0 0 4px;
  margin-left: -26px;
  position: absolute;
  left: 50%;
  width: 15px;
  z-index: 4;
  top: 0;
  cursor: pointer;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb i,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb i {
  background: none repeat scroll 0 0 #7F7F7F;
  height: 1px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb i.left,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb i.left {
  background: url("data:image/gif;base64,R0lGODlhBAAHAIAAAH9/f////yH5BAAAAAAALAAAAAAEAAcAAAIIjHEIy7ppAigAOw==") repeat scroll 0 0 rgba(0,0,0,0);
  left: 0;
  width: 4px;
  height: 7px;
  margin-top: -4px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-cols .mb i.right,
#matrix-content .matrix-conteiner td .matrix-box.view-cols .mb i.right {
  background: url("data:image/gif;base64,R0lGODlhBAAHAIAAAH9/f////yH5BAAAAAAALAAAAAAEAAcAAAIIRA4WaeyrVCgAOw==") repeat scroll 0 0 rgba(0,0,0,0);
  left: 100%;
  width: 4px;
  height: 7px;
  margin-top: -4px;
  margin-left: -4px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows,
#matrix-content .matrix-conteiner td .matrix-box.view-rows {
  margin-left: 22px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml {
  position: absolute;
  width: 17px;
  left: -20px;
  height: 100%;
  margin: 0;
  padding: 0;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml .rows,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml .rows {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  margin-top: -10px;
  background-color: #fff;
  width: 17px;
  z-index: 3;
  text-align: center;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml .rows .add,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml .rows .add {
  background-color: #DFEFFC;
  border: 1px solid #C5DBEC;
  border-radius: 0 0 4px 4px;
  width: 15px;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 50%;
  margin-top: 9px;
  cursor: pointer;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml .rows .rm,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml .rows .rm {
  background-color: #DFEFFC;
  border: 1px solid #C5DBEC;
  border-radius: 4px 4px 0 0;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 15px;
  z-index: 4;
  left: 0;
  cursor: pointer;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml i,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml i {
  left: 50%;
  position: absolute;
  top: 0;
  z-index: 2;
  height: 4px;
  width: 7px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml i.middle,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml i.middle {
  background: none repeat scroll 0 0 #7F7F7F;
  width: 1px;
  height: 100%;
  z-index: 1;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml i.top,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml i.top {
  background: url("data:image/gif;base64,R0lGODlhBwAEAIAAAH9/f////ywAAAAABwAEAAACB4xhCavLDgsAOw==") repeat scroll 0 0 rgba(0,0,0,0);
  margin-left: -3px;
}
#matrix-content .matrix-conteiner td .matrix-box.resizable-rows .ml i.bottom,
#matrix-content .matrix-conteiner td .matrix-box.view-rows .ml i.bottom {
  background: url("data:image/gif;base64,R0lGODlhBwAEAIAAAH9/f////ywAAAAABwAEAAACCIQPgRlqDVkoADs=") repeat scroll 0 0 rgba(0,0,0,0);
  margin-left: -3px;
  top: 100%;
  margin-top: -4px;
}
#matrix-content .matrix-conteiner td .matrix-box.blue.determinant i.left.top,
#matrix-content .matrix-conteiner td .matrix-box.blue.determinant i.left.bottom,
#matrix-content .matrix-conteiner td .matrix-box.blue.determinant i.right.top,
#matrix-content .matrix-conteiner td .matrix-box.blue.determinant i.right.bottom {
  background: none !important;
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.left.top {
  background: url("data:image/gif;base64,R0lGODlhCQATALMAAP///9Xs9/X6/bjd8na/5pfO7GG24uv1+7bd8Wy75GG14qHS7mK246vY8Mzn9ozJ6iH5BAAAAAAALAAAAAAJABMAAAQ3EMgJBJ2jXXCIvQWyBclHPcNYbsWyHUqwIcQGEO51MM42MKZJobYhFDYCReoSMCwpA4PsEp1SIgA7") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.left.bottom {
  background: url("data:image/gif;base64,R0lGODlhCQAUALMAAP///2a24fX6/bjd8dbs93rA5ZnO6+v1+7zf8qPT7XC746/Z74/K6czn9dfs963Y7yH5BAAAAAAALAAAAAAJABQAAAQ1cAUBqh2B2Jt3dQHiAUIwjEBhoEaBYpR3BA1aJK87ztpo4COCIuZhnIJD1lFWIG4GDxQJEAEAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.left.middle {
  background: url("data:image/gif;base64,R0lGODlhAwABAJEAAOTy+q7Z72a24QAAACH5BAAAAAAALAAAAAADAAEAAAICjFAAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.right.top {
  background: url("data:image/gif;base64,R0lGODlhCQATALMAAP///9Xs9/X6/bjd8na/5pfO7GG24uv1+7bd8Wy75GG14qHS7mK246vY8Mzn9ozJ6iH5BAAAAAAALAAAAAAJABMAAAQ1EAhAK23DVkGOpkjxSUkwDs8olOMifoHifQTSEqPDzJbAZLSXpoD7DBQTzcBg0gQMQMtzEAEAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.right.bottom {
  background: url("data:image/gif;base64,R0lGODlhCQAUALMAAP///2a24fX6/bjd8dbs93rA5ZnO6+v1+7zf8qPT7XC746/Z74/K6czn9dfs963Y7yH5BAAAAAAALAAAAAAJABQAAAQ2EMgpwpqThIGl5h0SOB0wBEJpFCVQGGUFYk1wlAlbFnNm47COQEEoDRgxojGIERRunUeP0ooAADs=") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.blue i.right.middle {
  background: url("data:image/gif;base64,R0lGODlhAwABAJEAAOTy+q7Z72a24QAAACH5BAAAAAAALAAAAAADAAEAAAIChFIAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.left.top {
  background: url("data:image/gif;base64,R0lGODlhCQATALMAAP///2ZmZnp6eo+Pj8zMzPX19cLCwri4uOvr65mZmaOjo4WFhdbW1tfX1wAAAAAAACH5BAAAAAAALAAAAAAJABMAAAQxEMgJGp1IlAuG4YTAAcJ3GSJXgsF2JQpXBAR3tFwyjMHBMTRbAMFRBGSDBQfRY5koEQA7") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.left.bottom {
  background: url("data:image/gif;base64,R0lGODlhCQAUALMAAP///7i4uGZmZvX19dbW1np6epmZmevr662trXBwcKOjo4+Pj8zMzMLCwgAAAAAAACH5BAAAAAAALAAAAAAJABQAAAQ1EIkBqg2C2Jt3JULjAYMQjEBhoEaBYpR3CAxaKK87ztpo4CNCIuZZnIJD1lFWIG4CCBQJEAEAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.left.middle {
  background: url("data:image/gif;base64,R0lGODlhAwABAJEAANzc3Le3t2ZmZgAAACH5BAAAAAAALAAAAAADAAEAAAICjFAAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.right.top {
  background: url("data:image/gif;base64,R0lGODlhCQATALMAAP///2ZmZnp6eo+Pj8zMzPX19cLCwri4uOvr65mZmaOjo4WFhdbW1tfX1wAAAAAAACH5BAAAAAAALAAAAAAJABMAAAQ1EDRAKygC2WrGrgLxAYYwAoIxlmMRiJ+SjERQfO4xDvN3BLQA44MI6D4BxWgxuG1+mo3hFQEAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.right.bottom {
  background: url("data:image/gif;base64,R0lGODlhCQAUALMAAP///7i4uGZmZvX19dbW1np6epmZmevr662trXBwcKOjo4+Pj8zMzMLCwgAAAAAAACH5BAAAAAAALAAAAAAJABQAAAQ3EMg5BJqTiICl5l0jEB0QCENpFCVQGGUFYoxwlApbFnNm47DOIEHqBBYxYikQxAwKtw6iR2lFAAA7") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box.black i.right.middle {
  background: url("data:image/gif;base64,R0lGODlhAwABAJEAANzc3Le3t2ZmZgAAACH5BAAAAAAALAAAAAADAAEAAAIChFIAOw==") repeat scroll 0 0 rgba(0,0,0,0);
}
#matrix-content .matrix-conteiner td .matrix-box .mc {
  margin: 0;
  padding: 0;
}
#matrix-content .matrix-conteiner td .matrix-box .mc .mx {
  display: inline-block;
  margin: 10px 0 3px;
}
#matrix-content .matrix-conteiner td .matrix-box .mc .mx td {
  padding: 2px;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i {
  width: 9px;
  z-index: 2;
  display: block;
  position: absolute;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i.left {
  left: 0;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i.right {
  right: 0;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i.middle {
  height: 100%;
  top: 0;
  width: 3px;
  z-index: 1;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i.top {
  top: 0;
  height: 19px;
}
#matrix-content .matrix-conteiner td .matrix-box .mc i.bottom {
  bottom: 0;
  height: 19px;
}