.hexagon {
  position: relative;
  width: 57.74px;
  height: 100px;
  background-color: #deebf7;
  margin: 0 28.87px;
  border-top: solid 2px #347ec2;
  border-bottom: solid 2px #347ec2;
  box-sizing: unset;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 70.71px;
  height: 70.71px;
  -webkit-transform: scaleX(0.5774) rotate(45deg);
  -ms-transform: scaleX(0.5774) rotate(45deg);
  transform: scaleX(0.5774) rotate(45deg);
  background-color: inherit;
  top: 13px;
  box-sizing: unset;
}

.hexagon:before {
  left: -37px;
  border-bottom: solid 2.8284px #347ec2;
  border-left: solid 2.8284px #347ec2;
}

.hexagon:after {
  right: -37px;
  border-top: solid 2.8284px #347ec2;
  border-right: solid 2.8284px #347ec2;
}

.hexLeft,
.hexDown,
.hexMid {
  float: left;
}

.hexDown {
  margin-top: -57px;
}

.hexMid,
.hexDown {
  margin-left: -20px;
}

.hex-row {
  clear: left;
  margin-top: 10px;
  height: 104px;
}

.hexMenu {
    margin: 65px auto 20px;
	line-height: 1.2;
	max-width: 785px;
    min-width: 785px;
}
.hexNumber{
	font-size: 86px;
	z-index: 2;
	position: relative;
	color: black;
	text-align: center;
	font-family: monospace;
}
.hexTextWrapper{
    display: table;
    margin: 10px -10px;
    height: 80px;
}
.hexText{
	font-size: 12px;
    font-weight: 900;
    margin: 10px -10px;
    z-index: 2;
    position: relative;
    color: black;
    text-align: center;
    font-family: monospace;
    vertical-align: middle;
    display: table-cell;
}
.hexText_block{
	display: inline-block;
}
.hexText_2-3{
	display: inline-block;
	margin: 20px -10px;
}
.whiteText{
  color: #FFFFFF;
}
.yellowText{
  color: #FFC000;
}
.lightBlueBG{
  background-color: #7AADDC;
}
.whiteBG{
  background-color: #FFFFFF;
}
.color2BG{
  background-color: #BDD7EE;
}
.color3BG{
  background-color: #9BC2E5;
}
.color4BG{
  background-color: #7AADDC;
}
.color5BG{
  background-color: #5597D3;
}
.color6BG{
  background-color: #347EC2;
}
.color7BG{
  background-color: #2A659A;
}
.color8BG{
  background-color: #1D4569;
}
.hrHEX{
  margin: 6px 0;
  border: 0px;
  border-top: 2px solid #347ec2;
  width: 115px;
  position: absolute;
  left: -19px;
  z-index: -1;
}
.noHEX, .noHEX::before, .noHEX::after{
  border: transparent;
}
.cursoMenuTitulo{
  font-size: 18px;
}
.cursoMenuTituloDark{
  color: #347EC2;
}
.cursoMenuTituloLight{
  color: #deebf7;
}
.cursoHHRHEX{
  margin: 6px 0;
  border: 0px;
  border-top: 2px solid #FFFFFF;
  width: 115px;
  position: absolute;
  left: -9px;
  z-index: -1;
  top: 13px;
}
.cursoVHRHEX{
  margin: 6px 0;
  border: 0px;
  border-top: 2px solid #FFFFFF;
  width: 100px;
  position: absolute;
  z-index: -1;
  top: 13px;
  transform: rotate( 90deg );
}
.cursoStatsCell input{
  background-color: #DEEBF7;
  border: none;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  height: 20px;
  margin: 10px 0;
}
.cursoStatsCell .form-group {
    margin: 0;
    width: 65px;
}
.hexcuadro{
    position: absolute;
    font-size: 24px;
}
.hexcuadro1s {
    left: 20px;
    top: -15px;
}
.hexcuadro2s {
    left: 64px;
    top: -15px;
}
.hexcuadro3s {
    left: 20px;
    top: 26px;
}
.hexcuadro4s {
    left: 64px;
    top: 26px;
}
.hexcuadro1 {
    left: 13px;
    top: -15px;
}
.hexcuadro2 {
    left: 57px;
    top: -15px;
}
.hexcuadro3 {
    left: 13px;
    top: 26px;
}
.hexcuadro4 {
    left: 57px;
    top: 26px;
}
.menuCursoNum2d{
  margin-left: -20px;
}
.tablaCurso {
	text-align: center;
  margin: 30px auto;
}
.bordeNegro{
	border: 2px solid #000000;
}
.bordeNegroLados{
	border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-top: 1px solid #000000;
}
.bordeFirstEjercicio{
	border-left: 2px solid #000000;
}
.bordeLastEjercicio{
	border-right: 2px solid #000000;
}
.bordeEjercicios{
	border-top: 2px solid #000000;
	/* border-bottom: 2px solid #000000; */
}
.bordeEjerciciosUltimo{
	border-bottom: 2px solid #000000;
}
.bordeBlanco{
	border: 2px solid #FFFFFF;
}
.tablaCurso td{
	min-width: 100px;
  padding: 0 15px;
}
.emptyRow{
	height: 23px;
}
.blueGB{
	background-color: #002060;
	color: #FFFFFF;
}
.yellowGB{
	background-color: #FFC000;
	color: #FFFFFF;
}
.errorDiv {
    font-size: 24px;
    color: red;
    position: absolute;
    top: 5px;
    left: calc(50vw - 287px);
    text-align: center;
}

.mainWraper{
  min-height: 100vh;
  min-height: calc(100vh - 102px);
}