/*
 * Application level styles
 * (things that dont make sense in a toolkit :)
 * copyright @colossal 2015
 052c64
 */
-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
-webkit-scrollbar-thumb {
    background: #dad7d7;
}


.loading { display: none; }
.enviado { display: none; }
.enviado2 { display: none; }

a:hover {text-decoration: none;
color: #FF0000;
}

/*AMEA*/
#footer{
color:white;
background-color: #0a5b8a;
position:fixed;
bottom:0;
width:100%;
height: 30px;
color: white;
line-height: 30px;
text-align: center;
box-shadow: 1px 1px 20px #888888;
}

#logoElfutec{
  float: left;
  margin: 15px;
}

#logoSoitic{
  float: left;
  margin: 15px;
}

#faixa{
background-color: #ffa801;
position:fixed;
top:86;
width:100%;
height: 5px;
color: white;
text-align: center;
box-shadow: 1px 1px 20px #888888;
z-index: 1;
}
/*AMEA*/

/*Prova*/
#navbar{
color: #FFFFFF;
background-color: #272727;
position: fixed;
width: 100%;
height: 70px;
line-height: 30px;
margin: auto;
}

#cronometro{
padding: 5px;
float: left;
margin: auto;
}

#tempoRestante{
padding: 5px;
float: left;
margin: auto;
text-align: center;
}

#tempo {
margin: auto;
}
/*Prova*/


/*Área do Aluno*/
#button{
  width: 350px;
  height: 40px;
  background-color: #E8BA33;
  margin: auto;
  float: left;
  line-height: 40px;
  margin: 10px;
  font-size: 18;
  color: #FFFFFF;
  transition: background-color 2s;
  box-shadow: 0.5px 0.5px 10px #cccccc;
}


#button:hover{
  width: 350px;
  height: 40px;
  background-color: #0a5b8a;
  margin: auto;
  float: left;
  line-height: 40px;
  margin: 10px;
  font-size: 18;
  color: #FFFFFF;
  box-shadow: 0.5px 0.5px 10px #cccccc;
}


#btAnulo {
 background-color: black;
 width: 50px;
 height: 50px;
}

#box {
margin: 10px;
}

#BoxCurso {
padding: 0px;
color: #FFFFFF;
background-color: #0a5b8a;
border-style: solid;
border-width: 0.5px;
border-color: #cccccc;
width: 250px;
height: 270px;
margin: 6px;
-webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 1s;
margin-bottom: 40px;
box-shadow: 0.5px 0.5px 10px #cccccc;
margin-bottom: 80px;
}

#BoxCurso:hover {

background:#336699;
color: #FFFFFF;
box-shadow: 1px 1px 40px #0a5b8a;
}

#CursoTitle {
text-align: center;
margin: 10px;
height: 50px;
font-size: 14px;
width: 95%;
}

#AcessarCurso {
line-height: 45px;
font-size: 18px;
margin-top: 5px;
background: #E8BA33;
width: 100%;
height: 50px;
text-align: center;
transition: opacity 2s;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: 0.5px 0.5px 10px #cccccc;
}

#AreaDoAlunoTop {
width: 890px;
height: 512px;
background-color: #FFFFFF;
margin-left: 10px;
border-style: solid;
border-color: #cccccc;
border-width: 1px;
text-align: center;
margin-bottom: 10px;
box-shadow: 0.5px 0.5px 10px #cccccc;
}


#boxTop{
  color: #7C7C7C;
  padding: 20px;
  width: 50%;
  height: 40%;
  background-color: #FFFFFF;
  float: left;
  margin: auto;
  text-align: center;
  height: 308px;

}

/* Janela ao passar mouse*/

[data-tooltip] {
  position: relative;
  font-weight: bold;
  z-index: 1;
}

[data-tooltip]:after {
  border: 1px;
  border-style: solid;
  display: none;
  position: absolute;
  top: 40px;
  padding: 10px;
  border-radius: 10px 0px 10px 0px;
  left: calc(50%);
  content: attr(data-tooltip);
  white-space: nowrap;
  background-color: white ;
  color: #336699;
  box-shadow: 1px 1px 5px #CCCCCC;
}

[data-tooltip]:hover:after {
  display: block;
}

/* Janela ao passar mouse*/

#boxAmea{
width: 90%px;
margin-left:5px;
color: #FFFFFF;
padding: 5px;
}

#facebook{
margin-right: 10px;
padding: 5px;
border-radius: 10px;
}

#boxModal{
padding: right;
}

#UserExtra {
margin: 15px;
}

#retornoHTML {
margin: 15px;
}

#formUsuario{
width: 90%;
margin:15px;
}

#menuAmea {
width: 500px;

float: left;
}

#sumario{
margin: 10px;
}

.a {
  background-color: #fff;
  border-color: #d3e0e9;
}


/* general overrides */
.b .c {
  line-height: 1.4;
}
.d .close {
  margin-top: 4px;
}
strong {
  font-weight: bold;
}


/* navbar */
.app-navbar {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.app-navbar .form-control {
  box-shadow: none;
}
.app-navbar .e img {
  width: 85px;
}
.app-navbar .f {
  max-height: inherit;
}
.app-navbar .f:after {
  height: 100vh;
}
.app-navbar .form-control {
  border-color: #1C73A5;
}
.app-navbar .g {
  margin-left: 1rem;
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}
.g .h:before {
  font-size: 20px;
}
@media (min-width: 768px) {
  .app-navbar .f:after {
    height: auto;
  }
}
@media (max-width: 768px) {
  .i {
    margin-top: -1px;
  }
#faixa{
background-color: #ffa801;
position:fixed;
top:40;
width:100%;
height: 10px;
color: white;
text-align: center;
box-shadow: 1px 1px 20px #888888;
}

#BoxCurso {
margin: auto;
padding: 0px;
color: #FFFFFF;
background-color: #0a5b8a;
border-style: solid;
border-width: 0.5px;
border-color: #cccccc;
width: 280px;
height: 270px;
margin: auto;
margin: 12px;
-webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 1s;
margin-bottom: 40px;
box-shadow: 0.5px 0.5px 10px #cccccc;
margin-bottom: 80px;
}








}

/* misc */
.j {
  max-width: 280px;
  margin-top: -60px;
}
.k {
  margin-right: 10px;
}
.l {
  width: 40%;
  display: inline-block;
}
.l img {
  width: 100%;
}

.formErro{
  border: 1px solid #FF0000!important;
}

.exercicioCorreto{
  color: green;
  font-weight: bold;
}

.exercicioErrado{
  color: red;
  font-weight: bold;
}

.tentativaItem:hover {
    color: #0A5B8A;
}