/*
html, body {
	height: 100%;
	margin: 0px;
	font-family:verdana;
	overflow-y:hidden;
}
*/
/*Renan*/
/* #mmiead-logo{
width: 120px;
height: 30px;
} */

/* Renan mm3 - mm310 html */
/* #algoritimo-content{
width: 180px;
height: 358px;
border-color: transparent;
border-width: 1px;
border-style: solid;
float: right;
background-color: whitesmoke;
border-radius: 5px;
}
#algoritimo-content img{
width: 100%;
} */

#radio-idiomas{}

#logominiead {position:fixed;top:10px;left:10px;height:70px;}
#logomm {position:fixed;top:10px;right:10px;}
#corpohome {text-align:center;width:100%;height:100%;cursor:pointer;}

/*Renan - backup
#info_usuario{height:20px;width:40px;font-size:15px;float:right; margin-top: 15px;}
*/
/* #info_usuario{position:absolute;height:20px;width:40px;font-size:15px; top: 70px; right:30px;} */
/* #info_login{height:35px;font-size:16px;float:right;margin-right:10px;padding-top:3px;color:white;width:220px;text-align:right;} */
/* 
#login{
color: white;
margin-right: 20px;
text-decoration:underline;
}
 */
/*
#info_usuario a{
 text-decoration: none;
 cursor:pointer;
}
*/

.versao{position:fixed;top:13px;left:135px;color:#d68606;display:none;}

#lang{float:right;font-size:12px;margin-top:10px;margin-right:-4px;width:100px;height:80px;}
.idiomaimgs{height:30px;}
.idiomaoptions{height:30px;}

.titulo {
padding:30px 10px 5px 10px;
margin-top:520px;
text-align:center;
vertical-align:middle;
height:100px;
background-color:black;
opacity:0.8;
}
.secao {
  font-size:30px;
color:GhostWhite;
width:25%;
}
/*
#name{margin-top:15px;}
*/

.secao:hover {
opacity:0.7;
background-color: yellow;
}

/* Página menu de modulos */
#topo{width:100%;height:60px;color:ghostwhite;}
/* #iconehome {cursor:pointer;float:left;margin:10px 0 0 20px;} */
/*Renan - #iconehelp {cursor:pointer;float:right;margin:12px 0px 0 0;} */
#iconehelp {cursor:pointer;float:right;margin:12px 22px 0 0;}

#iconehelp:hover {
opacity:0.6;
transition: 0.4s;
}

/*Lucas*/
#iconehelp img {
  width: 30px;
  height: 30px;
}

#corpomodulo {text-align:center;width:100%;height:90%;cursor:pointer;margin-top:40px;}

.titulo_licao {
/*padding-left:50px;*/
text-align:center;
vertical-align:middle;
margin-top: 30px;
/*width: 65%;*/
margin-left: 50px;
z-index:100;
}
.secao_licao {
font-size:30px;
color:GhostWhite;
width:30%;
float:left;
height:30%;
background-repeat:no-repeat;
margin: 5px 0 5px 35px;
}

.peq {
height:22%;
}
.peq .titulo_licao {
	margin-top: 20px;
	font-size:26px;
}


.secao_licao:hover {
opacity:0.6;
font-size:30px;
transition: 0.4s;
}

/*Renan - float:right;height:80px;z-index:-1000;margin-right:20px;margin-top:-25px; */
.menuIcon{
float:right;height:80px;z-index:-1000;margin-right:20px;margin-top: -20px;
}


.umaLinha{
margin-top:5px;
}


/*---------------------------------------------*/
/*ESTILOS PARA LABORATÓRIO A PARTIR DAQUI */
/*----------------------------------------------*/

.fase-titulo {
float:left;
font-size:16px;
color:#57a429;
margin-top:17px;
margin-left:170px;
margin-right: 10px;
}

/*Renan*/
#fase-titulo-minidesafio{
float:left;
font-size:16px;
color:#57a429;
margin-top:17px;
margin-left: 50px;
margin-right: 10px;
}

.fase-titulo2 {
float:left;
font-size:16px;
color:ghostwhite;
margin-top:19px;
margin-left:10px;
}

/*.fase-titulo2 span {
margin-top: 0px;
}*/
/*
#nivel {
margin-left:-1px;
float:left;
margin-top:5px;
margin-right: 10px;
}
*/

/* #info_usuario{height:20px;width:40px;font-size:15px;float:right;} */

/*Renan - backup
#info_login{height:35px;font-size:16px;float:right;margin-right:8px;padding-top:2px;color:white;width:220px;text-align:right;}
*/
/*Renan - backup2
#info_login{height:35px;font-size:16px;float:right;margin-right:8px;padding-top:5px;color:white;width:220px;text-align:right;}
*/
/* #info_login{height:35px;font-size:16px;float:right;margin-right: 30px;padding-top:3px;color:white;width:120px;text-align:right;} */

/* #principal{text-align:center;width:100%;height:90%;cursor:pointer;margin-top: 0px;} */
#vr{height:10px;width:10px;font-size:1px;visibility:visible;}

.btn-round {
background-color: white;
border-radius: 999em;
width: 40px;
height: 40px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
line-height: 1;
font-size: 26px;
position: relative;
}

.btn-round a, .btn-round a:hover {
cursor:pointer !important;
}


.btn-round span  {
position: absolute;
left: 0;
top: 75%;
height: 100%;
width: 100%;
text-align: center;
margin-top: -22px;
color: #FFF;
cursor:pointer;
}

.btn-round.small  {
height: 30px;
width: 30px;
margin-bottom:8px;
cursor: pointer;
margin-left:12px;
margin-top:6px;
font-size:24px;
padding-top:5px;
}

.btn-round.selected {
margin-left:6px;
}

.btn-round.small a  {
text-decoration:none;
margin-left:5px;
color:rgb(250,250,250);
}

.btn-round.selected span{
color:black;
}

.btn-round a span {
font-size:26px;cursor:pointer;
}

.white { background-color: white;color:black !important; }
.red { background-color: #d23f31; }
.green { background-color: #57A429; }
.blue { background-color: #38818F;}
.orange { background-color: #D28031; }
.purple { background-color: #8064A8; }

.red:hover { background-color: #c22f21; }
.green:hover { background-color: #479419; }
.blue:hover { background-color: #28717F;}
.orange:hover { background-color: #B26021; }
.purple:hover { background-color: #6C5094; }

.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}


.corpolab{ background-color: #444444;}
/* palco */
/*
#secao_palco{
float:left;
width:50px;
}
#img_palco {width:537px;position:absolute;left:10px;}
#robotapete{height:60px;position:absolute;display:none;}
*/

/* #secao_programacao{	float:right;} */

/* comandos */
/* #secao_comando {}
#img_comandos{position:absolute;height:450px;left:600px;}
.botao{height:60px;cursor:pointer;}
.botao_peq{height:30px;cursor:pointer;}
#up{position:absolute;left:797px;top:280px;}
#right{position:absolute;left:855px;top:340px;}
#down{position:absolute;left:797px;top:405px;}
#left{position:absolute;left:725px;top:340px;}
#pause{position:absolute;left:735px;top:425px;}
#go{height:50px;position:absolute;left:797px;top:350px;}
#x{position:absolute;left:860px;top:425px;}
 */

/* programa */
/* #secao_programa {position:absolute;top:550px;left:600px;}
.img_comando_programa{height:40px; filter: grayscale(100%);margin-right:2px;}
.img_comando_laco{height:40px; filter: grayscale(0%);margin-right:2px;}
.laco_estilo{color:orange;font-size:32px;margin-right:3px;}
 */
/** animacao simluadao **/

.robo0 {
-webkit-transform: rotate(0deg) !important;
		transform: rotate(0deg) !important;
}

.robo90 {
-webkit-transform: rotate(90deg) !important;
		transform: rotate(90deg) !important;
}

.robo180 {
-webkit-transform: rotate(180deg) !important;
		transform: rotate(180deg) !important;
}

.robo270 {
-webkit-transform: rotate(270deg) !important;
		transform: rotate(270deg) !important;
}

#robotapete {
	-webkit-transition: all; /* Safari */
	-webkit-transition-duration: 3s; /* Safari */
	-webkit-transition-timing-function: ease-in-out; /* Safari */
	transition: all;
	transition-duration: 3s;
	transition-timing-function: ease-in-out;
	z-index: 1000;
}

.tapeteOpaco{opacity:0.5;}

.d-0,.d-1,.d-2,.d-3,.d-4,.d-5,.d-6,.d-7,.d-8,.d-9,.d-10, .d-11, .d-12, .d-13, .d-14, .d-15, .d-16, .d-17, .d-18 {display:none;}

.radio-idiomas{
  display: block;	
  position:absolute;
  right:8px;
  top:140px;
} 

#helpImg{position:absolute;right:3px;top:35px;width:60px;height:60px;}

ul{
	list-style-type: none;
}

#image-lang-eng {
  width: 60px;
  height: 60px;
}

#image-lang-port {
  width: 60px;
  height: 60px;
}

input[type=radio] {
  display: none;
}

.radio-idiomas img:hover {
  opacity:0.6;
  cursor: pointer;
}

.radio-idiomas img:active {
  opacity:0.4;
  cursor: pointer;
}


input[type=radio]:checked + label > .radio-idiomas img {
  border: 3px solid rgb(247, 152, 30);
  background-color: whitesmoke;
}



/***/
.miniead-cards .box-header {
	background-color: #cccccc;
}
.miniead-cards .box-header-img {
	display: block;
    object-fit: cover;
    max-height: 230px;
}
.box-content-title {
	display: block;
	font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 20px;
	color: #1C3358;
	margin: 0 0 10px;
}
.miniead-cards .box-content {
	height: auto;
	text-transform: uppercase;
}
.miniead-cards .box-content::after { display: none; }
.card-number {
	display: block;
	width: 60px;
	position: absolute;
	top: 0;
	left: 100%;
	transform: translate(-80%,-30%);
	z-index: 10;
}
.miniead-logo {
    background: url(../miniead-logo.png) no-repeat center;
    background-size: cover;
    display: block;
    float: left;
    width: 180px;
    height: 45px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 0 0 0;
	position: relative;
	z-index: 1;
}
.footer .miniead-logo {
    float: none;
    width: 140px;
    height: 35px;
    margin: -9px 0 0;
}
.lesson-step { cursor: pointer; }
.lesson-step.selected .lesson-step-tag {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.lesson-step.selected {
    border-color: #13CB55;
}
.lesson-step-tag-info {
	text-indent: -999px;
	overflow: hidden;
}
.lesson-step-tag-info:after {
	background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.531a1.969 1.969 0 1 1 0 3.938 1.969 1.969 0 0 1 0-3.938Zm2.625 11.907c0 .31-.252.562-.563.562H9.939a.563.563 0 0 1-.563-.563v-1.125c0-.31.252-.562.563-.562h.562v-3h-.563a.563.563 0 0 1-.562-.563v-1.124c0-.311.252-.563.563-.563h3c.31 0 .562.252.562.563v4.687h.563c.31 0 .562.252.562.563v1.125Z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	top: 27px;
	left: 3px;
}
.old-version {
	background: url(../../../mmblockly/mmblockly/home/img/ico-versao.svg) no-repeat 10px center, linear-gradient(180deg, #F8F8F9 0%, #D8D8E6 100%);
	box-shadow: 0 1px 1px rgba(3, 11, 28, 0.25), 0 2px 4px rgba(3, 11, 28, 0.1), 0 10px 10px -2px rgba(3, 11, 28, 0.05);
	border-radius: 0 0 12px 12px;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: #636E89;
	padding: 12px 10px 10px 40px;
	position: absolute;
	top: -2px;
	right: 15px;
	z-index: 10;
	transition: all .2s linear;
}
.old-version:hover {
	color: #000;
	top: 0;
}
.ico-help-info {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 11.78a2.812 2.812 0 0 0-2.809 2.809v1.83A2.812 2.812 0 0 0 12 19.23a2.812 2.812 0 0 0 2.809-2.81v-1.83A2.812 2.812 0 0 0 12 11.78Zm.934 4.64a.935.935 0 0 1-1.868 0v-1.831a.935.935 0 0 1 1.868 0v1.83ZM12 4.772a2.812 2.812 0 0 0-2.809 2.809A2.812 2.812 0 0 0 12 10.389a2.812 2.812 0 0 0 2.809-2.808A2.812 2.812 0 0 0 12 4.772Zm0 3.742a.935.935 0 0 1 0-1.867.935.935 0 0 1 0 1.867Z' fill='%23636E89'/%3E%3Cpath d='M20.485 3.515A11.922 11.922 0 0 0 12 0a11.922 11.922 0 0 0-8.485 3.515A11.922 11.922 0 0 0 0 12c0 2.871 1.017 5.62 2.873 7.792l-.358 2.252a.938.938 0 0 0 1.147 1.058l2.51-.61A11.99 11.99 0 0 0 12 24c2.288 0 4.514-.647 6.436-1.87a.937.937 0 0 0-1.007-1.582A10.092 10.092 0 0 1 12 22.125a10.11 10.11 0 0 1-5.202-1.437.937.937 0 0 0-.704-.107l-1.506.367.207-1.3a.937.937 0 0 0-.237-.783A10.094 10.094 0 0 1 1.875 12C1.875 6.417 6.417 1.875 12 1.875S22.125 6.417 22.125 12c0 1.974-.568 3.887-1.643 5.532a.938.938 0 1 0 1.57 1.025A11.953 11.953 0 0 0 24 12c0-3.205-1.248-6.219-3.515-8.485Z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
#secao_palco {
	background-color: #333;
	border-radius: 4px;
	display: block;
	width: 537px;
	height: 537px;
	position: relative;
}
#img_palco {
	border-radius: 4px;
	display: block;
	position: absolute;
}
#robotapete {
	height: 60px;
	position: absolute;
	display: none;
}
#robotapete, .classe0 { left: -10px; }
#secao_programacao { }
#secao_comando {
	width: 450px;
	height: 450px;
	position: relative;
	margin-top: -15px;
}
#img_comandos {
	display: block;
	width: 100%;
	position: absolute;
}
.botao {
	display: block;
	cursor: pointer;
	position: absolute;
}
#up { width: 54px; top: 218px; left: 195px; }
#right { width: 61px; top: 282px; left: 257px; }
#down { width: 54px; top: 342px; left: 195px; }
#left { width: 61px; top: 282px; left: 126px; }
#pause { width: 50px; top: 364px; left: 135px; }
#go { width: 50px; top: 287px; left:197px; }
#x { width: 50px; top: 364px; left: 259px; }

#secao_programa {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 36px;
	gap: 5px;
	margin: 15px 0 0;
}
.command-container {
	display: flex;
	align-items: center;
}
.img_comando_programa { height: 36px; filter: grayscale(100%); cursor: pointer; }
.img_comando_laco { height: 36px; filter: grayscale(0%); cursor: pointer; }
.laco_estilo {
    background: rgba(255, 213, 63, 0.95);
    border-radius: 6px;
    box-shadow: 0px 6px 10px rgba(219, 181, 50, 0.2);
    color: rgba(29, 22, 0,.7);
	display: block;
	width: 36px;
	height: 30px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	padding: 5px 0 5px 8px;
	position: relative;
	margin: 0 0 0 5px;
}
.laco_estilo::before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid rgba(255, 213, 63, 0.95);
	position: absolute;
	top: 3px;
	left: -11px;
}
.command-info-container {
	margin: 0 0 0 auto;
}
.command-info {
	background-color: #FBFBFB;
    box-shadow: 0 20px 25px -20px rgb(0 4 99 / 10%), 0 50px 60px rgb(0 4 99 / 7%);
    border-radius: 10px;
    display: flex;
	align-items: center;
	flex: 1;
	gap: 15px;
	width: 100%;
	max-width: 350px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #1C3358;
    padding: 15px;
    margin: 0 0 15px;
}
.command-info img {
	display: block;
	max-width: 100%;
	height: auto;
}
.btContrast {
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
	padding: 0 10px;
}
.txt-upper { text-transform: uppercase; }

.lesson-instruction-thin .lesson-instructions-character {
	height: 50px;
}
.lesson-instruction-thin .lesson-instructions:before {
	top: 0;
}
.lesson-instruction-thin .lesson-instructions-actions {
	display: flex;
	flex-direction: row-reverse;
}
.lesson-instruction-thin .instruction-play {
	background-position: 6px center;
	border-radius: 0 0 4px 4px;
	width: 56px;
    height: 28px;
    padding: 0 0 0 28px;
	margin: 0;
}
.lesson-instruction-thin .instruction-play:before {
    top: 0;
    left: 28px;
}