@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
/*###########################################*/
/* geral */
*{margin: 0 auto;padding: 0 auto;}
body{width: 100%;font-family: 'Roboto', sans-serif; font-weight: 300;}

.navbar-default .navbar-brand{ padding-left: 20px;}

.esquerda{ padding-left: 50px;}

.meus-cursos{margin-top:30px; background-color: #fff;border-radius: 0px;}

.input-margin { margin-top: 18px;}

.input-lg { border-radius: 0px; }

#nivel{background-color: #D2D4D5; color: #0069b4; width: 80%; height: 30px; padding-top: 5px; margin-left: 10%;}

.icone{padding-top:20px;}

.breadcrumb{background-color: #fff; color: #0069b4;}

.panel {border-radius: 10px; 
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.212);
}

.panel:hover {border-radius: 10px; 
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.555);
}

.btn-curso{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px; width: 80%; margin-left: 10%;}

.btn-curso:hover{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px; width: 80%; margin-left: 10%;}

.btn-conteudo{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px;}

.btn-conteudo:hover{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px; }

.btn-navegacao:hover{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px;}

.btn-navegacao{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px; }

.btn-meus-cursos{background-color: transparent; border-color: #0069b4; color: #0069b4; border-radius: 0px;}

.btn-meus-cursos:hover{background-color: #0069b4; border-color: #0069b4; color: #fff; border-radius: 0px; }

.top{margin-top: 30px;}

.legenda {padding-top: 30px; padding-left: 60px;}

.legenda ul{margin-bottom:0;list-style:none;}

.lista {font-size: 14px; color: #A9ABAE;}

.container-conteudo .legenda ul li{float:left; margin-right:2rem; margin-top: 30px;}

.container-conteudo .legenda ul li .cor{display:inline-block;margin-right:.3rem;width:20px;height:20px; border-radius: 50%; shape-outside: circle();vertical-align:middle}

.container-conteudo .legenda ul li.concluido .cor{background:#5cb85c}

/*.container-conteudo .legenda ul li.andamento .cor{background:#2980b9}*/
.container-conteudo .legenda ul li.andamento .cor{background:#337ab7}

.container-conteudo .legenda ul li.nao-iniciado .cor{background:#f1c411}

.container-conteudo .legenda ul li.expirado .cor{background:#e74c3c}

.container-conteudo .legenda ul li.aprovado .cor{background:#5ea20d}

.container-conteudo .legenda ul li.analise .cor{background:#3498db}

.container-conteudo .legenda ul li.aguardando .cor{background:#f1c40f}

.baixo{padding-top: 5%;
  padding-bottom: -15%;}

.row{margin-right: 0px;margin-left: 0px;}

.form-control{border-radius: 0px; height: 40px;}

.btn{border-radius: 0px;}

.alert{border-radius: 0px;}

.table-hover > tbody > tr:hover{background-color: #dcdddf;}

.navbar-default{background-color: #FFF;border-color: #FFF; padding-top: 0px; padding-bottom: 0px;}

.btn-default {color: #4b4b4d;background-color: #FFF;border-color: #A9ABAE;}

.texto-azul{color:#0069b4;margin-bottom: 0;}

.texto-azul:hover{color:#0069b4;margin-bottom: 0;}

.texto-azul > a{color:#0069b4;}

.texto-azul:hover > a{color:#0069b4;}

.texto-vermelho{color:#0069b4;margin-bottom: 0;}

.texto-vermelho > a{color:#0069b4;}

.input-group-addon{border-radius: 0px;}

.espaco{margin-right: 5px;}

#serial{text-transform: uppercase;}

.btn-avaliacao {color: #3498db;background-color: #fff;border-color: #3498db;}

.btn-avaliacao:hover {color: #fff;background-color: #3498db;border-color: #3498db;}

.avaliacao-text {color:#868686; margin-top: 5px; font-size: 16px;}
/* final geral */

/*###########################################*/

/* topo */
#nav-suporte{height: 40px;background: #FFF;padding-top: 2px;}

.homelink{color:#485B6E;}

.homelink:hover{color:#0069b4;}

.serialconectado{color:#485B6E;text-align: right;}

.serialconectado > a{color:#485B6E;}

.serialconectado > a:hover{color:#0069b4;}

#topo{margin: 0 auto;padding: 0 auto;background-color: #F0F0F0;height: 110px;border-bottom: 2px solid #BDBFC1;}

.logo{margin-top: 32px;}

.logo-suporte{margin-top: 24px;text-align: right;}

/* fim topo */

/*###########################################*/
/* rodapé */

#footer{background-color: #0069b4;color: #FFF;height: 90px;padding-top: 22.5px;}

.copyright{padding-top: 10px;}

/* fim rodapé */
/*###########################################*/

/* resoluções */

@media screen and (min-width: 320px) and (max-width: 1023px) {

 .navbar-default .navbar-nav>li>a{ padding-left: 10px; }

 .esquerda{padding-left: 0px;}

 .navbar-default .navbar-brand{ padding-left: 10px;}

 #topo{height: 95px;text-align: center;}

 #nav-suporte{height: 55px;text-align: center;}

 .serialconectado{text-align: center;}

 #footer{text-align: center;height: 110px;}

 #acessados{height:100%; }

 .ui-menu .ui-menu-item{width: 88%}

 .ui-widget-content{width: 88%}
}

/* fim resoluções */
/*###########################################*/

#toTop { bottom: 10px; color: #333; cursor: pointer; display: none; font-family: verdana; font-size: 11px; padding: 5px; position: fixed; right: 10px; text-align: center; width: 100px;
}

div#loader{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left:0px;
  background-color: #eee;
  background-image: url('../img/load.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*============================= RADIO =======================

input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  border-radius: 50%;
  opacity   : 0;
}


input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;

}

input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 50%;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : #d83135;
  border-radius: 50%;
}

*/
.alert-novidades {
  /*color: #3c763d;*/
  background-color: #dff0d8;
  border-color: #d6e9c6;
}