/*====================================== geral ======================================*/
.fileName {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
label.fileName {
 cursor:pointer;
 font-weight:normal;
}
label.fileContainer { border-width:0px; }
.fileContainer > input[type=file] { display:none; }
h4.modal-title > i {
 vertical-align:middle;
 font-size:22px;
 line-height:1;
}
h4.modal-title > span.barraTopo, .recursos .recurso > h3 > span.barraTopo {
 padding:1px 6px;
 margin-right:6px;
 font-size:13px;
 font-weight:normal;
}
/*= areas / email / unidades / instalacoes / papeis / sms / turmas =*/
#appBody_email, #appBody_unidades, #appBody_sms { padding:0px; }
#appBody_areas, #appBody_instalacoes, #appBody_modalidades, #appBody_papeis,
#appBody_skins, #appBody_tags, #appBody_categorias_unidades {
 padding:0px 6px;
}
div[id^=appBody_] div.panel > div.panel-heading > h3,
div[id^=appBody_] div.panel > div.panel-heading > h4 {
 margin:0px;
}
div[id^=appBody_] div.panel > div.panel-heading > h3 > i,
div[id^=appBody_] div.panel > div.panel-heading > h4 > i {
 vertical-align:text-bottom;
}
div[id^=appBody_] div.panel-body.table-hover > div.form-group,
div[id^=appContent_] div.panel-body.table-hover > div.form-group { cursor:pointer; }
div[id^=appBody_] div.panel > div.panel-body > div.form-group,
div[id^=appContent_] div.panel > div.panel-body > div.form-group {
 margin:0px;
 padding:5px 0px;
}
div[id^=appContent_] > div.panel > div.panel-body { padding:0px; }
div[id^=appContent_] div.panel-primary,
div[id^=appContent_] div.panel-primary > div.panel-heading {
 border-width:0px;
}
div[id^=appContent_] div.panel-primary:not(.noShadow) {
 -webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
 -moz-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
 box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
}
div[id^=appBody_] div.panel-primary > div.panel-body > .form-group:not(:last-child) {
 border-bottom:2px solid #e4e4e4;
}
#areasTbl, #instalTbl, #modalidadesTbl, #papeisTbl, #skinsTbl, #categoriasUnidadesTbl,
div[id^=appBody_] > div.panel > div.panel-heading > div.form-group,
div[id^=appContent_] > div.panel > div.panel-heading > div.form-group {
 margin-bottom:0px;
}
#appBody_modalidades > #modalidadesTbl > div.panel-body i.ni-eye-slash,
#appBody_modalidades > #modalidadesTbl > div.panel-body i.ni-eye {
 font-size:16px;
 line-height:26px;
 vertical-align:middle;
}
#appBody_modalidades > #modalidadesTbl > div.panel-body i:not(.ni-eye):not(.ni-eye-slash) {
 font-size:26px;
 line-height:1;
 vertical-align:middle;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
 color:#000;
}
#appBody_usuarios, #appBody_rel_acessos {
 width:100%;
 min-height:450px;
 padding:0px 10px 30px 10px;
 margin-bottom:40px;
 overflow-y:auto;
}
#relAcessosTbl {
 position:relative;
 width:100%;
 max-width:100%;
 border-width:0px;
}
#dlg_usuarios .avatar, #dlg_editFoto .avatar {
 float:left;
 width:99px;
 height:99px;
 margin:0px 7px;
 border-radius:50%;
 overflow:hidden;
}
#dlg_usuarios .nav.nav-tabs {
 margin:-15px -14px 0px -14px;
 padding-left:8px;
}
#dlg_usuarios .nav.nav-tabs > li:not(:first-child) { margin-left:6px; }
#dlg_usuarios .avatar > img, #dlg_editFoto .avatar > img { width:99px; }
#dlg_usuarios div.barraTopo, #dlg_usuarios div.barraMigalha { margin-top:4px; }
#dlg_usuarios div.barraTopo, #dlg_usuarios div.barraMigalha,
#dlg_usuarios h5.title, #dlg_usuarios div.box {
 padding:8px 10px;
}
#dlg_usuarios div.box[data-p] { cursor:pointer; }
#dlg_usuarios div.box { margin-bottom:1px; }
#dlg_usuarios h5.title > span { font-weight:normal; }

ul#select2-smsTo-results .select2-results__group:hover,
ul#select2-mailTo-results .select2-results__group:hover,
ul#select2-mailCc-results .select2-results__group:hover,
ul#select2-mailBcc-results .select2-results__group:hover {
 cursor:pointer;
 background-color:#5897fb;
 color:#fff;
}
div.counterCheck {
 display:inline-block;
 height:29px;
 font-size:20px;
 line-height:1;
 padding:0;
 font-weight:bold;
 text-align:center;
 vertical-align:sub;
}
/*====================================== admin ======================================*/
#appContent_admin > ul > li > i.ni-user-filter {
 font-size:18px;
 line-height:1;
 vertical-align:middle;
}
/*====================================== agenda ======================================*/
#appHeader_agenda ul.menu.in::before { right:84px; }
#appBody_agenda {
 border-width:0px 1px 1px 1px;
 border-style:solid;
}
#appBody_agenda > div.barraTopo {
 padding:8px 15px;
 font-size:16px;
}
#appBody_agenda > div.dia {
 position:relative;
 border-left:90px solid white;
 padding:0px 20px;
}
#appBody_agenda > div.dia > span {
 position:absolute;
 top:0px;
 left:-90px;
 display:block;
 width:90px;
 font-size:44px;
 line-height:1;
 font-weight:bold;
 text-align:center;
}
#appBody_agenda > div.barraTopo + div.dia,
#appBody_agenda > div.barraTopo + div.dia > span {
 padding-top:15px;
}
#appBody_agenda > div.dia > span > small {
 display:block;
 font-weight:normal;
 font-size:18px;
}
#appBody_agenda > div.dia > div.carta {
 cursor:default;
 width:100%;
 padding-left:60px;
}
#appBody_agenda > div.dia > div.carta > span.tp { position:absolute; }
#appBody_agenda > div.dia > div.carta > span.tp > i {
 display:block;
 line-height:1;
}
#appBody_agenda > div.dia > div.carta > span.tp > span.barraTopo { font-weight:normal; }
#appBody_agenda > div.dia > div.carta > i.edit {
 cursor:pointer;
 position:absolute;
 top:5px;
 right:5px;
 padding:5px;
}
#appBody_agenda > div.dia > div.carta > h3 {
 margin:12px 22px 3px 0px;
 padding-left:0px;
 font-weight:normal;
}
#appBody_agenda > div.dia > div.carta > p {
 padding-left:0px;
 line-height:1;
}
#appBody_agenda > div.dia > div.carta > p + p { padding-top:0px; }
#appBody_agenda > div.dia > div.carta > p:last-child { padding-bottom:12px; }
#appBody_agenda > div.dia > div.carta > p.rodape > button {
 float:right;
 margin-top:-12px;
}
@media screen and (min-width:768px) {
 #appBody_agenda > div.dia > div.carta > span.tp {
  top:10px;
  left:12px;
 }
 #appBody_agenda > div.dia > div.carta > span.tp > span.barraTopo {
  padding:1px 6px;
  font-size:13px;
 }
 #appBody_agenda > div.dia > div.carta > span.tp > i { font-size:36px; }
}
@media screen and (max-width:767px) {
 #appBody_agenda > div.dia {
  border-left-width:60px;
  padding:0px 8px;
 }
 #appBody_agenda > div.dia > span {
  left:-60px;
  display:block;
  width:60px;
  font-size:18px;
 }
 #appBody_agenda > div.dia > span > small { font-size:14px; }
 #appBody_agenda > div.dia > div.carta { padding-left:52px; }
 #appBody_agenda > div.dia > div.carta > span.tp {
  top:8px;
  left:8px;
 }
 #appBody_agenda > div.dia > div.carta > span.tp > span.barraTopo {
  padding:1px 3px;
  font-size:10px;
 }
 #appBody_agenda > div.dia > div.carta > span.tp > i { font-size:24px; }
 #appBody_agenda > div.dia > div.carta > h3 {
  margin:8px 10px 3px 0px;
  font-size:18px;
 }
 #appBody_agenda > div.dia > div.carta > p.rodape > button {
  margin-top:-8px;
  padding:4px 8px;
 }
}
@media screen and (max-width:479px) {
 #appBody_agenda > div.dia > div.carta > p.rodape > button {
  float:none;
  display:block;
  margin-top:8px;
 }
}
/*======================= avaliacao ludica / online / offline =======================*/
div[id^=appBody_recursos_av] { position:relative; }
div[id^=appBody_recursos_av] section.questoes, div[id^=appBody_recursos_av] .carta {
 position:relative;
 display:block;
 width:auto;
 max-width:1024px;
}
div[id^=appBody_recursos_av] section.questoes,
div[id^=appBody_recursos_av] .questao:not(.grade) {
 min-height:130px;
}
div[id^=appBody_recursos_av] section.questoes { margin:0px auto; }
div[id^=appBody_recursos_av] section.questoes > div.alert:last-of-type {
 margin-bottom:50px;
}
div[id^=appBody_recursos_av] > section.alert {
 text-align:center;
 padding-bottom:40px;
}
div[id^=appBody_recursos_av] > section.alert > div.big {
 clear:both;
 padding:25px 15px 0px 15px;
 font-size:28px;
 text-align:center;
}
div[id^=appBody_recursos_av] > section.alert > div + div { margin-top:35px; }
div[id^=appBody_recursos_av] > section.alert > div.brd {
 border:1px solid black;
 border-radius:3px;
 padding:20px;
 margin-left:auto;
 margin-right:auto;
 display:inline-block;
}
div[id^=appBody_recursos_av] > section.alert > div.brd > p { display:inline-block; }
div[id^=appBody_recursos_av] > section.alert > div.brd > button {
 margin-left:16px;
 padding:8px 25px;
}
div[id^=appBody_recursos_av] > section.alert > div:not(.brd):last-child > button {
 width:200px;
 padding:8px 0px;
}
div[id^=appBody_recursos_av] > section.alert > div:not(.brd):last-child > button:not(:first-child) {
 margin-left:12px;
}
div[id^=appBody_recursos_av] section.questoes > .carta { margin:0px auto 15px auto; }
div[id^=appBody_recursos_av] .carta {
 cursor:default;
 padding:10px 15px 15px 15px;
}
div[id^=appBody_recursos_av] > .carta > button {
 position:absolute;
 bottom:10px;
 padding:6px 20px;
}
div[id^=appBody_recursos_av] > .carta > button:nth-last-child(2) { right:98px; }
div[id^=appBody_recursos_av] > .carta > button:last-child { right:12px; }
div[id^=appBody_recursos_av] section.questoes:not(.carta) > button { float:right; }
div[id^=appBody_recursos_av] section.questao > header > h4 > span {
 display:inline-block;
 margin-right:10px;
 padding:9px 0px 0px 0px;
 width:43px;
 height:40px;
 text-align:center;
 border-radius:50%;
 font-weight:600;
 border:0;
}
div[id^=appBody_recursos_av] section.questao.grade > header,
div[id^=appBody_recursos_av] section.questao.grade > header > h4 {
 display:inline-block;
}
div[id^=appBody_recursos_av] section.questao select.form-control { padding:0px 2px; }
div[id^=appBody_recursos_av] section.questao div.form-control {
 height:auto;
 min-height:35px;
 padding:0px;
 border-width:0px;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
div[id^=appBody_recursos_av] section.questao label.checkbox-inline,
div[id^=appBody_recursos_av] section.questao label.radio-inline {
 padding-top:0px;
}
/*================================ avaliacao ludica ================================*/
#appBody_recursos_avludica > div.vidas {
 max-width:1024px;
 text-align:center;
 margin:12px auto;
}
#appBody_recursos_avludica > div.vidas > div {
 display:inline-block;
 width:120px;
 margin:12px 5px 0px 0px;
 font-size:34px;
 line-height:0.8;
 border-radius:3px;
}
#appBody_recursos_avludica > div.vidas > div.ni-heart { padding:3px 0px 0px 0px; }
#appBody_recursos_avludica > div.vidas > div.fa-times {
 padding:3px 0px 7px 0px;
 vertical-align:top;
}
#appBody_recursos_avludica > div.campos {
 text-align:center;
 padding-bottom:12px;
}
#appBody_recursos_avludica > div.campos > div {
 display:inline-block;
 white-space:nowrap;
 margin:0px 14px;
}
#appBody_recursos_avludica > div.campos > div > label { padding-right:3px; }
#appBody_recursos_avludica > div.campos > div > span {
 display:inline-block;
 font-size:18px;
 font-weight:bold;
 color:#888;
}
#appBody_recursos_avludica > div.campos span#layerQuestaoAtual > span {
 font-weight:normal;
}
@media screen and (max-width:767px) {
 #appBody_recursos_avludica > div.vidas > div { width:100px; }
}
@media screen and (max-width:599px) {
 #appBody_recursos_avludica > div.vidas > div { width:92px; }
}
@media screen and (max-width:479px) {
 #appBody_recursos_avludica > div.vidas > div { width:82px; }
}
@media screen and (max-width:319px) {
 #appBody_recursos_avludica > div.vidas > div { width:72px; }
}
/*================================ avaliacao online ================================*/
#grpApps_main div#appBody_recursos_avonline { padding-bottom:0px; }
#appBody_recursos_avonline > div.listaDeQuestoes {
 max-width:1024px;
 text-align:center;
 margin:0px auto 12px auto;
}
#appBody_recursos_avonline > div.listaDeQuestoes > button {
 margin:8px 5px 0px 0px;
 font-weight:600;
}
#appBody_recursos_avonline > div.layerQuestaoAtual {
 margin:14px auto;
 max-width:1024px;
 font-size:14px;
 text-align:center;
}
#appBody_recursos_avonline > div.layerQuestaoAtual > i {
 cursor:pointer;
 font-size:18px;
}
#appBody_recursos_avonline > div.layerQuestaoAtual > i.fa-chevron-left { float:left; }
#appBody_recursos_avonline > div.layerQuestaoAtual > i.fa-chevron-right { float:right; }
#appBody_recursos_avonline > div.layerQuestaoAtual > button { margin-left:30px; }
/*================================ banco de questoes ================================*/
.questao.carta {
 width:100%;
 margin-top:12px;
 padding:15px;
}
.questao.carta > .head {
 position:relative;
 margin:-15px -15px 15px -15px;
 padding-left:15px;
 padding-top:12px;
 padding-bottom:12px;
}
.questao.carta > .head:not(.desemp) { padding-right:15px; }
.questao.carta > .head.desemp { padding-right:56px; }
.questoes > .questao > .head.desemp {
 position:relative;
 margin:0px;
 padding:10px 0px;
}
.questao.carta > .head.desemp > span:first-child,
.questoes > .questao > .head.desemp > span:first-child,
#appBody_comentarios_questoes > div.carta > span {
 position:absolute;
 right:0px;
 top:0px;
 bottom:0px;
 width:48px;
 border-top-right-radius:3px;
}
.questao.carta > .head.desemp:not(.brdBottom) > span:first-child {
 border-bottom-left-radius:6px;
}
.questao.carta > .head.desemp > span:first-child::before,
.questoes > .questao > .head.desemp > span:first-child::before,
#appBody_comentarios_questoes > div.carta > span::before {
 position:absolute;
 right:12px;
 top:50%;
 margin-top:-12px;
 font-size:24px;
 line-height:1;
}
.questao.carta > .head + p.on { font-size:18px; }
.questao.carta.barraTopo p.on { color:#fff !important; }
.questao.carta > h4.head > span { vertical-align:top; }
.questao .nome > span { cursor:pointer; }
.questao > header > h4 {
 margin:0px;
 font-size:14px;
}
.questao > header > h4 > div { display:inline-block; }
.questao > header > h4 > div > .title {
 display:block;
 margin-bottom:2px;
}
.questao > header > h4 > i[class^=ni]::before {
 margin-right:3px;
 font-size:32px;
 line-height:1;
 vertical-align:top;
}
.questao > h5:not(.nocolor), .questao > p { padding:0px 8px 10px 0px; }
.questao h5.nocolor { padding:10px 8px 20px 0px; }
.questao > aside {
 float:left;
 width:50%;
 min-height:100px;
}
.questao img { max-width:100%; }
.questao ol { margin-left:15px; }
.questao ol li, .questao ul li { clear:both; }
.questao ul > li > span.fa:first-child {
 float:left;
 margin-right:8px;
 padding-top:3px;
 font-size:18px;
}
.questao > div:not(.form-group):not(.bts):not([data-u]) { min-height:100px; }
.questao > p:last-child { margin:15px 0px 0px 0px; }
.questao > footer {
 clear:both;
 min-height:29px;
 margin-bottom:-5px;
 margin-top:20px;
}
.questao > footer > .btn { margin:0px 5px 5px 0px; }
.questao > footer > button[class^=downResp] > span {
 max-width:280px;
 overflow:hidden;
 white-space:nowrap;
 display:block;
 text-overflow:ellipsis;
}
.questao > footer div[data-u] { display:inline-block; }
.questao > footer div[data-u] > div.dt {
 display:inline-block;
 margin-left:16px;
 padding-left:16px;
 vertical-align:middle;
 border-left:1px solid #cecece;
}
#dlgBody_banco_questoes { padding-bottom:0px; }
#dlgBody_banco_questoes textarea { resize:none; }
#dlgBody_banco_questoes > #bcoEditQuestItensTypes { padding-left:11px; }
#dlgBody_banco_questoes > #bcoEditQuestItensTypes label {
 font-size:13px;
 font-weight:600;
}
#dlgBody_banco_questoes > #bcoEditQuestItens {
 margin-bottom:15px;
 padding:0px 10px;
 background-color:#fbfbfb;
 border:1px solid #e1e1e8;
}
#dlgBody_banco_questoes > #bcoEditQuestItens > div.form-group:not(.MA):first-child {
 margin-top:10px;
}
#dlgBody_banco_questoes > #bcoEditQuestItens > div.form-group.MA {
 margin:10px -10px 0px 0px;
}
#dlgBody_banco_questoes > #bcoEditQuestItens > div.form-group.MA > div:nth-child(2) {
 margin:-10px 0px 0px 0px;
 padding-top:10px;
 background-color:#dfdfdf;
}
#dlgBody_banco_questoes > #bcoEditQuestItens div.form-control {
 height:auto;
 min-height:35px;
 cursor:pointer;
}
#dlgBody_banco_questoes > #bcoEditQuestItens div.col-sm-10,
#dlgBody_banco_questoes > #bcoEditQuestItens div.col-sm-9 {
 padding-right:0px;
}
#dlgBody_banco_questoes > #bcoEditQuestItens div.col-sm-1:nth-child(3) {
 white-space:nowrap;
 padding-left:5px;
}
#appContent_banco_questoes { position:relative; }
#appContent_banco_questoes ul.menu { top:51px; }
#appContent_banco_questoes ul.menu.in::before { right:124px; }
#dlgBody_viewBcoQuest { padding:0px 10px 12px 10px; }
#dlgBody_viewBcoQuest > .questao { background-color:#fff; }
#app_banco_questoes_popup, #app_banco_recursos_popup, #app_banco_sapz_popup {
 overflow-y:hidden;
}
#appContent_banco_questoes_popup ul.menu { top:43px; }
#appContent_banco_questoes_popup ul.menu.in::before { right:172px; }
#appBody_banco_questoes_popup .carta > div.footer.tags > b,
#appBody_banco_questoes .carta > div.footer.tags > b {
 text-decoration:underline;
}
#appBody_banco_questoes_popup .carta > .desemp, #appBody_banco_questoes .carta > .desemp {
 position:relative;
 padding-left:57px;
}
#appBody_banco_questoes_popup .carta > .desemp > span,
#appBody_banco_questoes .carta > .desemp > span {
 position:absolute;
 left:0;
 top:0;
 bottom:0;
 width:50px;
}
#appBody_banco_questoes_popup .carta > .desemp > span::before,
#appBody_banco_questoes .carta > .desemp > span::before {
 position:absolute;
 left:12px;
 top:50%;
 margin-top:-13px;
 font-size:26px;
 line-height:1;
}
#appBody_banco_questoes_popup, #appBody_banco_recursos_popup,
#appBody_banco_sapz_popup {
 width:100%;
 margin-right:-15px;
 padding-bottom:0px;
 overflow-x:hidden;
 overflow-y:auto;
}
div.tagsBts.search {
 margin:25px -5px 15px -5px;
 padding-top:20px;
 text-align:center;
 border-top:1px solid #bdccd4;
}
div.tagsBts span.bt {
 cursor:pointer;
 display:inline-block;
 line-height:1;
 font-size:12px;
 text-align:left;
 white-space:nowrap;
}
div.tagsBts > span.bt[data-tag-type=rel] { width:99px; }
div.tagsBts > span.bt[data-tag-type=own] { width:77px; }
div.tagsBts > span.bt[data-tag-type=all] { width:68px; }
div.tagsBts > span.bt.clean { width:66px; }
div.tagsBts span.bt > i {
 float:left;
 margin-right:5px;
}
div.tagsLayer > span.checked { font-weight:bold; }
div.dropdown-menu > div.tagsLayer { text-align:center; }
div.dropdown-menu > div.tagsLayer > span {
 cursor:pointer;
 margin:0px 10px 10px 0px;
 display:inline-block;
}
div.dropdown-menu > div.tagsLayer > div { font-weight:bold; }
div.tagsEdit > div.tagsLayer {
 margin-top:8px;
 text-align:left;
}
div.tagsEdit > div.tagsLayer > span {
 cursor:pointer;
 margin:0px 10px 10px 0px;
 float:left;
}
div.tagsLayer > div, div.tagsEdit > div.tagsLayer > span.checked + span:not(.checked) {
 clear:left;
}
#grpApps_main div[id^=appContent_banco_] .btn-group.search {
 position:absolute;
 top:10px;
 right:40px;
}
#grpApps_main div.print[id^=appContent_banco_] .btn-group.search,
#app_banco_questoes.print #btBcoQuestSearch {
 display:none;
}
@media screen and (min-width:480px) {
 #appBody_banco_questoes, #appBody_banco_recursos, #appBody_banco_sapz {
  margin-right:-15px;
 }
}
@media screen and (max-width:599px) {
 div.tagsEdit > div.tagsBts { margin-top:9px; }
}
@media screen and (min-width:600px) {
 div.tagsEdit > div.tagsBts {
  margin-left:10px;
  display:inline-block;
  vertical-align:bottom;
 }
 div.tagsEdit > input {
  display:inline-block;
  width:270px;
 }
}
@media screen and (max-width:767px) {
 section.print[id^=app_banco_] div.panel-body { padding:15px !important; }
}
@media screen and (min-width:1600px) {
 #grpApps_main section[id^=app_banco_]:not(.print) { max-width:1630px !important; }
 #grpApps_main section[id^=app_banco_]:not(.print) div.panel-body {
  padding-right:360px !important;
 }
 #grpApps_main section[id^=app_banco_]:not(.print) .btn-group.search { min-height:100%; }
 #grpApps_main section[id^=app_banco_]:not(.print) .btn-group.search > div.dropdown-menu {
  display:block;
  min-height:99%;
 }
}
/*================================ banco de recursos ================================*/
#appHeader_banco_recursos ul.menu.in::before { right:124px; }
#appHeader_banco_recursos > h4 { display:inline-block; }
div[id^=appHeader_banco_] ul.menu:not(.left) > li { font-size:13px; }
div[id^=appHeader_banco_] ul.menu > li::before {
 font-size:29px;
 padding-bottom:6px;
}
#appHeader_banco_recursos > div > ul > li.IMGBQ.fa.fa-picture-o,
#appHeader_banco_recursos > div > ul > li.IMG.fa.fa-picture-o {
 font-family:"Open Sans";
}
#appHeader_banco_recursos > div > ul > li.IMGBQ.fa.fa-picture-o::before,
#appHeader_banco_recursos > div > ul > li.IMG.fa.fa-picture-o::before {
 font-family:"FontAwesome";
}
section[id^=app_banco_recursos] div[id^=appHeader] div.btn-group > div.dropdown-menu > button.btn {
 width:75px;
 font-size:13px;
 font-weight:500;
}
section[id^=app_banco_recursos] div[id^=appHeader] div.btn-group > div.dropdown-menu > button.btn > span {
 width:100%;
 display:block;
}
button[id^=btBcoRecType] > span::before {
 line-height:1;
 font-size:29px !important;
 font-weight:normal;
 padding-bottom:6px;
}
div[id^=appBody_banco_recursos] > .carta { width:100%; }
div[id^=vid_bco], section[id^=vid_bco], iframe[id^=vid_bco] {
 margin:0px auto;
 max-width:1024px;
 width:100%;
}
div[id^=appBody_banco_] .carta h6 > i { vertical-align:middle; }
div[id^=appBody_banco_recursos] > .carta video {
 display:block;
 width:100%;
 max-height:127px;
 margin:0px;
 clear:both;
}
#dlgBody_viewBcoRec > *:not(.footer) {
 padding-left:0;
 padding-right:0;
}
div[id^=appBody_banco_recursos] > .carta iframe,
div[id^=appBody_banco_recursos] > .carta > img,
#dlgBody_viewBcoRec video, #dlgBody_viewBcoRec img.full {
 display:block;
 max-width:100%;
 margin:0px;
 clear:both;
}
div[id^=appBody_banco_recursos] > .carta audio {
 display:block;
 max-width:100%;
 margin:0px 0px 10px 0px;
 clear:both;
 padding:0px 10px;
}
#dlgBody_viewBcoRec audio, #dlgBody_importUcsUesRec audio,
.grpRec > .recursos > .recurso audio {
 display:block;
 max-width:100%;
 margin:10px 0px;
 clear:both;
}
#dlgBody_viewBcoRec img.full { margin-bottom:10px; }
#dlgBody_viewBcoRec > h3, #dlgBody_viewBcoRec > p { padding-top:0px; }
#dlgBody_viewBcoRec div.peq {
 float:left;
 margin:0px 20px 12px 0px;
}
#dlgBody_viewBcoRec div.peq > h3 { margin-top:0px; }
div[id^=appBody_banco_] > .carta section .btn-default {
 float:right;
 margin-right:5px;
 padding:4px 6px 2px 6px;
 border-radius:50%;
}
div[id^=appContent_banco_] div.btn-group.search > div > div:nth-of-type(1) { margin-top:15px; }
div[id^=appContent_banco_] div.btn-group.search > div > div > label {
 font-weight:600;
 font-size:15px;
}
#dlgBody_banco_recursos .form-group button, #dlgBody_banco_recursos div.btn-group-sm label,
#dlgBody_banco_recursos .form-group button > i,
#dlgBody_banco_recursos div.btn-group-sm label > i {
 margin-right:5px;
}
#advanceConfig input[type=checkbox] { margin-top:11px; }
#advanceConfig .form-group > label:first-child {
 margin-right:0;
 padding-right:0;
}
#plusConfigGatilho { font-size:16px; }
#advanceConfig .form-group > label:first-child {
 margin-right:0;
 padding-right:0;
}
#plusConfigGatilho > div > label.pull-right {
 cursor:pointer;
 width:100%;
 position:absolute;
 left:0;
 padding:10px 15px 15px 15px;
}
#plusConfigGatilho > div > label.pull-right > i { float:right; }
#plusConfigGatilho > div > label.pull-right:hover {
 opacity:0.5;
 transition:all 0.3s ease-in;
}
section[id^=rowBcoRec] audio { max-width:100%; }
@media screen and (max-width:767px) {
 .dropdown-menu { box-shadow:0px 0px 6px 2000px rgba(0, 0, 0, .8); }
 #bcoRecEditVersoes div.btn-group-sm, #bcoRecLayerManual > div > div.btn-group-sm {
  margin:8px 0px 11px 10px;
 }
 #bcoRecLayerManual > div > div.btn-group-sm { padding-left:0; }
 #bcoRecLayerApp > div > div > div.col-sm-6, #bcoRecLayerManual > div.col-sm-6.btn-group-sm {
  margin-top:10px;
 }
 #bcoRecBuscaTitulo { width:100% !important; }
 #plusConfigGatilho > div > label.col-sm-2.control-label { margin-top:20px; }
}
@media screen and (max-width:479px) {
 #bcoRecEditVersoes > div > div.col-sm-6 > div > div,
 #bcoRecLayerManual > div.col-sm-6.btn-group-sm {
  display:flex;
  flex-wrap:wrap;
  align-content:space-between;
  width:100%;
 }
 #plusConfigGatilho > div > label.control-label { padding-top:10px; }
 #bcoRecEditWinCfgSCO > div:nth-child(1) > div:nth-child(2),
 #bcoRecEditWinCfgSCO > div:nth-child(1) > div:nth-child(4),
 #bcoRecEditNavDimLayer > div.col-sm-1.bs-checkbox {
  display:inline;
 }
}
/*================================== banco de sapz ==================================*/
#dlgBody_viewBcoRec, #dlgBody_viewBcoSapz {
 padding-left:23px;
 padding-right:23px;
}
#dlgBody_viewBcoRec, #dlgBody_viewBcoSapz, #dlgBody_viewBcoSapzRec {
 background-color:#fff;
}
#dlgBody_viewBcoRec.nopad, #dlgBody_viewBcoSapzRec.nopad { padding:0px; }
#dlgBody_viewBcoRec:not(.nopad), #dlgBody_viewBcoSapzRec:not(.nopad) { padding:15px; }
#dlgBody_viewBcoSapzRec img { max-width:100%; }
#dlgBody_viewBcoSapz > button.plan, #dlgBody_viewBcoSapz > button.exec {
 width:49.3%;
 margin-bottom:10px;
}
#dlgBody_viewBcoSapz > button.exec { float:right; }
#dlgBody_viewBcoSapz > h3:first-of-type { padding-left:0px; }
div.carta[id^=dlgBody_viewBco] > div.toolbar {
 clear:both;
 padding:8px 0px 0px 8px;
 text-align:right;
}
div.carta[id^=dlgBody_viewBco] > div.toolbar > h6 {
 float:left;
 display:inline-block;
 margin:0px;
 text-align:left;
}
div.carta[id^=dlgBody_viewBco] > div.plan {
 clear:both;
 margin-top:10px;
}
div.carta[id^=dlgBody_viewBco] div.avatar, div.carta[id^=dlgBody_viewBco] div.avatar + div {
 cursor:pointer;
}
#dlgBody_viewBcoSapz > h6.plan:first-of-type { padding:10px 0px; }
div.carta[id^=dlgBody_viewBco] > .plan.brd {
 margin-left:-8px;
 margin-right:-8px;
 padding-left:8px;
 padding-right:8px;
}
div.carta[id^=dlgBody_viewBco] > h6.plan { font-size:13px; }
div.carta[id^=dlgBody_viewBco] > h6.footer { margin-top:7px; }
div.carta[id^=dlgBody_viewBco] > h6.footer > div.title {
 display:inline-block;
 margin-right:15px;
 font-size:16px;
}
#dlgBody_viewBcoSapz > div.exec.brd { margin:0px 0px 8px 0px; }
div.carta[id^=dlgBody_viewBco] > div.plan.brd > h6,
#dlgBody_viewBcoSapz > div.exec.brd > h6 {
 font-size:14px;
}
div.carta[id^=dlgBody_viewBco] > div.plan.brd > ul, #dlgBody_viewBcoSapzRec ul {
 margin-left:17px;
}
#dlgBody_viewBcoSapz h5.title, div.carta[id^=dlgBody_viewBco] > div.toolbar + h5.title {
 clear:both;
}
div.carta[id^=dlgBody_viewBco] > h5.title {
 min-height:55px;
 padding:8px 0px;
}
#dlgBody_viewBcoSapz small { font-size:13px; }
#dlgBody_viewBcoSapz div.exec {
 position:relative;
 margin-top:8px;
}
#dlgBody_viewBcoSapz div.exec div.menu > div {
 margin-bottom:15px;
 padding:5px 15px;
}
#dlgBody_viewBcoSapz div.exec div.menu > div > h3 {
 margin-top:5px;
 font-size:14px;
}
#dlgBody_viewBcoSapz div.exec div.menu > div > button {
 display:block;
 width:100%;
 margin-bottom:10px;
 padding:12px;
 white-space:normal;
 font-weight:bold;
}
#dlgBody_viewBcoSapz div.exec:last-child > div:last-child {
 clear:both;
 text-align:right;
 padding-top:15px;
}
#dlgBody_viewBcoSapz div.menu + div { padding:15px 15px 5px 15px; }
#dlgBody_viewBcoSapz div.menu + div > h6 { margin:0px 0px 10px 0px; }
#bcoSapzTipo button {
 height:32px;
 margin:0px 5px 10px 0px;
 padding:3px 11px;
 vertical-align:middle;
}
#bcoSapzTipo > button > i {
 line-height:1;
 vertical-align:middle;
}
#bcoSapzTipo > button > i.ni-pin-question { font-size:18px; }
#bcoSapzTipo > button > i.ni-file-search { font-size:20px; }
#bcoSapzTipo > button > i.ni-project { font-size:16px; }
#bcoSapzTipo > button > i.ni-home-search { font-size:20px; }
@media screen and (max-width:799px) {
 div.carta[id^=dlgBody_viewBco] div.toolbar > h6:first-child,
 div.carta[id^=dlgBody_viewBco] div.toolbar > button,
 div.carta[id^=dlgBody_viewBco] div.peq {
  display:block;
  width:100%;
  margin:0px 0px 10px 0px;
 }
 div.carta[id^=dlgBody_viewBco] div.peq > img { max-width:100%; }
 #dlgBody_viewBcoRec > h5.title > div.toolbar { margin:5px 0px 15px 0px; }
}
@media screen and (min-width:800px) {
 div.carta[id^=dlgBody_viewBco] div.toolbar > button { margin-left:5px; }
 #dlgBody_viewBcoSapz div.exec div.menu {
  float:left;
  width:250px;
 }
 #dlgBody_viewBcoSapz div.menu + div { margin-left:265px; }
 #dlgBody_viewBcoSapz > div.exec.brd > h6 {
  display:inline-block;
  width:49.42%;
  vertical-align:top;
 }
 #dlgBody_viewBcoRec > h5.title > div.toolbar { float:right; }
}
@media screen and (max-width:1023px) {
 #dlgBody_viewBcoSapz > h5.title > div.toolbar { margin:5px 0px 15px 0px; }
}
@media screen and (min-width:1024px) {
 #dlgBody_viewBcoSapz > h3:first-of-type { float:left; }
 #dlgBody_viewBcoSapz > h5.title > div.toolbar { float:right; }
 div.carta[id^=dlgBody_viewBco] > section:first-of-type {
  float:right;
  width:49.4%;
 }
 div.carta[id^=dlgBody_viewBco] > div.plan.brd > h6 {
  display:inline-block;
  width:24.71%;
  vertical-align:top;
 }
 div.carta[id^=dlgBody_viewBco] > div.plan.brd > h6:not(:last-child) { padding-right:8px; }
}
/*======================================= blog =======================================*/
#appBody_blog.print { background-color:transparent; }
#appBody_blog > #blogView {
 float:left;
 width:69%;
}
#appBody_blog > #blogView div.panel-title > div {
 text-align:right;
 font-size:10px;
 margin-top:-4px;
}
#appBody_blog > #blogView div.panel-title > button { margin-left:10px; }
#appBody_blog > #blogView > div.panel > div.panel-body { background-color:#fafafa; }
#appBody_blog.print > #blogView { width:auto; }
#appBody_blog > #blogList {
 border:0px;
 float:right;
 width:29%;
}
#appBody_blog.print > #blogList { display:none; }
#appBody_blog > #blogList > div > span {
 display:block;
 padding:5px 0px 5px 10px;
 font-size:20px;
 font-weight:bold;
 color:#7da8b5;
 background-color:#d8d9db;
}
#appBody_blog > #blogList > div > div { margin-top:5px; }
#appBody_blog > #blogList > div > div:nth-child(2) > div.checked[id^=blog]:nth-child(2) {
 border-top:5px solid #d8d9db;
}
#appBody_blog > #blogList > div > div > span {
 margin-left:-45px;
 font-size:20px;
 font-weight:bold;
}
#appBody_blog > #blogList div[id^=blog] { padding:10px 0px 0px 10px; }
#appBody_blog > #blogList div[id^=blog] > button {
 font-weight:bold;
 width:30px;
}
#appBody_blog > #blogList div[id^=blog] > div {
 cursor:pointer;
 position:relative;
 left:40px;
 top:-28px;
 max-width:422px;
 font-weight:bold;
 font-size:14px;
 text-align:left;
}
#appBody_blog > #blogList div.checked[id^=blog] { padding-top:5px; } /* desconta 5px da borda */
#appBody_blog > #blogList div.checked[id^=blog] > button {
 font-size:30px;
 padding:0;
 line-height:1;
 width:30px;
 height:28px;
 background-color:transparent;
 color:rgba(255,255,255,0.8);
}
#appBody_blog > #blogList > div > div > div:nth-child(2) { margin-top:-38px; }
@media print {
 #appBody_blog > #blogView { width:auto; }
}
/*==================================== chatRooms ====================================*/
#appBody_chatRooms section.carta {
 position:relative;
 padding-bottom:50px;
}
#appBody_chatRooms section.carta > h5 {
 padding:10px 15px;
 font-size:18px;
}
#appBody_chatRooms section.carta > div { padding:10px 15px; }
#appBody_chatRooms section.carta > div.panel-footer {
 padding:8px 10px;
 border:0;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
}
#appBody_chatRooms section.carta > div.panel-footer > span.right { float:right; }
#appBody_chatRooms section.carta > div.panel-footer > span:not(.right) {
 float:left;
 font-weight:700;
}
#appBody_chatRooms section.carta > div.panel-footer > span > .btn {
 margin-right:4px;
 padding:5px 6px 2px 6px;
 border-radius:5px;
 border:none;
 cursor:default;
}
#appBody_chatRooms section.carta > div.panel-footer > span > .btn > i {
 font-size:18px;
 line-height:1;
}
#appBody_chatRooms section.carta > div.panel-footer > span > div {
 display:inline-block;
 margin-left:6px;
 padding:5px 6px 4px 6px;
 font-size:20px;
 line-height:1;
 vertical-align:middle;
 border-radius:5px;
}
#appBody_chatRooms section.carta > div.panel-footer > span > div > i.fa-ban,
#appBody_chatRooms section.carta > div.panel-footer > span > div > i.fa-clock-o {
 margin:1px 1px 2px 1px;
}
#appBody_chatRooms section.carta > div.panel-footer div.powerI { background-color:#FFDD00; }
#appBody_chatRooms section.carta > div.panel-footer div.powerE { background-color:#BD1622; }
#appBody_chatRooms section.carta > div.panel-footer div.powerA { background-color:#93C01F; }
#appBody_chatRooms section.carta > div.panel-footer div.powerE i::before,
#appBody_chatRooms section.carta > div.panel-footer div.powerA i::before {
 color:#fff;
}
#dlgBody_chatRooms .box {
 min-height:50px;
 padding:15px 0px 0px 15px;
 margin:0px -15px 7px -15px;
}
@media screen and (max-width:399px) {
 #appBody_chatRooms section.carta > div.panel-footer > span.right { font-size:12px; }
}
/*===================================== chatRoom =====================================*/
#appContent_chatRoom { margin-bottom:0px; }
#appBody_chatRoom { position:relative; }
#appBody_chatRoom > div.contacts {
 position:absolute;
 top:0;
 bottom:0;
 width:225px;
 margin-left:0;
 transition:all .2s ease;
}
body:not(.mobile) #appBody_chatRoom > div.contacts,
body:not(.mobile) #appBody_chatRoom div.msgs {
 overflow:hidden;
}
body.mobile #appBody_chatRoom > div.contacts, body.mobile #appBody_chatRoom div.msgs {
 overflow-y:auto;
}
#appBody_chatRoom > div.contacts > ul {
 width:inherit;
 margin-bottom:0px;
 transition:opacity .5s ease;
 background-color:#eaeaea;
}
#appBody_chatRoom > div.contacts > ul > li {
 cursor:pointer;
 min-height:54px;
 padding:8px 10px;
}
#appBody_chatRoom > div.contacts > ul > li:not(:active) { background-color:transparent; }
#appBody_chatRoom div.balao > div.avatar,
#appBody_chatRoom > div.contacts > ul > li > div.avatar {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 width:35px;
 height:35px;
 border-radius:50%;
 overflow:hidden;
}
#appBody_chatRoom div.balao > div.avatar {
 margin-left:-40px;
 cursor:pointer;
}
#appBody_chatRoom div.balao > div.avatar > img,
#appBody_chatRoom > div.contacts > ul > li > div.avatar > img {
 width:35px;
}
#appBody_chatRoom > div.contacts > ul > li > p.list-group-item-text { font-size:12px; }
#appBody_chatRoom > div.title, #appBody_chatRoom > div.contacts > div.title {
 text-align:center;
 font-weight:600;
}
#appBody_chatRoom div.talk {
 position:relative;
 border-radius:4px;
 background-color:#ddd;
}
#appBody_chatRoom div.msgs {
 padding:8px 8px 0px 8px;
 position:absolute;
 top:0;
 left:0;
 right:1px;
 bottom:63px;
}
#appBody_chatRoom.error div.msgs { bottom:0px; }
#appBody_chatRoom.error > div.talk > div.foot { display:none; }
#appBody_chatRoom div.msgs > div.loadOlder {
 text-align:center;
 width:38px;
 height:38px;
 clear:both;
 margin:0px auto 10px auto;
 padding-top:9px;
 border-radius:50%;
 font-size:16px;
 line-height:1;
 background-color:transparent;
 border:1px dashed #888;
 color:#888;
 cursor:pointer;
}
#appBody_chatRoom div.msgs > div.dt {
 text-align:center; /* IE */
 width:90px; /* IE */
 width:fit-content;
 clear:both;
 margin:0px auto 10px auto;
 padding:4px 44px;
 border-radius:6px;
 font-size:11px;
 font-weight:600;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
 background-color:#ccebf0;
}
#appBody_chatRoom div.balao {
 margin-bottom:20px;
 padding:6px 0px 8px 40px;
 font-size:14px;
}
#appBody_chatRoom div.balao > div.msg {
 line-height:18px;
 padding:0px 8px;
 color:#000;
 word-break:break-word;
 word-wrap:break-word; /* IE */
}
#appBody_chatRoom div.balao > div.nm {
 padding:0px 8px 8px 8px;
 font-size:13px;
 line-height:1;
 font-weight:bold;
 cursor:pointer;
}
#appBody_chatRoom div.balao > div.nm > small {
 margin-left:15px;
 line-height:13px;
 font-weight:normal;
}
#appBody_chatRoom div.balao > div.msg img, #appBody_chatRoom div.balao > div.msg iframe {
 max-width:100%;
 margin-bottom:4px;
}
#appBody_chatRoom div.balao > div.msg > div.giphy-msg {
 display:inline-block;
 margin-bottom:4px;
 padding-bottom:15px;
 border-radius:10px;
 background:#fff url(../../img/giphy.png) no-repeat center 99.1%;
 background-size:130px;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
 overflow:hidden;
}
#appBody_chatRoom div.balao > div.msg img.emojioneemoji { height:1.25em; }
#appBody_chatRoom > div.talk > div.foot {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 padding:5px 45px 8px 8px;
}
#appBody_chatRoom > div.talk > div.foot > button {
 position:absolute;
 bottom:8px;
 right:8px;
}
@media screen and (max-width:767px) {
 #appBody_chatRoom div.talk, #appBody_chatRoom > div.title { margin-left:0px; }
 #appBody_chatRoom > div.contacts { display:none; }
}
@media screen and (min-width:768px) {
 #appBody_chatRoom div.talk, #appBody_chatRoom > div.title { margin-left:235px; }
}
@media screen and (max-width:1399px) {
 #appBody_chatRoom > div.talk > div.foot { right:40px; }
}
/*=============================== comentarios_questoes ===============================*/
#appBody_comentarios_questoes > div.carta {
 width:100%;
 min-height:58px;
 position:relative;
 padding:1px 48px 3px 3px;
}
#appBody_comentarios_questoes > div.carta.active { border:2px solid #ff5617; }
#appBody_comentarios_questoes > div.carta:not(.off) span.off,
#appBody_comentarios_questoes > div.carta.off > h4,
#appBody_comentarios_questoes > div.carta.off > h5 {
 opacity:0.5;
}
#appBody_comentarios_questoes > div.carta > span { border-bottom-right-radius:3px; }
#appBody_comentarios_questoes > div.carta > h4 {
 font-size:15px;
 padding-bottom:12px;
 padding-right:0px;
}
#appBody_comentarios_questoes > div.carta > h4 > div {
 float:right;
 width:45px;
 font-size:11px;
}
#appBody_comentarios_questoes > div.carta > h4 > div > span {
 margin-right:2px;
 font-size:18px;
 line-height:1;
 vertical-align:middle;
}
#appBody_comentarios_questoes > div.carta > h5 {
 font-size:15px;
 padding-top:0px;
}
#dlgBody_feedback {
 padding-top:8px;
 background-color:#fff;
}
/*=============================== comentarios_questao ===============================*/
#appBody_comentarios_questao > .carta:not(.questao) {
 width:100%;
 padding:8px 15px 15px 15px;
}
#appBody_comentarios_questao > .carta.off { opacity:0.6; }
#appBody_comentarios_questao > .carta > .inbox > span {
 float:right;
 padding:4px 5px;
 font-size:18px;
 line-height:1;
 border-radius:4px;
}
#appBody_comentarios_questao > .carta > .inbox > span > i.ni-thumbs-down {
 display:inline-block;
 margin-top:2px;
}
#appBody_comentarios_questao > .carta > .inbox > span > i.ni-thumbs-up {
 display:inline-block;
 margin:1px 0px 2px 0px;
}
#appBody_comentarios_questao > .carta > .line, #dlgBody_feedback > .line {
 clear:both;
 margin:8px -18px 0px -15px;
 padding:10px 15px;
 border-top:1px solid #cecece;
}
#appBody_comentarios_questao > div.carta > .inbox, #dlgBody_feedback > .inbox {
 padding:10px;
 font-size:14px;
}
#appBody_comentarios_questao > div.carta > .inbox:not(:last-child),
#dlgBody_feedback > .inbox:not(:last-child) {
 margin-bottom:13px;
}
#appBody_comentarios_questao > .carta > .inbox > div.txt,
#dlgBody_feedback > .inbox > div.txt {
 margin-top:10px;
 line-height:1.4;
}
#appBody_comentarios_questao > .carta > .aluno, #dlgBody_feedback > .aluno {
 display:inline-block;
}
#appBody_comentarios_questao > .carta.barraTopo { margin-top:0px; }
#appBody_comentarios_questao > .carta.barraTopo > h4.head {
 color:#fff;
 background-color:transparent;
}
#appBody_comentarios_questao > .carta > .bts {
 text-align:right;
 clear:both;
}
#appBody_comentarios_questao > .carta > .bts > button {
 margin:10px 0px 0px 6px;
 opacity:1;
}
#appBody_comentarios_questao > .carta > .bts > button > i {
 vertical-align:middle;
 margin-right:3px;
 font-size:16px;
 line-height:16px;
}
#appBody_comentarios_questao > .carta > .bts > button > i.fa-ban { font-size:18px; }
@media screen and (max-width:1023px) {
 #appBody_comentarios_questao > .carta > .tutor, #dlgBody_feedback > .tutor {
  display:inline-block;
  width:49.4%;
  text-align:right;
 }
 #appBody_comentarios_questao > .carta > .aluno, #dlgBody_feedback > .aluno {
  width:49.4%;
  vertical-align:top;
 }
 #appBody_comentarios_questao > div.carta > .curso, #dlgBody_feedback > .curso {
  margin-top:8px;
  text-align:right;
 }
}
@media screen and (min-width:1024px) {
 #appBody_comentarios_questao > .carta > .tutor, #dlgBody_feedback > .tutor {
  float:right;
  margin-left:16px;
  padding-left:16px;
  border-left:1px solid #cecece;
 }
 #appBody_comentarios_questao > div.carta > .curso, #dlgBody_feedback > .curso {
  float:right;
 }
}
/*====================================== cursos ======================================*/
#appContent_cursos, #appContent_unidades { margin-bottom:70px; }
#appHeader_cursos div.uncheckAll button, #appHeader_unidades div.uncheckAll button {
 width:103px;
 height:90px;
}
[id^=appBody_] > div.cartas:not(.conteudoMovel) {
 margin-right:-15px;
 display:flex;
 flex-wrap:wrap;
}
#appBody_cursos > div.cartas > .carta > h4.head,
#appBody_unidades > div.cartas > .carta > h4.head {
 min-height:49px;
}
[id^=appBody_] > div.cartas > .carta > h4.head { font-size:14px; }
[id^=appBody_] > div.cartas > .carta > h4.head > span {
 display:inline-block;
 height:16px;
}
[id^=appBody_] > div.cartas > .carta > h4.head > span.pull-right { margin-left:3px; }
[id^=appBody_] > div.cartas > .carta > h4.head > span:not(.pull-right) { margin-right:3px; }
#appBody_cursos > div.panel > div.panel-body,
#appBody_turmas > div.panel > div.panel-body,
#appBody_unidades > div.panel > div.panel-body {
 padding:0px;
}
#appBody_cursos > h5, #appBody_turmas > h5, #appBody_unidades > h5 {
 margin:0px 0px 15px 0px;
}
#appBody_cursos_detail .btn {
 width:100%;
 padding:10px;
 margin-bottom:10px;
 font-size:18px;
}
@media screen and (max-width:767px) {
 #appBody_cursos > h5, #appBody_turmas > h5, #appBody_unidades > h5 {
  margin:0px 15px 15px 15px;
 }
}
/*==================================== dashboard ====================================*/
#appHeader_dashboard label.checkbox-inline {
 margin-left:0px;
 margin-right:10px;
}
.dropdown-menu { z-index:1002; }
#appBody_dashboard { background-color:#fff; }
.dashboard-Header {
  padding: 1em 1em 0em;
  display: flex !important;
  position: relative;
  top: 39px;
  width: 100%;
  max-width: 980px;
  margin-top: -40px;
}
#appBody_dashboard > .nav.nav-tabs { min-height: 70px; }
h2.label-periodo {
  width: 20%;
  font-size: 1.7em;
  margin-top: 5px;
  text-align: left;
  font-weight: bold;
}
.input-data {
  width: 17%;
  min-width: 158px;
}
.label-ate {
  width: 8%;
  text-align: center;
  margin-top: 8px;
}
.btn-buscar {
  width: 15%;
  margin-left: 4%;
  min-width: 70px;
}
.abas-dashboard {
  padding: 15px 15px !important;
  font-size: 1.2em;
}
.details-dashboard {
  display: block;
  padding: 1em;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.2em;
  display: flex;
}
.details-dashboard i {display:none;}
.details-dashboard[aria-expanded='false'] i:not(.opened),
.details-dashboard[aria-expanded='true'] i.opened{
  display:block;
}
.details-dashboard > .title-collapse {
  width: 100%;
  max-width: 150px;
}
a.details-dashboard:hover { text-decoration: none !important; }
.dashboard-container { padding:1em; }
.dashboard-container > .nav.nav-tabs { padding-top:0em; }
#appBody_dashboard > ul.nav.nav-tabs > li.active > a { background-color:#fff; }
.dashboard-container > .tab-content > .tab-pane > h4.head,
.dashboard-container > .tab-content > .tab-pane > div > h4.head,
.dashboard-container > .tab-content > .tab-pane h4.head { font-size: 1em; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores,
.dashboard-container > .tab-content > .tab-pane .indicadores-container { display: flex; }
.indicador-dashboard > i {
  font-size: 3em;
  color: #375a64;
}
.dashboard-container > .tab-content > .tab-pane .indicador-dashboard,
.dashboard-container > .tab-content > .tab-pane .row-indicadores > .indicador-dashboard {
  width: 100%;
  text-align: center;
  margin: 1em;
}
.dashboard-container > .tab-content > .tab-pane > .indicadores-container > .indicador-dashboard > div,
.dashboard-container > .tab-content > .tab-pane .row-indicadores > .indicador-dashboard > div {
  padding: 0.5em;
  /* width: 90%; */
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
}

.dashboard-container > .tab-content > .tab-pane .indicador-dashboard:nth-child(1) > div { background-color: #375A64; }
.dashboard-container > .tab-content > .tab-pane .indicador-dashboard:nth-child(2) > div { background-color: #446e79; }
.dashboard-container > .tab-content > .tab-pane .indicador-dashboard:nth-child(3) > div { background-color: #84A1AC; }
.dashboard-container > .tab-content > .tab-pane .indicador-dashboard:nth-child(4) > div {
  background-color: #BAC9D1;
  color: #375a64;
}
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(1) > div { background-color: #F6AF33; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(2) > div { background-color: #63AA17; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(3) > div { background-color: #BB1622; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(4) > div { background-color: #FFADCC; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(5) > div { background-color: #F483AE; }
.dashboard-container > .tab-content > .tab-pane .row-indicadores.details > .indicador-dashboard:nth-child(6) > div { background-color: #D53461; }
.dashboard-container > .tab-content > .tab-pane > .TablesGerais,
.dashboard-container > #dashboard-body > #tab-detalhes > #tab-modalidade > .graficosGeraisModalidade,
.dashboard-container > #dashboard-body > #tab-detalhes > #tab-turma > .graficosCursos,
.dashboard-container .tab-detalhes .select-container {
  display: flex;
}
.dashboard-container #tab-detalhes .select-container, .dashboard-container .details-dashboard > div[class^=select]  { display: inline; }
.dashboard-container #tab-detalhes .select-container > select {
  color: #777 !important;
  margin-left: 1em;
  font-size: 0.8em;
  width: 100%;
  min-width: 450px;
}
.dashboard-container .datasTurma > .data-ini-turma, .dashboard-container .datasTurma > .data-fim-turma {
  display: flex;
  justify-content: center;
}
.dashboard-container .datasTurma > .data-ini-turma > .label, .dashboard-container .datasTurma > .data-fim-turma > .label,
.dashboard-container .datasTurma > .data-ini-turma > .data, .dashboard-container .datasTurma > .data-fim-turma > .data {
  font-size: 0.7em !important;
  color: white;
}
.dashboard-container #matriculadosEfetivos, .dashboard-container #canEvaTransf, .dashboard-container #aptoNApto, .dashboard-container #mediaAlunosTurma { margin-bottom: 2.5em; }

.js-plotly-plot .plot-container.plotly { margin: 1.5em 0; }

@media only screen and (max-width: 980px) {
  .dashboard-Header {
    margin-top: 0;
    top: -10px;
  }
  .label-ate { margin: 8px 10px; }
  .TablesGerais { display: block !important;}
  #tab-turma > .graficosCursos { display: block !important; }
  .dashboard-container #tab-detalhes .select-container > select {
    min-width: 400px;
    max-width: 600px;
  }
}
@media only screen and (max-width: 652px) {
  .dashboard-Header { display: block !important; }
  h2.label-periodo, #dashboardDataIni, .label-ate, #dashboardDataFim, .dashboard-Header > .btn-buscar {
    width: 100%;
    text-align: left;
    margin: 1em 0px;
  }
  .graficosGeraisModalidade { display: block !important; }
  .dashboard-container #tab-detalhes .select-container > select { min-width: 0; }
}
/*================================== email / sms ==================================*/
#smsLayerList div.form-group > div.col-sm-12 {
 margin-top:10px;
 font-size:125%;
}
#appHeader_email > #emailLayerDel, #appHeader_sms > #smsLayerDel {
 margin-top:8px;
 float:right;
}
#mailBarraBusca > .ellipsis { margin-left:6px; }
#appHeader_email > #emailLayerDel > span, #appHeader_sms > #smsLayerDel > span {
 padding-right:7px;
}
#appBody_email, #appBody_sms, #appBody_instala {
 border-radius:3px;
 -webkit-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 -moz-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
}
#appBody_email > div.box {
 padding:8px 0px 0px 8px;
 text-align:right;
}
#appBody_email > div.box > h5 {
 float:left;
 margin:0px;
 text-align:left;
}
#appBody_email > div.box > h5 > div:not(.nm) {
 font-weight:normal;
 font-size:14px;
}
#appBody_email > div.box > h5 div.nm {
 margin-top:8px;
 display:inline-block;
}
#emailLayerList, #emailLayerEdit, #smsLayerList, #smsLayerEdit {
 clear:both;
 padding:15px;
}
#abasEmail {
 display:inline-block;
 width:271px;
 padding-top:24px;
 border-bottom:0;
}
#emailLayerList > div.panel { background-color:transparent; }
#emailLayerList > div.panel, #smsLayerList > div.panel {
 border-width:0px;
 box-shadow:none;
}
#emailLayerList > div.panel > div.panel-heading > div.form-group,
#smsLayerList > div.panel > div.panel-heading > div.form-group {
 margin-bottom:0px;
}
#emailLayerList > div.panel > div.panel-body,
#smsLayerList > div.panel > div.panel-body {
 padding:0px;
}
#emailLayerList div[id^=emailMsg_] > div.bs-checkbox > input[type=checkbox],
#smsLayerList div[id^=smsMsg_] > div.bs-checkbox > input[type=checkbox] {
 cursor:pointer;
}
#emailLayerView { clear:both; }
#emailLayerView div.panel-heading button, #emailLayerView div.panel-heading span {
 margin-right:10px;
}
#emailLayerView div.panel-heading > div {
 float:right;
 margin-right:-10px;
}
#mailViewBody { padding-top:0px; }
#mailViewBody div.page-header {
 margin:0px 0px 10px 0px;
 padding-bottom:0px;
}
#mailViewBody div.page-header > h4 { font-weight:bold; }
#mailViewBody div.page-header > h6 > div {
 float:right;
 font-weight:bold;
}
#emailLayerEdit > .form-group > label{ text-align:left; }
#emailLayerEdit > div.formMailCc, #emailLayerEdit > div.formMailCco { display:none; }
#emailLayerEdit > .form-group > div.col-sm-10 > button {
 border:0;
 background:transparent;
 cursor:pointer;
 font-weight:bold;
}
#emailLayerEdit > .form-group > div.col-sm-11 > button:hover { text-decoration:underline; }
#emailLayerEdit > div.page-header, #smsLayerEdit > div.page-header { margin-top:0px; }
#emailLayerEdit .group-result, #smsLayerEdit .group-result { cursor:pointer; }
#emailLayerEdit .group-result:hover, #smsLayerEdit .group-result:hover {
 background-color:#3875d7;
 color:#fff;
}
#mailViewBody > div.anexosTit {
 margin-top:20px;
 font-weight:bold;
 border-top:1px dotted #d8d8d8;
 clear:both;
}
#appBody_email div[data-pos], #appBody_email a[download] {
 display:inline-block;
 margin:10px 10px 0px 0px;
 padding:10px;
 font-size:12px;
 border-radius:3px;
 background-color:#cfd8dc;
 color:#337ab7;
}
#emailLayerEdit div.fileList {
 display:flex;
 flex-wrap:wrap;
}
#emailLayerEdit div.fileList > div {
 max-width:100%;
 word-break:break-word;
}
#emailLayerEdit div.fileList > div > button.close {
 margin-left:8px;
 line-height:13px;
}
#emailLayerEdit .alert.alert-info, #smsLayerEdit .alert.alert-info {
 margin-bottom:10px;
 cursor:pointer;
}
#emailLayerEdit .alert.alert-info .clk, #smsLayerEdit .alert.alert-info .clk {
 cursor:default;
}
#emailLayerEdit .alert.alert-info ul, #smsLayerEdit .alert.alert-info ul {
 margin-left:35px;
}
#emailLayerEdit .alert-info hr {
 margin-top:15px;
 margin-bottom:15px;
}
#emailLayerEdit > .modal-footer, #smsLayerEdit > .modal-footer {
 margin:-7px -15px -15px -15px;
}
#appBody_sms > div.nav-tabs {
 padding:15px 0px 0px 15px;
 border-bottom: none;
 text-align:left;
}
#appBody_sms > div.nav-tabs > h5 {
 display:inline-block;
 margin-right:20px;
}
@media screen and (min-width:641px) {
 #appBody_sms > div.nav-tabs { float:left; }
}
@media screen and (max-width:767px) {
 #emailLayerView div.panel-heading > div {
  float:none;
  text-align:right;
  margin-bottom:10px;
 }
}
/*===================================== enquete =====================================*/
#oBody_home_turma > div.enquete > div.panel-body > div.carta > h3 {
 padding:0px 0px 10px 0px;
}
#oBody_home_turma > div.enquete > div.panel-body > div.carta > div.carta-body,
#oBody_home_turma > div.enquete > div.panel-body > div.carta > div {
 margin-bottom:10px;
}
#oBody_home_turma > div.enquete > div.panel-body > div.carta, #appBody_enquetes > .panel {
 width:405px;
 padding:12px 15px;
 margin:0px 0px 15px 0px;
 border-radius:3px;
 -webkit-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 -moz-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 color:#375a64 !important;
}
#oBody_home_turma > div.enquete div.result, #appBody_enquetes > .panel.result {
 background-color:#bdccd4;
 padding-bottom:5px !important;
}
#appBody_enquetes > .panel > div.panel-heading {
 padding:0px;
 margin-bottom:15px;
}
#appBody_enquetes > .panel > div.panel-heading button {
 margin-left:10px;
 background-color:white;
 color:#375a64;
 position:relative;
 right:-8px;
 top:-5px;
}
#appBody_enquetes > .panel > div.panel-heading button.font-white { color:white; }
#appBody_enquetes > .panel > div.panel-heading button.btn-warning { background-color:#ff5617 !important; }
#appBody_enquetes > .panel > div.panel-heading i { vertical-align:middle; }
#appBody_enquetes > .panel > div.panel-heading i.ni-bar-chart { font-size:1.8em; }
#appBody_enquetes > .panel > .panel-body { padding:0px; }
#oBody_home_turma > div.enquete > div.panel-body > div.carta > div > i,
#appBody_enquetes > .panel > .panel-body i {
 font-size:20px;
 margin-right:10px;
}
#appBody_enquetes > .panel > .panel-body p { word-wrap:break-word; }
#appBody_enquetes > .panel > .panel-body .pergunta { margin-bottom:20px; }
#oBody_home_turma > div.enquete div.result.S div.opcao,
#appBody_enquetes > .panel.result.S div.opcao {
 margin-bottom:1px;
}
#oBody_home_turma div.enquete > div.panel-body .fa-circle-o,
#oBody_home_turma div.enquete > div.panel-body .fa-square-o,
#appBody_enquetes > .panel > .panel-body .fa-circle-o,
#appBody_enquetes > .panel > .panel-body .fa-square-o { color:#bdccd4; }
#oBody_home_turma > div.enquete > div.panel-body .progressLb,
#appBody_enquetes > .panel > .panel-body .progressLb {
 display:inline-block;
 font-weight:bold;
}
#oBody_home_turma > div.enquete div.result.S .progressLb,
#appBody_enquetes > .panel.result.S .progressLb {
 width:42px;
 text-align:right;
}
#oBody_home_turma > div.enquete div.result.M .progressLb,
#appBody_enquetes > .panel.result.M .progressLb {
 width:25px;
 margin-left:-25px;
}
#oBody_home_turma > div.enquete div.result.M .graph,
#appBody_enquetes > .panel.result.M .graph {
 position:relative;
 margin:20px 0px 30px 25px;
 padding-bottom:0px;
 border-bottom:2px solid #375a64;
}
.result.M .graph > div:not(.line) {
 z-index:2;
 position:relative;
}
.result.M .graph > div.line {
 z-index:1;
 position:absolute;
 top:0px;
 bottom:0px;
 width:1px;
 background-color:#375a64;
}
.result.M .graph > div.line:nth-child(1) { left:0px; }
.result.M .graph > div.line:nth-child(2) { left:10%; }
.result.M .graph > div.line:nth-child(3) { left:20%; }
.result.M .graph > div.line:nth-child(4) { left:30%; }
.result.M .graph > div.line:nth-child(5) { left:40%; }
.result.M .graph > div.line:nth-child(6) { left:50%; }
.result.M .graph > div.line:nth-child(7) { left:60%; }
.result.M .graph > div.line:nth-child(8) { left:70%; }
.result.M .graph > div.line:nth-child(9) { left:80%; }
.result.M .graph > div.line:nth-child(10) { left:90%; }
.result.M .graph > div.line:nth-child(11) { right:0px; }
.result.M .graph > div.porc {
 position:absolute;
 bottom:-21px;
 font-weight:bold;
 font-size:12px;
 z-index:1;
}
.result.M .graph > div.porc:nth-child(12) {
 left:-25px;
 font-size:14px;
}
.result.M .graph > div.porc:nth-child(13) { left:0px; }
.result.M .graph > div.porc:nth-child(14) { left:8%; }
.result.M .graph > div.porc:nth-child(15) { left:18%; }
.result.M .graph > div.porc:nth-child(16) { left:28%; }
.result.M .graph > div.porc:nth-child(17) { left:38%; }
.result.M .graph > div.porc:nth-child(18) { left:48%; }
.result.M .graph > div.porc:nth-child(19) { left:58%; }
.result.M .graph > div.porc:nth-child(20) { left:68%; }
.result.M .graph > div.porc:nth-child(21) { left:78%; }
.result.M .graph > div.porc:nth-child(22) { left:88%; }
.result.M .graph > div.porc:nth-child(23) { right:-7px; }
#oBody_home_turma > div.enquete > div.panel-body .progress,
#appBody_enquetes > .panel > .panel-body .progress {
 height:12px;
 margin-left:47px;
 margin-top:-16px;
 background-color:white;
}
#oBody_home_turma > div.enquete div.result.M .progress,
#appBody_enquetes > .panel.result.M .progress {
 margin-left:0px;
 margin-bottom:12px;
 border-radius:0px;
}
#appBody_enquetes:not(.editing) > .panel > .panel-body > div[data-id] { cursor:pointer; }
#appBody_enquetes.editing > .panel > .panel-body > button.btn-warning { display:none; }
#appBody_enquetes > .panel > .panel-body .title {
 font-size:20px;
 margin-right:5px;
}
#appBody_enquetes > .panel > .panel-body > div { margin-bottom:5px; }
#appBody_enquetes > .panel > div.panel-footer {
 min-height:45px;
 padding-top:12px;
 border:0;
 font-weight:700;
}
#appBody_enquetes:not(.editing) .panel > div.panel-footer { display:none; }
#appBody_enquetes > .panel > div.panel-footer > div {
 float:right;
 margin-top:-6px;
 padding:4px 6px 1px 6px;
 font-size:20px;
 border-radius:5px;
}
#dlgBody_enquetes div[id^=itemEnquete] {
 height:auto;
 min-height:35px;
 cursor:pointer;
}
@media screen and (min-width:768px) {
 #dlgBody_enquetes #enqueteItens > div.form-group > label + div[class^=col-sm-],
 #dlgBody_enquetes > div.form-group > label + div[class^=col-sm-] {
  padding-left:0px;
 }
}
@media screen and (min-width:768px) and (max-width:1365px) {
 #appBody_enquetes > .panel { width:31.5%; } /* 3 colunas */
}
@media screen and (min-width:640px) and (max-width:767px) {
 #appBody_enquetes > .panel { width:48.2%; } /* 2 colunas */
}
@media screen and (max-width:639px) {
 #appBody_enquetes > .panel { width:100%; } /* 1 coluna */
}
/*======================================= FAQ =======================================*/
#listFaq {
 cursor:default;
 width:100%;
 padding:30px;
 margin:0px;
}
#listFaq .barraMigalhaAlpha {
 padding:1px 0px 0px 0px;
 margin:3px 0 20px 0px;
}
#listFaq button.btn-warning > i.ni-check { font-size:1em !important; }
#listFaq .panel-title { font-size:26px; }
#listFaq .noPrint > button {
 padding:0px 5px;
 background-color:transparent !important;
}
#listFaq div[id^=faqQ] {
 position:relative;
 font-size:16px;
}
#listFaq div[id^=faqQ].checked {
 padding:10px 0px 0px 10px;
 margin:0px 0px 20px -10px;
}
#listFaq div[id^=faqQ].checked > div:not(.resp) { font-weight:bold; }
#listFaq div[id^=faqQ] > button.btn-default {
 font-weight:bold;
 font-size:17px;
}
#listFaq  div[id^=faqQ] > div:not(.resp) {
 cursor:pointer;
 text-align:left;
 margin-left: 40px;
 margin-top: -27px;
 margin-bottom: 20px;
}
#listFaq div[id^=faqQ] > .resp { padding:0px 20px 20px 40px; }
#listFaq div[id^=faqQ] > .resp > .noPrint { margin-top:-40px; }
/*====================================== forum ======================================*/
#appBody_foruns_itens .panel { box-shadow: none; }
#appBody_foruns div.panel-footer > button.btn-sm {
 margin-top:-7px;
 margin-left:5px;
}
/*=================================== foruns_itens ===================================*/
#appBody_foruns_itens > div > div.panel-footer > div.form-group { margin-bottom:0px; }
#appBody_foruns_itens > div > div.panel-footer > div.form-group > div.camera {
 padding-right:0px;
 text-align:center;
}
#appBody_foruns_itens > div > div.panel-footer > div.form-group > div.camera > i {
 padding:0px 8px;
 border:2px dashed #333;
 border-radius:5px;
}
#appBody_foruns_itens > div > div.panel-footer > div.form-group > div.camera > i::before {
 position:relative;
 top:5px;
}
#appBody_foruns_itens .inbox {
 clear:both;
 margin:0px -15px 17px -15px;
 padding: 20px 20px 6px 20px;
 line-height:17px !important;
 font-size:14px !important;
}
#appBody_foruns_itens > .panel-group > .panel .panel-body.inboxGroup { padding:0px 0px; }
#appBody_foruns_itens div.panel-group div.footer {
 clear:both;
 margin-bottom:10px;
}
#appBody_foruns_itens div[id^=forumItem] .avatar,
#appBody_foruns_itens > div.panel.forum > div.panel-heading div.avatar {
 float:left;
 border-radius:50%;
 overflow:hidden;
}
#appBody_foruns_itens > div.panel.forum > div.panel-heading div.avatar {
 width:85px;
 height:85px;
 margin:0px auto;
}
#appBody_foruns_itens div[id^=forumItem] .avatar {
 width:55px;
 height:55px;
 margin:0px 10px 10px 0px;
}
#appBody_foruns_itens div[id^=forumItem] .avatar > img { width:55px; }
#appBody_foruns_itens > div.panel.forum > div.panel-heading div.avatar > img { width:85px; }
#appBody_foruns_itens .side-configs .avatar {
 margin:0px auto 10px auto;
 float:none !important;
}
#appBody_foruns_itens > div[id^=forumItem] > div h5 {
 margin-right:15px;
 margin-bottom:5px;
 padding-top:11px;
}
#appBody_foruns_itens > div[id^=forumItem] div[id^=forumItem] h5{ padding-top:1px; }
#appBody_foruns {
 -webkit-column-count:2;
 -moz-column-count:2;
 column-count:2;
}
#appBody_foruns > div[id^=forum]:hover {
 margin-top:10px;
 margin-bottom:20px;
 box-shadow:0px 8px 20px -3px rgba(0, 0, 0, .3);
}
#appBody_foruns > div[id^=forum]{
 position:relative;
 width:99%;
 min-height:245px;
 max-height:560px;
 padding:10px 5px;
 margin:15px 1%;
 transition:all 0.3s ease;
}
#appBody_foruns > div[id^=forum] > div.panel-heading, #appBody_foruns_itens .post-title {
 font-weight:600;
 font-size:17px;
}
#appBody_foruns_itens .post-title {
 margin-left:0px;
 padding-bottom:15px
}
#appBody_foruns > div[id^=forum] > div.panel-heading { padding:10px 5px; }
#appBody_foruns > div[id^=forum] > div.panel-heading button {
 position:absolute;
 right:15px;
 top:20px;
}
#appBody_foruns > div[id^=forum] > div.panel-heading i {
 font-size:1.2em;
 vertical-align:middle;
 margin-left:5px;
}
#appBody_foruns > div[id^=forum] > div.panel-body {
 width:100%;
 min-height:70px;
 max-height:441px;
 padding:5px;
 overflow:hidden;
 color:black;
}
#appBody_foruns > div[id^=forum] > div.panel-body video,
#appBody_foruns > div[id^=forum] > div.panel-body iframe,
#appBody_foruns > div[id^=forum] > div.panel-body img {
 display:block;
 margin:0px auto;
 max-width:100%;
}
#appBody_foruns > div[id^=forum] > div.panel-footer {
 position:absolute;
 bottom:0px;
 width:98%;
 margin:10px 0px 0px -2%;
 padding:10px 15px;
 font-size:12px;
 border-top-width:2px;
 background-color:white;
}
#appBody_foruns > div[id^=forum] > div.panel-footer:after {
 width:100%;
 height:70px;
 position:absolute;
 content:"";
 top:-72px;
 left:0px;
 background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 100%);
 background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%);
 background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=0 );
}
#appBody_foruns > div[id^=forum] > div.panel-footer > .responsavel { display:inline-block; }
#appBody_foruns > div[id^=forum] > div.panel-footer > .responsavel > .nome > strong {
 display:block;
}
#appBody_foruns > div[id^=forum] > div.panel-footer > .post-info {
 display:inline-block;
 height:38px;
 margin-left:15px;
 vertical-align:bottom;
}
#appBody_foruns > div[id^=forum] { padding:10px 15px 15px 15px; }
#appBody_foruns_itens > div.panel.forum {
 display:flex;
 flex-wrap:nowrap;
 box-shadow:0px 2px 2px 0px rgba(0, 0, 0, .3);
}
#appBody_foruns_itens > div[id^=forum] { padding:10px 20px 65px 20px; }
#appBody_foruns_itens > div[id^=forum] > button {
 float:right;
 margin-top:20px;
 font-size:14px;
}
#appBody_foruns_itens > div[id^=forum] > button i { margin-right:5px; }
#appBody_foruns_itens > div.panel.forum > .panel-heading {
 min-width:145px;
 margin:-1px;
 border-radius:4px 0px 0px 4px;
}
#appBody_foruns_itens > div.panel.forum > .panel-heading .side-configs h5 {
 text-align:center;
}
#appBody_foruns_itens > div.panel.forum > div.panel-heading > div > h5:nth-child(2) {
 opacity:0.8;
 margin-top:15px;
 line-height:5px;
 font-weight:600;
}
#appBody_foruns_itens > div.panel.forum > div.panel-body {
 padding:20px;
 width:100%;
}
#appBody_foruns_itens > div.panel.forum > div.panel-body img,
div[id^=forum] > div > div > div:not(.avatar) img {
 max-width:100%;
}
div[id^=forum] > div > div.panel-heading > div:not(.avatar) div,
#appBody_foruns_itens > div.panel.forum .panel-body .post-footer{ padding-top: 15px; }
#appBody_foruns_itens > div.panel.forum > div.panel-body > div.post-footer .btn{ font-size: 14px }
#appBody_foruns_itens div.panel.panel-primary.forum {
 border:none;
}
#appBody_foruns_itens > .panel-group .panel-default > .panel-heading { padding:0px; }
@media screen and (max-width:767px) {
 #appBody_foruns {
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
 }
 #appBody_foruns > div[id^=forum] { width:100%; }
 #appBody_foruns_itens > div.panel.forum { display:block; }
 #appBody_foruns_itens > div.panel.forum > .panel-heading { border-radius:4px 4px 0px 0px; }
 #appBody_foruns_itens > div[id^=forum] > button { margin-right:0px; }
 #appBody_foruns_itens > div.panel.forum > div.panel-body > div.post-footer > div.pull-right {
  width:100%;
 }
 #appBody_foruns_itens > div.panel.forum > div.panel-body > div.post-footer .btn {
  width:100%;
  display:block;
  margin:0 auto 5px auto;
 }
 #appBody_foruns > div[id^=forum] > div.panel-footer > .post-info {
  margin-left:0px;
  float:right;
 }
 #appBody_foruns > div[id^=forum] > div.panel-footer > .responsavel > .nome {
  max-width:138px;
 }
}
/*==================================== glossario ====================================*/
#appBody_glossario { position:relative; }
#appBody_glossario > .carta {
 margin:0px;
 cursor:initial;
}
#bodyList_glossario {
 display:block;
 width:100%;
}
#bodyList_glossario div[id^=glossario] {
 padding:12px 0px 0px 30px;
 height:45px;
}
#bodyList_glossario div.checked[id^=glossario] {
 margin:15px 15px 0px 15px;
 padding-left:15px;
 height:auto;
}
#bodyList_glossario > div > div.checked[id^=glossario]:nth-child(2) { margin-top:-40px; }
#bodyList_glossario div.checked[id^=glossario] > div:nth-child(2),
#bodyList_glossario .checkAll > div {
 font-weight:bold;
}
#bodyList_glossario .checkAll {
 padding:10px 0px 0px 30px;
 height:48px;
}
#bodyList_glossario > .checkAll > button > i.fa-circle-o { font-size:2.2em; }
#bodyList_glossario > .checkAll > button > i.ni-check { font-size:1em; }
#bodyList_glossario > div > span {
 display:inline-block;
 width:50px;
 height:54px;
 margin-left:-50px;
 font-size:35px;
 font-weight:bold;
 text-align:center;
}
#bodyList_glossario .checkAll > div, #bodyList_glossario div[id^=glossario] > div,
#bodyList_glossario div[id^=glossario] > h5 {
 cursor:pointer;
 max-width:422px;
 font-size:14px;
 text-align:left;
 position:relative;
 top:-25px;
}
#bodyList_glossario .checkAll > div { left:40px; }
#bodyList_glossario div[id^=glossario] > div, #bodyList_glossario div[id^=glossario] > h5 {
 left:0px;
 padding-left:40px;
}
#bodyList_glossario div[id^=glossario] img { max-width:100%; }
#bodyList_glossario div[id^=glossario] > h5 { margin-top:0px; }
#bodyList_glossario div[id^=glossario].checked > .noPrint:not(button) {
 float:right;
 margin-top:20px;
}
#bodyList_glossario div[id^=glossario].checked > h5 { margin-right:70px; }
#bodyList_glossario .checked > div { max-width:100% !important; }
#bodyList_glossario div[id^=glossario] > button, #bodyList_glossario div[id^=glossario] > div > button {
 font-weight:bold;
 width:30px;
}
#bodyList_glossario div.checked[id^=glossario] > button > i, #bodyList_glossario div.checked[id^=glossario] > button > i { font-size:1em; }
#bodyList_glossario div.checked[id^=glossario] > button, #bodyList_glossario div.checked[id^=glossario] > div > button {
 width:30px;
 height:30px;
 padding:0px;
 line-height:1;
}
#bodyList_glossario > div:not(.checkAll) > div:nth-child(2) { margin-top:-54px; }
div[id^=glossario] > div > button {
 padding:0px 5px;
 background-color:transparent !important;
}
@media print {
 #bodyList_glossario { left:0px }
 #bodyList_glossario div[id^=glossario] > div, #bodyList_glossario div[id^=glossario] > h5 {
  padding-left:0px;
 }
}
@media screen and (max-width:767px) {
 #appHeader_glossario .dropdown-menu.dropdown-menu-right button {
  float:right;
  margin-top:10px;
 }
}
@media screen and (max-width:599px) {
 #appBody_glossario:not(.print) > #bodyList_glossario {
  border-left:30px solid #bdccd4 !important;
 }
 #bodyList_glossario > div > span {
  margin-left:-40px;
  font-size:25px;
 }
 #bodyList_glossario div.checked[id^=glossario] {
  margin:10px 10px 0px 10px;
  padding-left:10px;
 }
 #bodyList_glossario > div > div.checked[id^=glossario]:nth-child(2) { margin-top:-45px; }
 #bodyList_glossario .checkAll { padding:10px 0px 0px 20px; }
 #bodyList_glossario div[id^=glossario] { padding:12px 0px 0px 20px; }
 #grpApps_main > section[id^=app_]:not(.large) { padding:0px 10px; }
}
/*==================================== home_turma ====================================*/
#cardTurma {
 cursor:pointer;
 display:block;
 margin:15px auto 0px auto;
 padding:0px;
 min-height:250px;
 border-radius:4px 4px 0px 0px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:right top;
}
#homeTurmaBgLb, #homeTurmaBgBtDel {
 float:right;
 margin:15px 15px 0 0;
}
#propositoTurma {
 cursor:pointer;
 position:relative;
 padding:0px 20px 6px 20px;
 font-size:16px;
 line-height:20px;
}
#propositoTurma > button {
 position:absolute;
 right:15px;
 top:15px;
}
#propositoTurma > div {
 text-transform:uppercase;
 padding:15px 0px 10px 0px;
 font-weight:bold;
}
#propositoTurma > p:first-child { padding-top:15px; }
#appBody_home_turma > button {
 display:block;
 width:100%;
 margin:0px 0px 30px 0px;
 padding:10px 12px;
 text-align:right;
 font-weight:bold;
 font-size:24px;
 border-radius:0px 0px 4px 4px;
 -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2);
 -moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2);
 box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2);
}
#app_home_turma header {
 width:100%;
 padding:3px 10px;
 border-width:0px 0px 1px 0px;
 border-style:solid;
}

@media screen and (min-width:768px) and (max-width:1365px) {
 #oBody_home_turma > div.enquete > div.panel-body > div.carta { width:31.5%; } /* 3 colunas */
}
@media screen and (min-width:640px) and (max-width:767px) {
 #oBody_home_turma > div.enquete > div.panel-body > div.carta { width:48.14%; } /* 2 colunas */
}
@media screen and (max-width:639px) {
 #oBody_home_turma > div.enquete > div.panel-body > div.carta { width:100%; } /* 1 coluna */
}
#oBody_home_turma > div.panel.cards {
 min-height:112px;
 margin:0px;
 background-color:transparent;
 border-width:0px;
 box-shadow:none;
}
#oBody_home_turma > div.panel.cards > div.panel-heading > h4 { cursor:pointer; }
#oBody_home_turma > div.panel.cards > div.panel-heading > h4 > span {
 float:right;
 vertical-align:middle;
 font-size:13px;
 font-weight:normal;
}
#oBody_home_turma > div.panel.cards > div.panel-body { padding:15px 0px 0px 0px; }
#oBody_home_turma > div.panel.cards:not(.enquete) > div.panel-body {
 display:flex;
 flex-wrap:wrap;
 margin-right:-15px;
}
#oBody_home_turma > div.panel.cards > div.panel-body > h5 { font-weight:normal; }
#oBody_home_turma > div.panel.cards:not(.enquete) > div.panel-body > div.carta {
 flex-grow:1;
 min-width:300px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta {
 cursor:default;
 min-height:92px;
 padding:0px 60px 15px 70px;
 font-size:12px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > * {
 padding-top:0px;
 padding-right:0px;
 padding-left:0px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > h5:first-child {
 position:absolute;
 left:0px;
 top:10px;
 width:70px;
 font-size:18px;
 line-height:1.2;
 text-align:center;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > h5:first-child > em {
 display:block;
 font-size:28px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > h5:first-child > small {
 display:block;
 font-weight:normal;
 margin-top:4px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > span.tp {
 position:absolute;
 right:15px;
 top:12px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > span.tp > i {
 display:block;
 line-height:1;
 font-size:36px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > span.tp > span.barraTopo {
 font-weight:normal;
 padding:1px 6px;
 font-size:13px;
}
#oBody_home_turma > div.agenda > div.panel-body > div.carta > h5:nth-child(3) {
 font-weight:normal;
 padding-top:12px;
 font-size:16px;
}
#oBody_home_turma > div.forum > div.panel-body > div.carta { padding:0px 15px 8px 15px; }
#oBody_home_turma > div.forum > div.panel-body > div.carta > h5.title {
 display:inline-block;
 font-weight:normal;
 font-size:12px;
 vertical-align:middle;
 padding:0px;
}
#oBody_home_turma > div.forum > div.panel-body > div.carta > h5:last-child {
 padding-left:12px;
}
#oBody_home_turma > div.forum > div.panel-body > div.carta > h5.title > div {
 margin-top:3px;
}
#dlgBody_comunicados { overflow:auto; }
#dlgBody_comunicados > div.carta, #oBody_home_turma > div.mural > div.panel-body > div.carta {
 cursor:default;
 padding:12px;
 background-color:#fff;
}
#dlgBody_comunicados > div.carta:not(:first-child) { margin-top:15px; }
#oBody_home_turma > div.mural > div.panel-body > div.carta > h5,
#dlgBody_comunicados > div.carta > h5 { padding:0px 0px 10px 0px; }
/*===================================== instala =====================================*/
#app_instala { max-width:640px !important; }
#grpApps_main div#appContent_instala > .panel-body { padding:0px 15px; }
/*=================================== instmsgs ===================================*/
#btApp_instmsgs {
 position:fixed;
 right:12px;
 bottom:26px;
 width:3em;
 height:3em;
 padding:0;
 z-index:21;
 -webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.3);
 -moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.3);
 box-shadow:0px 0px 5px 2px rgba(0,0,0,0.3);
 z-index: 10000;
}
#btApp_instmsgs > span.barraTopo {
 display:inline-block;
 position:absolute;
 top:-11px;
 right:-1px;
 width:24px;
 height:24px;
 padding:6px 0px 4px 0px;
 line-height:1;
 border-radius:50%;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
}
#btApp_instmsgs.off, body.dockright #btApp_instmsgs { display:none; }
#btApp_instmsgs > i {
 font-size:2.2em;
 line-height:1.85em;
}
#app_instmsgs {
 position:fixed;
 bottom:0;
 display:block;
 z-index:22;
 border-top-right-radius:6px;
 border-top-left-radius:6px;
 transition:transform 500ms cubic-bezier(0.435, 0.770, 0.015, 1.000);
 -webkit-transform:translateY(100%);
 -moz-transform:translateY(100%);
 -o-transform:translateY(100%);
 -ms-transform:translateY(100%);
 transform:translateY(100%);
 z-index: 10000;
}
body.dockright #app_instmsgs {
 top:0;
 right:0;
 border-left:1px outset #fff;
}
#app_instmsgs.in, body.dockright #app_instmsgs {
 transition:transform 500ms cubic-bezier(0.435, 0.770, 0.015, 1.000);
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -o-transform:translateY(0px);
 -ms-transform:translateY(0px);
 transform:translateY(0px);
}
#appForm_instmsgs { height: 100%; }
#appContent_instmsgs {
 display: flex;
 flex-direction: column;
 height: 100%;
 margin-bottom:0;
 border-width:0;
 background-color:transparent;
 border-top-right-radius:6px;
 border-top-left-radius:6px;
}
#appHeader_instmsgs { padding:6px 8px 0px 8px; }
body:not(.dockright) #appHeader_instmsgs {
 border-top-right-radius:6px;
 border-top-left-radius:6px;
}
#appLb_instmsgs { font-weight:600; }
body:not(.dockright) #app_instmsgs:not(.talking) #appLb_instmsgs { height:35px; }
body:not(.dockright) #app_instmsgs.talking #appLb_instmsgs { height:41px; }
#appLb_instmsgs > i {
 float:left;
 margin-left:-8px;
 padding:0px 8px;
 cursor:pointer;
}
#app_instmsgs.talking #appLb_instmsgs > i { line-height:35px; }
#app_instmsgs:not(.talking) #appLb_instmsgs > i {
 line-height:26px;
 font-size:18px;
}
body.dockright #appLb_instmsgs > i.fa-angle-down { display:none; }
#appLb_instmsgs > div.counter {
 float:left;
 padding-right:6px;
 line-height:30px;
 vertical-align:middle;
}
#appLb_instmsgs > div.avatar {
 float:left;
 margin:0px 10px 0px 5px;
 vertical-align:middle;
 cursor:pointer;
}
#appLb_instmsgs > span {
 display:block;
 font-size:14px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}
#app_instmsgs.talking #appLb_instmsgs > span { line-height:17px; }
#app_instmsgs:not(.talking) #appLb_instmsgs > span { vertical-align:sub; }
body:not(.dockright) #app_instmsgs:not(.talking) #appLb_instmsgs > span { line-height:20px; }
body.dockright #app_instmsgs:not(.talking) #appLb_instmsgs > span { line-height:34px; }
#appLb_instmsgs > div.avatar, #appBody_instmsgs > div.contacts > ul > li > div.avatar {
 width:35px;
 height:35px;
 border-radius:50%;
 overflow:hidden;
}
#appLb_instmsgs > div.avatar > img,
#appBody_instmsgs > div.contacts > ul > li > div.avatar > img {
 width:35px;
}
#app_instmsgs.talking:not(.checked) #appLb_instmsgs > i.ni-trash,
#app_instmsgs.talking.checked #appLb_instmsgs > div.avatar,
#app_instmsgs.talking.checked #appLb_instmsgs > span,
#app_instmsgs.talking.checked #appLb_instmsgs > small {
 display:none;
}
#appHeader_instmsgs > i.dock {
 float:right;
 line-height:30px;
 margin-right:-8px;
 padding-right:8px;
 cursor:pointer;
 display:none;
}
#appHeader_instmsgs > div.search {
 margin-right:28px;
 height:30px;
 position:absolute;
 top:7px;
 left:8px;
 right:0px;
 pointer-events:none;
}
#app_instmsgs.talking div.search { display:none; }
#appHeader_instmsgs > div.search > i {
 cursor:pointer;
 position:absolute;
 top:5px;
 right:-20px;
 font-size:16px;
 pointer-events:auto;
}
#appHeader_instmsgs > div.search > div { transition:padding-left .25s linear; }
#appHeader_instmsgs > div.search:not(.in) > div { padding-left:100%; }
#appHeader_instmsgs > div.search input { pointer-events:auto; }
#appHeader_instmsgs > div.search.in input { padding:5px; }
#appHeader_instmsgs > div.search:not(.in) input {
 padding:0px;
 border-width:0px;
}
#appHeader_instmsgs > div.abas {
 /* height:24px; */
 margin:-2px -8px 0px -8px;
}
#appHeader_instmsgs > div.abas > span {
 display:inline-block;
 font-size:13px;
 line-height:22px;
 margin-left:10px;
 padding:0px 2px;
 font-weight:600;
 cursor:pointer;
}
#appHeader_instmsgs > div.abas > span.active { border-bottom:2px solid white; }
#appHeader_instmsgs > div.abas > span:not(.active) { opacity:.4; }
#appHeader_instmsgs > div.abas > span > span.badge {
 padding:4px 0px 3px 0px;
 min-width:19px;
 margin:-2px 0px 0px 4px;
}
#appHeader_instmsgs > div.abas > i.status {
 display:inline-block;
 width:14px;
 height:14px;
 margin:4px 7px 0px 0px;
 border-radius:50%;
 float:right;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
}
#appHeader_instmsgs > div.abas > i.status.clk { cursor:pointer; }
#appHeader_instmsgs .bot:not(.temBot) { display: none; }
body:not(.dockright) #app_instmsgs.talking #appHeader_instmsgs > div.abas,
body.dockright #app_instmsgs.talking #appHeader_instmsgs > div.abas > * {
 display:none;
}
#appBody_instmsgs {
 flex-grow: 1;
 position:relative;
 bottom:0px;
 width:100%;
 padding:0px;
 background-color:#ddd;
}
/* body:not(.dockright) #app_instmsgs.talking #appBody_instmsgs { top:47px; } */
/* body:not(.dockright) #app_instmsgs:not(.talking) #appBody_instmsgs { top:63px; } */
#appBody_instmsgs div.contacts {
 position:absolute;
 top:0;
 bottom:0;
 width:100%;
 margin-left:0;
 transition:all .2s ease;
}
body:not(.mobile) #appBody_instmsgs div.contacts,
body:not(.mobile) #appBody_instmsgs div.msgs {
 overflow:hidden;
}
body.mobile #appBody_instmsgs div.contacts,
body.mobile #appBody_instmsgs div.msgs {
 overflow-y:auto;
}
#app_instmsgs:not(.talking) div.contacts {
 visibility:visible;
 opacity:1;
}
#app_instmsgs.talking div.contacts {
 visibility:hidden;
 opacity:0;
}
#app_instmsgs.talkingToBot .gifarea, #app_instmsgs.talkingToBot .emojionearea-button, #app_instmsgs:not(.botsOn) li.bot{ display:none; }
#appBody_instmsgs > div.contacts > ul {
 width:inherit;
 margin-bottom:0px;
 transition:opacity .5s ease;
 background-color:#eaeaea;
}
#appBody_instmsgs > div.contacts > ul > li {
 cursor:pointer;
 min-height:54px;
 padding:8px 10px;
}
#appBody_instmsgs > div.contacts > ul > li.out { display:none; }
#appBody_instmsgs > div.contacts > ul > li:not(:active) { background-color:transparent; }
#appBody_instmsgs > div.contacts > ul > li > div.avatar {
 float:left;
 margin:0px 10px 10px 0px;
}
#appBody_instmsgs > div.contacts > ul > li > i {
 float:right;
 margin:-5px 2px 1px 0;
 font-size:18px;
 line-height:1;
}
#appBody_instmsgs > div.contacts > ul > li > i.ni-star { color:#fbb03b; }
#appBody_instmsgs > div.contacts > ul > li > i.ni-star-o { color:#bfcdd5; }
#appBody_instmsgs > div.contacts > ul > li > i + .badge {
 clear:right;
 width:21px;
 height:20px;
 padding:4px 0 0 0;
 font-size:11px;
 font-weight:600;
 background-color:#8cc63f;
}
#appBody_instmsgs > div.contacts > ul > li > p.list-group-item-text { font-size:12px; }
#appBody_instmsgs ul.off li { opacity:.4; }
#appBody_instmsgs ul.off li:last-child { border-bottom:none; }
#appBody_instmsgs div.talk {
 display:block;
 width:0px;
 visibility:hidden;
 opacity:0;
 transition:visibility 1000ms cubic-bezier(.225, .948, .085, .993);
}
#app_instmsgs.talking div.talk {
 position:relative;
 width:100%;
 height:100%;
 visibility:visible;
 opacity:1;
}
#appBody_instmsgs div.msgs {
 padding:8px 8px 0px 8px;
 position:absolute;
 top:0;
 left:0;
 right:1px;
 bottom:63px;
}
#appBody_instmsgs div.msgs > div.loadOlder {
 text-align:center;
 width:38px;
 height:38px;
 clear:both;
 margin:0px auto 10px auto;
 padding-top:9px;
 border-radius:50%;
 font-size:16px;
 line-height:1;
 background-color:transparent;
 border:1px dashed #888;
 color:#888;
 cursor:pointer;
}
#appBody_instmsgs div.msgs > div.dt {
 text-align:center; /* IE */
 width:90px; /* IE */
 width:fit-content;
 clear:both;
 margin:0px auto 10px auto;
 padding:3px 12px;
 border-radius:6px;
 font-size:11px;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
 background-color:#ccebf0;
}
#appBody_instmsgs div.balao {
 display:inline-block;
 position:relative;
 max-width:88%;
 margin-bottom:10px;
 padding:6px 0px 8px 0px;
 border-radius:6px;
 font-size:14px;
 box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3);
}
#appBody_instmsgs div.balao.eu {
 float:right;
 clear:both;
 margin-right:8px;
 border-top-right-radius:0px;
 background-color:#f4f4bd;
}
#appBody_instmsgs div.balao:not(.eu) {
 float:left;
 clear:both;
 margin-left:8px;
 border-top-left-radius:0px;
 background-color:#fff;
}
#appBody_instmsgs div.balao.checked::before {
 content:'';
 display:block;
 width:100vh;
 position:absolute;
 top:-2px;
 bottom:-2px;
 z-index:24;
 background-color:rgba(0, 0, 0, 0.15);
}
#appBody_instmsgs div.balao.eu.checked::before { right:-15px; }
#appBody_instmsgs div.balao:not(.eu).checked::before { left:-15px; }
#appBody_instmsgs div.balao:not(.checked)::before, #appBody_instmsgs div.balao::after {
 content:'';
 display:block;
 width:0;
 height:0;
 position:absolute;
 border-style:solid;
 border-color:transparent;
}
#appBody_instmsgs div.balao:not(.checked)::before {
 border-width:5px;
 top:0px;
}
#appBody_instmsgs div.balao.eu:not(.checked)::before {
 right:-10px;
 border-left-color:rgba(0,0,0,0.1);
 border-top-color:rgba(0,0,0,0.1);
}
#appBody_instmsgs div.balao:not(.eu):not(.checked)::before {
 left:-10px;
 border-right-color:rgba(0,0,0,0.1);
 border-top-color:rgba(0,0,0,0.1);
}
#appBody_instmsgs div.balao::after {
 border-width:4px;
 top:0px;
}
#appBody_instmsgs div.balao.eu::after {
 right:-8px;
 border-left-color:#f4f4bd;
 border-top-color:#f4f4bd;
}
#appBody_instmsgs div.balao:not(.eu)::after {
 left:-8px;
 border-right-color:#fff;
 border-top-color:#fff;
}
#appBody_instmsgs div.balao > div.msg {
 line-height:18px;
 padding:0px 8px;
 color:#000;
 word-break:break-word;
 word-wrap:break-word; /* IE */
}
#appBody_instmsgs div.balao > div.msg img, #appBody_instmsgs div.balao > div.msg iframe {
 max-width:100%;
 margin-bottom:4px;
}
#appBody_instmsgs div.balao > div.msg > div.giphy-msg {
 margin-bottom:4px;
 padding-bottom:15px;
 border-radius:10px;
 background:#fff url(../../img/giphy.png) no-repeat center 99%;
 background-size:130px;
 box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
 overflow:hidden;
}
#appBody_instmsgs div.balao > div.msg img.emojioneemoji { height:1.25em; }
#appBody_instmsgs div.balao + div.balao { padding-top:8px; }
#appBody_instmsgs div.balao:not(.eu) + div.balao:not(.eu) {
 margin-top:-7px;
 border-top-left-radius:6px;
}
#appBody_instmsgs div.balao.eu + div.balao.eu {
 margin-top:-7px;
 border-top-right-radius:6px;
}
#appBody_instmsgs div.balao.eu + div.balao.eu > div.nm,
#appBody_instmsgs div.balao.eu + div.balao.eu:not(.checked)::before,
#appBody_instmsgs div.balao.eu + div.balao.eu::after,
#appBody_instmsgs div.balao:not(.eu) + div.balao:not(.eu) > div.nm,
#appBody_instmsgs div.balao:not(.eu) + div.balao:not(.eu):not(.checked)::before,
#appBody_instmsgs div.balao:not(.eu) + div.balao:not(.eu)::after {
 display:none;
}
#appBody_instmsgs div.balao > div.nm {
 padding:0px 8px 4px 8px;
 font-size:13px;
 line-height:1;
 font-weight:600;
}
#appBody_instmsgs div.balao > i.ni-check-curve {
 float:right;
 margin:1px 6px 0px 0px;
 font-size:9px;
 line-height:1;
}
#appBody_instmsgs div.balao[data-st="0"] > i.ni-check-curve { color:#aaa; }
#appBody_instmsgs div.balao[data-st="1"] > i.ni-check-curve { color:#ffa417; }
#appBody_instmsgs div.balao[data-st="2"] > i.ni-check-curve { color:#008000; }
#appBody_instmsgs div.balao > div.dt {
 float:right;
 margin:0px 6px;
 font-size:10px;
 line-height:1;
}
#appBody_instmsgs > div.talk > div.foot {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 padding:5px 45px 8px 8px;
}
#appBody_instmsgs > div.talk > div.foot > button {
 position:absolute;
 bottom:8px;
 right:8px;
}
div.wsmsgs .emojionearea { border-radius:8px; }
div.wsmsgs .emojionearea.focused {
 outline:0;
 border:0;
 box-shadow:none;
}
div.wsmsgs .emojionearea i.gifarea {
 cursor:pointer;
 z-index:5;
 position:absolute;
 right:24px;
 top:3px;
 font-size:26px;
 line-height:24px;
 opacity:.6;
}
div.wsmsgs .emojionearea .emojionearea-editor {
 min-height:2.2em;
 padding:6px 42px 6px 6px;
}
div.wsmsgs .emojionearea .emojionearea-button:not(.gifarea) + .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
 right:46px;
}
div.wsmsgs .emojionearea .emojionearea-button.gifarea + .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
 right:64px;
}
div.wsmsgs .emojionearea .emojionearea-button.gifarea + .emojionearea-picker .emojionearea-scroll-area {
 padding:0px 0px 0px 6px;
 height:226px;
 bottom:6px;
}
div.wsmsgs .emojionearea .emojionearea-button.gifarea + .emojionearea-picker .emojionearea-filters {
 padding:7px 7px 0px 7px;
}
div.wsmsgs .emojionearea .emojionearea-button.gifarea + .emojionearea-picker .emojionearea-scroll-area img {
 max-width:47.8%;
 margin:0px 6px 6px 0px;
 cursor:pointer;
}
@media screen and (max-width:320px) {
 div.wsmsgs .emojionearea .emojionearea-picker {
  width:300px;
  right:-45px;
 }
 div.wsmsgs .emojionearea .emojionearea-picker .emojionearea-wrapper {
  width:auto;
 }
}
@media screen and (min-width:321px) {
 div.wsmsgs .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  right:-40px;
 }
}
@media screen and (max-width:480px) {
 #app_instmsgs {
  width:100%;
  right:0;
  top:0;
 }
}
@media screen and (min-width:481px) {
 #app_instmsgs {
  width:330px;
  right:8px;
 }
}
@media screen and (min-width:481px) and (max-height:600px) {
 #app_instmsgs { top:0px; }
}
@media screen and (min-width:481px) and (min-height:601px) and (max-height:800px) {
 body:not(.dockright) #app_instmsgs { top:80px; }
}
@media screen and (min-width:481px) and (min-height:801px) and (max-height:1080px) {
 body:not(.dockright) #app_instmsgs { top:200px; }
}
@media screen and (min-width:481px) and (min-height:1081px) {
 body:not(.dockright) #app_instmsgs { height:880px; }
}
@media screen and (min-width:481px), screen and (min-height:601px) {
 body:not(.dockright) #app_instmsgs.in {
  -webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
  box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);
 }
}
@media screen and (min-width:1366px) {
 #appHeader_instmsgs > i.dock { display:inline-block; }
 #appHeader_instmsgs > i.dock + div.search { margin-right:48px; }
}
/*======================================= logs =======================================*/
#appBody_logs td[data-u] {
 cursor:pointer;
 text-decoration:underline;
}
/*================================ moderacao_usuarios ================================*/
#appBody_moderacao_usuarios section.carta {
 width:100%;
 min-width:570px;
 cursor:default;
}
#appBody_moderacao_usuarios .form-group.off,
#appBody_moderacao_usuarios section.carta.off { opacity:0.6; }
#appBody_moderacao_usuarios section.carta > div.head {
 cursor:pointer;
 position:relative;
 padding:12px 15px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
}
#appBody_moderacao_usuarios section.carta > div.head > div.title {
 text-align:right;
 position:absolute;
 right:43px;
 top:0;
 bottom:0;
 padding:12px 12px 0px 0px;
}
#appBody_moderacao_usuarios section.carta > div.head > i:first-child {
 position:absolute;
 right:40px;
 bottom:0;
 top:0;
 border-left:1px solid #e4e4e4;
}
#appBody_moderacao_usuarios section.carta > div.head > i:first-child::before {
 position:absolute;
 right:-26px;
 top:50%;
 margin-top:-8px;
}
#appBody_moderacao_usuarios section.carta .panel {
 margin-bottom:0px;
 font-size:13px;
}
#appBody_moderacao_usuarios section.carta .panel-heading {
 padding-top:6px;
 padding-bottom:6px;
 border-top-left-radius:0px;
 border-top-right-radius:0px;
}
#appBody_moderacao_usuarios section.carta .panel-heading .form-group { margin-bottom:0px; }
#appBody_moderacao_usuarios section.carta .panel-heading .form-group > div:first-child {
 padding-left:42px;
}
#appBody_moderacao_usuarios section.carta .panel-body { padding:0px; }
#appBody_moderacao_usuarios section.carta .panel-body > .form-group {
 border-bottom-width:1px;
 border-bottom-style:solid;
}
#appBody_moderacao_usuarios section.carta .panel-body > .form-group[data-id] { cursor:pointer; }
#appBody_moderacao_usuarios section.carta .panel-body > .form-group > div:nth-child(odd) {
 font-weight:bold;
}
#appBody_moderacao_usuarios section.carta .panel-body i {
 display:inline-block;
 width:25px;
 line-height:1;
 vertical-align:middle;
}
#appBody_moderacao_usuarios section.carta .panel-footer {
 text-align:right;
 background-color:#fff;
 border-top-width:0px;
}
@media screen and (max-width:767px) {
 #appBody_moderacao_usuarios section.carta > div.head > div.title {
  display:block;
  position:static;
  margin-right:25px;
 }
}
/*====================================== mural ======================================*/
#dlg_murais #dlgBody_murais hr { height:1px; }
#appBody_murais .panel {
 padding:0px !important;
 margin:0px 0px 17px 0px;
 border-radius:3px;
 -webkit-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 -moz-box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
 box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);
}
#appBody_murais .panel > .panel-heading > i.ni-pencil {
 cursor:pointer;
 float:right;
 margin:-5px -5px 0px 0px;
 padding:5px;
 font-size:0.9em;
}
#appBody_murais .panel > .panel-body {
 overflow-x:auto;
 padding-top:0px;
}
#appBody_murais .panel > .panel-body a, #dlgBody_comunicados div.carta a,
#oBody_home_turma > div.mural div.carta a {
 word-wrap:break-word;
}
#appBody_murais .panel > .panel-body img, #dlgBody_comunicados > div.carta img,
#oBody_home_turma > div.mural > div.panel-body > div.carta img {
 max-width:100%;
}
#appBody_murais:not(.editing) .panel > .panel-heading > i.ni-pencil,
#appBody_murais:not(.editing) .panel > .panel-body > div.info.resp {
 display:none;
}
#appBody_murais .panel > .panel-body > div.info {
 margin-top:10px;
 font-size:12px;
}
#appBody_murais .panel > div.panel-footer {
 min-height:45px;
 padding:8px 10px;
 font-weight:700;
 border:0;
}
#appBody_murais .panel > div.panel-footer > span.right { float:right; }
#appBody_murais .panel > div.panel-footer > span:not(.right) { float:left; }
#appBody_murais .panel > div.panel-footer > span > .btn {
 margin-right:4px;
 padding:5px 6px 2px 6px;
 border-radius:5px;
 border:none;
 cursor:default;
}
#appBody_murais .panel > div.panel-footer > span > .btn > i {
 font-size:18px;
 line-height:1;
}
#appBody_murais .panel > div.panel-footer > span > div {
 display:inline-block;
 margin-left:6px;
 padding:5px 6px 4px 6px;
 font-size:20px;
 line-height:1;
 vertical-align:middle;
 border-radius:5px;
}
#appBody_murais .panel > div.panel-footer > span > div > i { display:block; }
#appBody_murais .panel > div.panel-footer > span > div > i.fa-ban,
#appBody_murais .panel > div.panel-footer > span > div > i.fa-clock-o {
 margin:1px 1px 2px 1px;
}
#appBody_murais .panel > div.panel-footer div.power0 { background-color:#FFDD00; }
#appBody_murais .panel > div.panel-footer div.power1 { background-color:#BD1622; }
#appBody_murais .panel > div.panel-footer div.power2 { background-color:#93C01F; }
#appBody_murais .panel > div.panel-footer div.power3 { background-color:#662482; }
#appBody_murais .panel > div.panel-footer div.power1 i::before,
#appBody_murais .panel > div.panel-footer div.power2 i::before {
 color:#fff;
}
#appBody_murais .panel > div.panel-footer div.power3 i::before { color:#FFDD00; }
#muralVis > button, #muralSt > button { margin-right:5px; }
#muralVis > button > i, #muralSt > button > i {
 margin-right:5px;
 vertical-align:middle;
 line-height:1;
 font-size:16px;
}
@media screen and (min-width:768px) {
 #dlgBody_murais > div.form-group > label + div[class^=col-sm-] { padding-left:0px; }
}
@media screen and (max-width:772px) {
 #muralVis > button, #muralSt > button {
  width:100%;
  margin-top:5px;
 }
 #muralNumViewsLayer { margin-top:10px; }
}
@media screen and (min-width:1366px) {
 body.dockright #appBody_murais .panel { width:306px; } /* 3 colunas */
 body:not(.dockright) #appBody_murais .panel { width:405px; } /* 3 colunas */
}
@media screen and (min-width:768px) and (max-width:1365px) {
 #appBody_murais .panel { width:31.5%; } /* 3 colunas */
}
@media screen and (min-width:640px) and (max-width:767px) {
 #appBody_murais .panel { width:48.2%; } /* 2 colunas */
}
@media screen and (max-width:639px) {
 #appBody_murais .panel { width:100%; } /* 1 coluna */
}
/*====================================== papeis ======================================*/
#tblEdit_papeis { border-width:0px; }
#tblEdit_papeis thead th:not(:first-child) {
 width:20px;
 height:145px;
}
#tblEdit_papeis th i, #tblEdit_papeis td i { font-size:1.25em; }
/*================================== participantes ==================================*/
#appBody_participantes h4 {
 height:22px;
 line-height:22px;
}
#appBody_participantes div.noPrint.pull-right { margin-top:-26px; }
#appBody_participantes div.noPrint i[id^=all_] {
 cursor:pointer;
 width:26px;
 height:26px;
 font-size:26px;
 line-height:26px;
 background-color:transparent;
}
#appBody_portal_recursos i.fa-check-circle, #appBody_portal_recursos i.fa-circle-o,
#appBody_participantes .panel-body div.form-group i {
 cursor:pointer;
 font-size:32px;
 line-height:30px;
}
#appBody_participantes > .panel-group > .panel .panel-body.inboxGroup,
#dlgBody_recursos .panel-group > .panel .panel-body.inboxGroup {
 padding:0px 0px 0px 15px;
}
#appBody_participantes > .panel-group > .panel > .panel-collapse > .panel-body.datas {
 padding:0px;
}
.inboxGroup .inbox {
 float:left;
 position:relative;
 width:145px;
 margin:0px 12px 12px 0px;
 padding:6px 4px 4px 4px;
 text-align:center;
}
.inboxGroup .lider {
 float:left;
 position:relative;
 width:145px;
 margin:0px 12px 12px 0px;
 padding:57px 15px 0px 15px;
 text-align:center;
 border-width:2px;
 border-style:dashed;
 border-radius:6px;
}
#dlgBody_recursos .inboxGroup.panel-body .lider { min-height:182px; }
#appBody_recursos .inboxGroup .lider { min-height:167px; }
#dlgBody_rel_recurso .inboxGroup .lider { min-height:165px; }
.inboxGroup .lider:not(.dropActive) {
 color:#ccc;
 border-color:#ccc;
}
.inboxGroup .lider.dropActive {
 color:#4d4d4d;
 border-color:#ff9c00;
}
.inboxGroup .lider.dropActive:not(.dropHover) { background-color:#dadada; }
.inboxGroup .lider.dropHover { background-color:#ccc; }
.inboxGroup .lider.dropHover > .inbox { visibility:hidden; }
.inboxGroup .dropHover .lider > .inbox {
 top:0px;
 left:0px;
 width:141px;
 height:178px;
}
.inboxGroup .lider > .inbox {
 position:absolute;
 top:-2px;
 left:-2px;
}
.inboxGroup .lider > .inbox::before {
 position:absolute;
 right:10px;
 top:-2px;
 width:26px;
 height:20px;
 padding-top:6px;
 text-align:center;
 font-size:14px;
 font-family:"ni";
 content:"\e027"; /* ni-star */
 border-style:solid;
 border-width:0px 1px;
}
.inboxGroup .lider > .inbox::after {
 position:absolute;
 right:11px;
 top:18px;
 width:0px;
 height:0px;
 content:'';
 border-style:solid;
 border-width:12px;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent;
}
.inboxGroup .lider > .inbox > .user::before {
 position:absolute;
 right:10px;
 top:18px;
 width:0px;
 height:0px;
 content:'';
 border-style:solid;
 border-width:13px;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:transparent;
}
.inboxGroup .inbox > button {
 display:none;
 float:right;
 margin-left:5px;
}
.inboxGroup .inbox:hover > button { display:inline-block; }
.inboxGroup .inbox div.fn { min-height:24px; }
.inboxGroup .inbox div.nm {
 min-height:39px;
 margin:0px auto;
 padding-bottom:3px;
 text-align:center;
 vertical-align:middle;
 font-weight:600;
 font-size:12px;
}
.inboxGroup .inbox .avatar {
 width:99px;
 height:99px;
 margin:0px auto 7px auto;
 border-radius:50%;
 overflow:hidden;
}
.inboxGroup .inbox > span.user {
 cursor:pointer;
 display:block;
 margin-top:12px;
}
#appBody_participantes .inbox > span.user { margin-top:36px; }
.inboxGroup .inbox > .drag {
 height:15px;
 position:relative;
 visibility:hidden;
}
.inboxGroup .inbox:hover > .drag { visibility:visible; }
.inboxGroup .inbox > .drag::before, .inboxGroup .inbox > .drag::after {
 content:'';
 display:block;
 position:absolute;
 left:6px;
 right:6px;
 height:3px;
 background-position:3px top;
 background-size:3px 3px;
 background-repeat:repeat-x;
}
.inboxGroup .inbox > .drag::before { top:3px; }
.inboxGroup .inbox > .drag::after { top:8px; }
#appContent_participantes div.panel-default > div.panel-heading > div.pull-right > *:not(:last-child) {
 margin-right:8px;
}
#appBody_participantes i.fa-chevron-up, #appBody_participantes i.fa-chevron-down {
 cursor:pointer;
}
@media screen and (max-width:767px) {
 #appBody_participantes > .panel-group > .panel .panel-body.inboxGroup,
 #dlgBody_recursos .panel-group > .panel .panel-body.inboxGroup {
  padding-left:10px;
 }
 .inboxGroup .lider { width:135px; }
 .inboxGroup .inbox {
  width:135px;
  margin:0px 10px 10px 0px;
  padding:3px 2px 4px 2px;
 }
 #appBody_participantes .panel-collapse .panel-body.datas div.form-group:first-child {
  display:none;
 }
}
@media screen and (min-width:768px) {
 #dlgBody_participantesMatriculas .panel-body .col-sm-3 { padding-left:0px; }
}
/*=================================== portal ===================================*/
#appBody_portal { padding:0px; }
#appHeader_portal_recursos ul.menu.in::before { right:69px; }
#appBody_portal_recursos > div.panel > div.panel-body { padding:0px; }
.dstqPortal.barraTopo { position:relative; }
.dstqPortal .cover {
 position:relative;
 top:0;
 background-size:cover;
}
.dstqPortal .conteudoMovel:not(.barraTopo) {
 position:absolute;
 top:0;
 left:0;
 right:0;
 z-index:2;
}
.conteudoMovel {
 float:none;
 max-width:1280px;
 margin:0px auto;
 padding:20px 20px 0px 20px;
}
.conteudoMovel h3 {
 margin:0px 0px 10px 0px;
 padding:5px 0px 6px 0px;
 font-size:18px;
 line-height:1;
 font-weight:bold;
}
.conteudoMovel > div.bts { float:right; }
.conteudoMovel > div.bts > * { margin-left:6px; }
.detail p { line-height:135%; }
.dstqPortal p { font-size: 15px; }
.dstqPortal .conteudoMovel .destaque {
 margin-top:80px;
 width:350px;
 padding:1px 18px 18px 18px;
}
.dstqPortal .destaque h2 { margin-top:12px; }
.dstqPortal .destaque div { font-size:15px; }
.dstqPortal ul.nav-tabs {
 display:flex;
 flex-wrap:nowrap;
 max-width:1260px;
 margin:0 auto;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 text-align:center;
 border-bottom:none;
}
.dstqPortal ul.nav-tabs > li {
 flex-grow:1;
 overflow:hidden;
}
.dstqPortal ul.nav-tabs > li > a, .dstqPortal ul.nav-tabs > li.active > a {
 position:relative;
 flex-grow:1;
 height:100%;
 margin-top:8px;
 word-break:break-word;
 text-transform:uppercase;
 border:none;
 border-radius:0;
 vertical-align:bottom;
}
.dstqPortal ul.nav-tabs > li:not(.active) > a { font-weight:normal; }
.dstqPortal ul.nav-tabs > li > a > i {
 position:absolute;
 right:7px;
 top:4px;
 cursor:pointer;
}
.dstqBts {
 display:flex;
 flex-wrap:wrap;
 margin-right:-15px;
}
.dstqBts button.carta {
 width:22.7% !important;
 padding:14px 15px 10px 15px;
 flex-grow:1;
 box-sizing:border-box;
 word-wrap:break-word;
 white-space:normal;
 border:0px;
}
.dstqBts button.carta > div {
 min-height:40px;
 margin-top:2px;
}
.conteudoMovel.envelope {
 overflow:initial;
 display:flex;
 flex-wrap:wrap;
}
.envelope .carta {
 min-height:130px;
 padding-bottom:10px;
 max-width:420px !important;
}
.envelope .carta > h6, .envelope .carta > h6 + p { padding-top:0px !important; }
.envelope .carta > div:not(.imgBg) { padding:10px; }
@media screen and (max-width:479px) {
 .dstqPortal .conteudoMovel.barraTopo { padding:12px 7px 4px 7px; }
 .conteudoMovel > div.bts {  margin-top:-5px; }
 .dstqPortal .cover { height:200px; }
 .dstqPortal ul.nav-tabs { padding: 15px 0px 0px 0px; }
  .dstqPortal ul.nav-tabs > li > a, .dstqPortal ul.nav-tabs > li.active > a {
   margin-right:5px;
   padding:9px 4px 6px 4px;
   font-size:11px;
 }
 .conteudoMovel.envelope { padding:20px 5px; }
 .envelope .carta {
  width:100% !important;
  max-width:100% !important;
  margin-right:0px;
 }
}
@media screen and (min-width:480px) {
 .dstqPortal .conteudoMovel.barraTopo { padding-bottom:15px; }
 .conteudoMovel > div.bts {  margin-top:-10px; }
 .dstqPortal ul.nav-tabs { padding:15px 12px 0px 10px; }
}
@media screen and (min-width:480px) and (max-width:839px) {
 .dstqPortal ul.nav-tabs > li > a, .dstqPortal ul.nav-tabs > li.active > a {
  margin-right:6px;
  padding:9px 6px 6px 6px;
  font-size:12px;
 }
}
@media screen and (min-width:840px) {
 .dstqPortal ul.nav-tabs > li > a, .dstqPortal ul.nav-tabs > li.active > a {
  margin-right:8px;
  padding:12px 25px;
  font-size:14px;
 }
}
@media screen and (min-width:480px) and (max-width:799px) {
 .dstqPortal .cover { height:285px; }
 .envelope .carta { width:46.1% !important; }
}
@media screen and (max-width:599px) {
 .dstqPortal h2 { font-size: 22px; }
 .dstqPortal .conteudoMovel:not(.barraTopo) {
  padding:0px;
  position:initial;
 }
 .dstqPortal .conteudoMovel:not(.barraTopo) > button { margin-right:8px; }
 .dstqPortal .conteudoMovel .destaque {
  width:100%;
  margin-top:0;
 }
}
@media screen and (max-width:799px) {
 .dstqBts button.carta { width:44% !important; }
}
@media screen and (min-width:800px) {
 .dstqPortal .cover { height:450px; }
}
@media screen and (max-width:839px) {
 .dstqPortal ul.nav-tabs > li > a > i {
  right:3px;
  top:0px;
 }
}
@media screen and (min-width:800px) and (max-width:1023px) {
 .envelope .carta { width:30% !important; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
 .envelope .carta { width:31.5% !important; }
}
@media screen and (min-width:1366px) and (max-width:1599px) {
 body:not(.dockright) .envelope .carta { width:23.7% !important; }
 body.dockright .envelope .carta { width:31.7% !important; }
}
@media screen and (min-width:1600px) {
 .envelope .carta { width:23.55% !important; }
}
/*================================== recursos da UE ==================================*/
#appContent_recursos { margin-bottom:0px; }
#btHomeUeBcoQuest {
 padding:0px;
 background-color:transparent;
 line-height:1;
}
#btHomeUeBcoQuest::before { font-size:28px; }
#txtHomeProposito {
 min-height:90px;
 padding:20px;
 font-size:16px;
 line-height:20px;
}
#txtHomeProposito > div { margin-bottom:3px; }
#appBody_rel_recurso { padding:0px; }
.grpRec {
 position:relative;
 margin:0px 0px 10px 0px;
 border-radius:3px;
 -webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
 -moz-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
 box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
}
#app_recursos.editing .grpRec:not(:first-child):not(.recSapz) { min-height:140px; }
.grpRec.locked { opacity:0.5; }
.grpRec.recSapz {
 min-height:50px;
 padding:10px 2px 10px 20px;
}
.grpRec.recSapz .btn-rounded { float:right; }
.grpRec.recSapz .btn {
 margin:0px 8px 8px 0px;
 max-width:100%;
 overflow:hidden;
}
.grpRec.recSapz > h3 {
 padding-top:0px;
 margin:0px 0px 8px 0px;
}
.grpRec > h3 {
 font-size:16px;
 margin-bottom:1px;
 margin-left:20px;
 padding:10px 0px;
 font-weight:bold;
}
#app_recursos:not(.editing) .grpRec > h3 { margin-right:70px; }
#app_recursos.editing .grpRec:not(.recSapz) > h3 { cursor:move; }
#app_recursos.editing .grpRec > h3 { margin-right:142px; }
.grpRec > section, .recursos .recurso > section {
 width:100%;
 height:0px;
 opacity:0;
 visibility:hidden;
 -webkit-transition:all 1000ms cubic-bezier(0.225, 0.948, 0.085, 0.993);
 -moz-transition:all 1000ms cubic-bezier(0.225, 0.948, 0.085, 0.993);
 -ms-transition:all 1000ms cubic-bezier(0.225, 0.948, 0.085, 0.993);
 -o-transition:all 1000ms cubic-bezier(0.225, 0.948, 0.085, 0.993);
 transition:all 1000ms cubic-bezier(0.225, 0.948, 0.085, 0.993);
}
.grpRec > .recursos > .recurso img {
 max-width:100%;
 height:auto !important;
}
.grpRec.in > .recursos {
 height:auto;
 opacity:1;
 visibility:visible;
}
.grpRec > div:nth-child(2) {
 border-bottom:1px solid #f0f0f0;
 margin:0px;
 padding:0px 12px 7px 20px;
}
#appBody_recursos > section:first-child > div.progressLb {
 position:relative;
 cursor:default;
 margin:0px;
 padding:13px 150px 13px 15px;
 border-bottom-width:0px;
 line-height:14px;
 vertical-align:top;
 font-weight:normal;
}
#appBody_recursos > section:first-child > div.progressLb > div:first-child {
 position:absolute;
 right:15px;
 top:12px;
}
#appBody_recursos > section:first-child > div.progressLb > div:first-child > strong {
 font-size:18px;
 vertical-align:bottom;
}
#appBody_recursos > section:first-child div.progress {
 height:12px;
 margin:0px 0px 0px 0px;
 border-radius:0px;
}
#appBody_recursos > h5 {
 text-align:center;
 margin:18px 0px 15px 0px;
}
#appBody_recursos > h5 > span {
 font-size:13px;
 font-weight:normal;
}
#appBody_recursos > h5 > span:not(.locked) { cursor:pointer; }
#appBody_recursos > h5 > span.locked { opacity:0.5; }
#appBody_recursos > h5 > span > i {
 font-size:18px;
 vertical-align:middle;
}
#app_recursos:not(.editing) .grpRec > button.grpRecOculto {
 right:45px;
 cursor:default;
}
.grpRec:not(.recSapz) > button, .grpRec > .counterCheck,
#dlgBody_importUcsUes .counterCheck {
 position:absolute;
 top:11px;
}
#appBody_recursos .grpRec > .counterCheck {
 right:237px;
 padding-top:3px;
}
.grpRec > .grpRecDel { right:200px; }
#app_recursos.editing .grpRec > button.grpRecOculto { right:163px; }
#appBody_recursos > section > ul.menu::before { right:134px; }
#appBody_recursos > section > ul.menu > li { position:relative; }
#appBody_recursos > section > ul.menu > li > ul::before {
 position:absolute;
 left:50%;
 margin-left:-7px;
}
.grpRec > button.grpRecAdd { right:126px; }
.grpRec > button.grpRecEdit { right:89px; }
#appBody_recursos .grpRec > i.chkAll {
 position:absolute;
 right:41px;
 top:12px;
}
.grpRec > i.fa-chevron-up, .grpRec > i.fa-chevron-down {
 position:absolute;
 right:12px;
 top:14px;
}
.grpRec > i.fa:not(.disabled) { cursor:pointer; }
.grpRec > i.fa.disabled, .recursos .recurso.locked { opacity:0.5; }
.recursos .recurso:not(.in):not(.checked):not(.locked):hover {
 background-color:rgba(0,0,0,0.1);
}
.recursos .recurso.checked { background-color:#ffffcc; }
.recursos .recurso {
 position:relative;
 display:block;
 width:100%;
 margin:0px;
 padding:6px 0px 0px 0px;
 border-style:solid;
 border-width:1px 0px;
}
.recursos .recurso.marked::before {
 content:'';
 position:absolute;
 top:10px;
 left:-6px;
 width:10px;
 height:14px;
 background-color:#ff5617;
}
.recursos .recurso.marked::after {
 content:'';
 position:absolute;
 top:10px;
 left:4px;
 width:0px;
 height:0px;
 border-style:solid;
 border-width:7px;
 border-top-color:transparent;
 border-right-color:transparent;
 border-bottom-color:transparent;
 border-left-color:#ff5617;
}
.recursos .recurso > div {
 float:right;
 margin:-3px 10px 0px 0px;
 position:relative;
}
.recursos .recurso > div > * { margin-left:14px; }
.recursos .recurso > div > i.fa-circle-o, .recursos .recurso > div > i.fa-check-circle {
  margin-left:25px;
  margin-right:-3px;
}
.recursos .recurso > div > ul.menu { right:109px; }
.recursos .recurso > div > ul.menu.in::before { border-bottom-color:transparent; }
.recursos .recurso > div > i {
 cursor:pointer;
 line-height:1;
 vertical-align:middle;
 display:inline-block;
}
.recursos .recurso > div > i.ni-unlock, .recursos .recurso > div > i.ni-lock,
.recursos .recurso > div > i.ni-lock-plane, .recursos .recurso > div > i.ni-lock-star,
.recursos .recurso > div > i.ni-eye-slash {
 width:21px;
}
.grpRec i.fa-circle-o, #dlgBody_importUcsUes div.inbox > i.fa-circle-o,
.grpRec i.fa-check-circle, #dlgBody_importUcsUes div.inbox > i.fa-check-circle {
 font-size:24px;
}
.recursos .recurso > div > i.ni-lock-star, .recursos .recurso > div > i.ni-lock-plane,
.recursos .recurso > div > ul.menu li.ni-lock-star::before,
.recursos .recurso > div > ul.menu li.ni-lock-plane::before {
 font-size:1.5em;
}
.recursos .recurso > div > i.ni-lock, .recursos .recurso > div > i.ni-unlock,
.recursos .recurso > div > ul.menu li.ni-lock::before,
.recursos .recurso > div > ul.menu li.ni-unlock::before,
.recursos .recurso > div > ul.menu li.ni-eye-slash::before {
 font-size:1.3em;
}
.recursos .recurso > div > i.ni-pencil { font-size:1em; }
.recursos .recurso > div > i.ni-bar-chart,
.recursos .recurso > div > i.ni-eye-slash {
 font-size:1.4em;
}
.recursos .recurso > div > i.fa-chevron-down, .recursos .recurso > div > i.fa-chevron-up {
 font-size:1.1em;
 vertical-align:baseline;
}
.recursos .recurso > div > [class^=desemp_] {
 display:inline-block;
 width:13px;
 height:13px;
 margin-right:5px;
 margin-left:16px;
 border-radius:50%;
}
.recursos .recurso:not(.in) > section > * {
 height:0px;
 display:none;
}
.recursos .recurso > div > .ni-bar-chart::before,
.recursos .recurso > div > .ni-pencil::before {
 cursor:pointer;
}
.recursos .recurso > h3 {
 margin:0px 0px 0px 20px;
 padding-bottom:6px;
 font-size:17px;
 font-weight:bold;
}
.recursos .recurso:not(.locked) > h3 { cursor:pointer; }
.recursos .recurso > h3.fa { font-family:"Open Sans"; }
.recursos .recurso > h3.fa::before { font-family:"FontAwesome"; }
.recursos .recurso > h3::before {
 margin-right:8px;
 vertical-align:middle;
 font-size:22px;
 font-weight:normal;
}
.recursos .recurso > section[id^=recCont_] ul { margin-left:18px; }
.recursos .recurso > section[id^=recCont_] > .footer {
 clear:both;
 margin-top:17px;
}
#dlgBody_importUcsUesRec > .footer, #dlgBody_viewBcoSapzRec > .footer { margin-top:17px; }
.recursos .recurso > section[id^=recCont_] > .footer > button,
#dlgBody_importUcsUesRec > .footer > button, #dlgBody_viewBcoSapzRec > .footer > button {
 border-width:0px;
 max-width:100%;
 text-overflow:ellipsis;
 overflow:hidden;
 margin-top:8px;
}
.recursos .recurso > section[id^=recCont_] > .footer > button:not(:last-child),
#dlgBody_importUcsUesRec > .footer > button:not(:last-child),
#dlgBody_viewBcoSapzRec > .footer > button:not(:last-child) {
 margin-right:14px;
}
.recursos .recurso.in > section {
 height:350px;
 opacity:1;
 visibility:visible;
}
.recursos .recurso.in > section > table { display:table; }
.recursos .recurso.in > section .panel-heading {
 border-width:1px 0px;
 border-style:solid;
 border-radius:5px 5px 0px 0px;
}
.recursos .recurso.in:not(.nopad) > h3 + section {
 max-width:1280px;
 padding:30px;
 word-break:break-word;
 background-color:#fff;
 border-style:solid;
 border-width:0px 8px 8px 8px;
}
.recursos .recurso.in > h3 + section ul, .recursos .recurso.in > h3 + section ol {
 margin-left:15px;
}
#dlgBody_recursos i.ni-heart { cursor:pointer; }
#dlgBody_recursos div.panel { box-shadow:none; }
#dlgBody_recursos .box {
 padding:15px 0px 0px 15px;
 margin:-10px -15px 8px -15px;
}
#recAbas button { margin-bottom:5px; }
#recAbas button:not(:last-child) { margin-right:6px; }
#recCfgAvDtLayer input {
 display:inline-block;
 width:auto;
 padding:6px;
}
#recCfgAvDtLayer > div > label {
 display:inline-block;
 width:auto;
 padding-right:15px;
}
#recAlunos { min-height:50px; }
@media screen and (min-width:900px) {
 #recAbas button { width:32.5%; }
}
@media screen and (max-width:479px) {
 #recAbas button { width:100%; }
}
@media screen and (max-width:399px) {
 .recursos .recurso.in.VIDEO > h3 + section { padding:4px 0px !important; }
 .recursos .recurso.in.VIDEO > h3 + section > p { margin:0px 5px 5px 5px; }
 .recursos .recurso.VIDEO > h3 + section iframe {
  width:100%;
  margin:0px;
 }
}
/*=================================== rel_atividades ===================================*/
body.dockright #grpApps_main #appContent_rel_atividades > .panel-body {
 max-width:100%;
 overflow-x:scroll;
}
#appBody_rel_atividades td.desemp > div[class^=desemp_] {
 white-space:nowrap;
 max-width:none;
 text-align:center;
}
#appBody_rel_atividades > h5.box {
 margin:0px -15px 10px -15px;
 padding:5px 12px;
}
#appBody_rel_atividades div.nm { margin-top:10px; }
#appBody_rel_atividades div.fn {
 font-weight:normal;
 font-size:14px;
}
#appBody_rel_atividades div.forte, #appBody_rel_atividades div.barraTopo,
#appBody_rel_atividades div.barraMigalha {
 margin-top:4px;
}
#appBody_rel_atividades div.forte, #appBody_rel_atividades div.barraTopo,
#appBody_rel_atividades div.barraMigalha { padding:8px 15px; }
#appBody_rel_atividades div.box { padding:8px 10px; }
#appBody_rel_atividades div.inbox {
 padding:13px;
 font-size:14px;
}
#appBody_rel_atividades div[class^=barra] > i {
 cursor:pointer;
 float:right;
 font-size:26px;
 line-height:14px;
}
#appBody_rel_atividades div.periodo {
 position:absolute;
 top:2px;
 bottom:2px;
 right:130px;
 padding-top:3px;
}
#appBody_rel_atividades div.box, #appBody_rel_atividades div.inbox { margin-bottom:1px; }
#appBody_rel_atividades div.box i, #appBody_rel_atividades div.inbox i {
 font-size:1.5em;
 vertical-align:middle;
 line-height:14px;
}
#appBody_rel_atividades div.box > div.inbox:nth-child(3) { margin-top:10px; }
#appBody_rel_atividades div.box small {
 display:inline-block;
 line-height:13px;
}
#appBody_rel_atividades table { width:auto; }
#appBody_rel_atividades th, #appBody_rel_atividades td { vertical-align:middle; }
#appBody_rel_atividades th.forte, #appBody_rel_atividades td.forte,
#appBody_rel_atividades th.barraTopo, #appBody_rel_atividades td.barraTopo,
#appBody_rel_atividades th.barraMigalha, #appBody_rel_atividades td.barraMigalha {
 text-align:center;
}
#appBody_rel_atividades th.forte > i, #appBody_rel_atividades th.barraMigalha > i,
#appBody_rel_atividades th > i.fa-angle-left, #appBody_rel_atividades th > i.fa-angle-right {
 font-size:1.6em;
 vertical-align:middle;
}
#appBody_rel_atividades th.barraMigalha > span {
 display:inline-block;
 margin-left:4px;
 padding:2px;
 line-height:1;
 vertical-align:middle;
}
#appBody_rel_atividades th.barraTopo:not(.noBrdTop),
#appBody_rel_atividades th.barraMigalha {
 border-top-width:1px;
}
#appBody_rel_atividades h3.legenda { padding-left:15px; }
#appBody_rel_atividades h3.legenda > span {
 font-weight:normal;
 margin-right:20px;
}
/*==================================== rel_oferta ====================================*/
#appBody_rel_oferta > table {
 width:auto;
 margin-bottom:20px;
}
#appBody_rel_oferta > table { font-size:13px; }
#appBody_rel_oferta > table th.barraMigalha { font-weight:normal; }
/*=========================== rel_desempenho / rel_recurso ===========================*/
#appBody_rel_desempenho { padding-top:0px; }
#appBody_rel_desempenho > h5.box {
 margin:0px -15px 5px -15px;
 padding:5px 12px;
}
#appBody_rel_desempenho div.nm, #dlgBody_rel_recurso div.nm { margin-top:10px; }
#appBody_rel_desempenho div.fn, #dlgBody_rel_recurso div.fn {
 font-weight:normal;
 font-size:14px;
}
#appBody_rel_desempenho div.barraTopo, #appBody_rel_desempenho div.barraMigalha {
 margin-top:4px;
 min-height:35px;
}
#appBody_rel_desempenho div.barraTopo, #appBody_rel_desempenho div.barraMigalha,
#appBody_rel_desempenho div.box {
 padding:8px 10px;
}
#appBody_rel_desempenho h5.title:not(.box) { padding:3px 10px; }
#appBody_rel_desempenho div.inbox {
 padding:11px 13px;
 font-size:14px;
}
#appBody_rel_desempenho div[class^=barra] > i {
 cursor:pointer;
 float:right;
 font-size:26px;
 line-height:14px;
}
#appBody_rel_desempenho div.periodo {
 position:absolute;
 top:2px;
 bottom:2px;
 right:130px;
 padding-top:3px;
}
#appBody_rel_desempenho div.box, #appBody_rel_desempenho div.inbox { margin-bottom:1px; }
#appBody_rel_desempenho div.box > div.inbox:nth-child(3) { margin-top:10px; }
#appBody_rel_desempenho div.box small {
 display:inline-block;
 line-height:13px;
}
#appBody_rel_desempenho div.box > i[class^=ni] {
 margin-right:3px;
 vertical-align:middle;
 font-size:18px;
 line-height:18px;
}
#appBody_rel_desempenho div.box > span.barraTopo {
 padding:1px 6px;
 margin-right:6px;
 font-size:13px;
}
#appBody_rel_desempenho h5.title > span, #dlgBody_rel_recurso h5.title > span {
 font-weight:normal;
}
#appBody_rel_desempenho .avatar, #dlgBody_rel_recurso > h5 > .avatar, #appBody_email .avatar {
 float:left;
 height:55px;
 margin:0px 10px 0px 0px;
 border-radius:50%;
 overflow:hidden;
}
#appBody_rel_desempenho .avatar > img, #dlgBody_rel_recurso > h5 > .avatar > img,
#appBody_email .avatar > img {
 width:55px;
}
#dlgBody_rel_recurso { padding:0px 0px 15px 0px; }
#dlgBody_rel_recurso > h5.box {
 margin:0px 0px 10px 0px;
 padding:5px 12px;
}
#dlgBody_rel_recurso i[class^=ni-qt], #relRecursoTbl i[class^=ni-qt] {
 vertical-align:middle;
}
#dlgBody_rel_recurso td:not(.desemp) {
 padding-left:15px;
 padding-right:15px;
}
#dlgBody_rel_recurso td.title {
 cursor:pointer;
 font-weight:bold;
}
#dlgBody_rel_recurso div.title { font-weight:bold; }
#dlgBody_rel_recurso .md { text-align:center; }
#dlgBody_rel_recurso > h5 > nav {
 float:right;
 margin-top:-16px;
}
#dlgBody_rel_recurso > h5 > nav > span {
 cursor:pointer;
 display:inline-block;
 width:105px;
 margin:0px 9px 0px 6px;
 padding-left:35px;
 text-align:left;
 font-size:12px;
 font-weight:normal;
}
#dlgBody_rel_recurso > h5 > nav > span.off { opacity:0.7; }
#dlgBody_rel_recurso > h5 > nav > span.off > i,
#dlgBody_rel_recurso > h5 > nav > i.off {
 opacity:0.5;
}
#dlgBody_rel_recurso > h5 > nav > span > b {
 display:block;
 white-space:nowrap;
 margin-bottom:2px;
}
#dlgBody_rel_recurso > h5 > nav > span > i {
 display:block;
 width:30px;
 padding:8px 0px;
 position:relative;
 left:-35px;
 top:24px;
 font-size:12px;
 text-align:center;
 vertical-align:middle;
 border-radius:50%;
}
#dlgBody_rel_recurso > h5 > nav > span > i::before {
 content:'';
 position:absolute;
 display:inline-block;
 width:1px;
 height:25px;
 bottom:-23px;
 left:15px;
}
#dlgBody_rel_recurso > h5 > nav > i {
 vertical-align:super;
 font-size:18px;
}
#dlgBody_rel_recurso > h5 > nav > i:not(.off) { cursor:pointer; }
/*=================================== skins ===================================*/
#dlgBody_skins div.input-group.colorpicker-component > input { padding:6px; }
#dlgBody_skins > div.form-group > div.col-sm-3 { padding-left:0px; }
#dlgBody_skins > div.form-group > div { padding:0px; }
#dlgBody_skins > div.form-group > div > input[type=color] {
 display:block;
 width:100%;
}
@media screen and (max-width:767px) {
 #dlgBody_skins > div.form-group > div.col-xs-6 > input[type=color] {
  width:33%;
  float:right;
 }
}
@media screen and (min-width:768px) {
 #dlgBody_skins > div.form-group > .control-label.col-sm-1 { padding-top:2px; }
}
/*=================================== termo_aceite ===================================*/
#appBody_termo_aceite div.carta {
 cursor:default;
 display:block;
 width:auto !important;
 max-width:1024px;
 margin:0px auto;
 padding:15px 15px 15px 30px;
 font-size:14px;
 line-height:1.9;
}
#appBody_termo_aceite button {
 display:block;
 margin:15px auto 0px auto;
}
#appBody_termo_aceite .control-label { text-align:left; }
#appFooter_termo_aceite {
 padding:0px;
 text-align:right;
 background-color:transparent;
 border-top:none;
}
/*====================================== turmas ======================================*/
#appContent_turmas { margin-bottom:70px; }
#appBody_turmas > div.abas, #appBody_chatRooms > div.abas { margin:10px 0px 20px 0px; }
#appBody_turmas > div.abas > button, #appBody_chatRooms > div.abas > button {
 margin-bottom:12px;
 padding:10px 12px;
 font-size:16px;
 -webkit-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.7);
 -moz-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.7);
 box-shadow:2px 2px 4px 0px rgba(0,0,0,0.7);
}
#appBody_turmas .carta > h4, #appBody_turmas .carta > p { padding:10px 15px; }
#appBody_turmas .carta[data-st] > h4 {
 border-top-left-radius:4px;
 border-top-right-radius:4px;
 text-transform:uppercase;
}
div.dstqBts > button[data-st="1"], [id^=appBody_] .carta[data-st="1"] {
 border-top:4px solid #f15a24;
}
div.dstqBts > button.btn-warning[data-st="1"] {
 color:#fff;
 background-color:#f15a24;
}
div.dstqBts > button[data-st="2"], [id^=appBody_] .carta[data-st="2"],
#appBody_turmas div.abas > button[data-st="I"],
#appBody_chatRooms div.abas > button[data-st="I"],
#appBody_turmas .carta[data-st="I"] > h4 {
 border-top:4px solid #fdc300;
}
div.dstqBts > button.btn-warning[data-st="2"],
#appBody_turmas .carta.checked[data-st="I"] > h4,
#appBody_turmas div.abas > button.btn-warning[data-st="I"],
#appBody_chatRooms div.abas > button.btn-warning[data-st="I"] {
 color:#fff;
 background-color:#fdc300;
}
div.dstqBts > button[data-st="3"], [id^=appBody_] .carta[data-st="3"],
#appBody_turmas div.abas > button[data-st="A"],
#appBody_chatRooms div.abas > button[data-st="A"],
[id^=appBody_] .carta[data-st="A"] > h4 {
 border-top:4px solid #39b54a;
}
div.dstqBts > button.btn-warning[data-st="3"],
#appBody_turmas .carta.checked[data-st="A"] > h4,
#appBody_turmas div.abas > button.btn-warning[data-st="A"],
#appBody_chatRooms div.abas > button.btn-warning[data-st="A"] {
 color:#fff;
 background-color:#39b54a;
}
div.dstqBts > button[data-st="4"], [id^=appBody_] .carta[data-st="4"] {
 border-top:4px solid #29abe2;
}
div.dstqBts > button.btn-warning[data-st="4"] {
 color:#fff;
 background-color:#29abe2;
}
div.dstqBts > button[data-st="5"], [id^=appBody_] .carta[data-st="5"] {
 border-top:4px solid #7b0dd1;
}
div.dstqBts > button.btn-warning[data-st="5"] {
 color:#fff;
 background-color:#7b0dd1;
}
div.dstqBts > button[data-st="6"], [id^=appBody_] .carta[data-st="6"] {
 border-top:4px solid #ce55d8;
}
div.dstqBts > button.btn-warning[data-st="6"] {
 color:#fff;
 background-color:#ce55d8;
}
div.dstqBts > button[data-st="7"], [id^=appBody_] .carta[data-st="7"] {
 border-top:4px solid #66b4c1;
}
div.dstqBts > button.btn-warning[data-st="7"] {
 color:#fff;
 background-color:#66b4c1;
}
div.dstqBts > button[data-st="8"], [id^=appBody_] .carta[data-st="8"] {
 border-top:4px solid #0055ff;
}
div.dstqBts > button.btn-warning[data-st="8"] {
 color:#fff;
 background-color:#0055ff;
}
#appBody_turmas div.abas > button[data-st="E"],
#appBody_chatRooms div.abas > button[data-st="E"],
#appBody_turmas .carta[data-st="E"] > h4 {
 border-top:4px solid #ed1c24;
}
#appBody_turmas .carta.checked[data-st="E"] > h4,
#appBody_turmas div.abas > button.btn-warning[data-st="E"],
#appBody_chatRooms div.abas > button.btn-warning[data-st="E"] {
 color:#fff;
 background-color:#ed1c24;
}
@media screen and (max-width:439px) {
 #appBody_turmas div.abas > button, #appBody_chatRooms div.abas > button {
  width:100%;
  display:block;
 }
}
@media screen and (min-width:440px) and (max-width:599px) {
 #appBody_turmas div.abas > button, #appBody_chatRooms div.abas > button {
  width:31.6%;
  padding:6px 4px;
 }
}
@media screen and (max-width:599px) {
 #appBody_turmas div.abas > button:not(:last-child),
 #appBody_chatRooms div.abas > button:not(:last-child) {
  margin-right:6px;
 }
}
@media screen and (min-width:600px) {
 #appBody_turmas div.abas > button:not(:last-child),
 #appBody_chatRooms div.abas > button:not(:last-child) {
  margin-right:12px;
 }
}
@media screen and (min-width:600px) and (max-width:765px) {
 #appBody_turmas div.abas > button, #appBody_chatRooms div.abas > button { width:31.4%; }
}
@media screen and (max-width:765px) {
 #appBody_turmas .carta, #appBody_chatRooms .carta {
  width:100%;
  display:block;
 }
}
@media screen and (min-width:766px) and (max-width:1079px) {
 #appBody_turmas div.abas > button, #appBody_chatRooms div.abas > button { width:31.8%; }
 #appBody_turmas .carta, #appBody_chatRooms .carta { width:47.7%; }
}
@media screen and (min-width:1080px) and (max-width:1279px) {
 #appBody_turmas div.abas > button, #appBody_chatRooms div.abas > button { width:32.2%; }
 #appBody_turmas .carta, #appBody_chatRooms .carta { width:48.3%; }
}
@media screen and (min-width:1280px) {
 body:not(.dockright) #appBody_turmas div.abas > button,
 body:not(.dockright) #appBody_chatRooms div.abas > button {
  width:32.45%;
 }
 body:not(.dockright) #appBody_turmas .carta,
 body:not(.dockright) #appBody_chatRooms .carta {
  width:48.6%;
 }
}
@media screen and (min-width:1366px) and (max-width:1599px) {
 body.dockright #appBody_turmas div.abas > button,
 body.dockright #appBody_chatRooms div.abas > button {
  width:32.22%;
 }
 body.dockright #appBody_turmas .carta, body.dockright #appBody_chatRooms .carta {
  width:48.4%;
 }
}
@media screen and (min-width:1600px) {
 body.dockright #appBody_turmas div.abas > button,
 body.dockright #appBody_chatRooms div.abas > button {
  width:32.43%;
 }
 body.dockright #appBody_turmas .carta, body.dockright #appBody_chatRooms .carta {
  width:48.6%;
 }
}
#dlg_turmaDuplica section[id^=turmaDuplicaGrpRec_] > h5,
#dlg_turmaDuplica section[id^=turmaDuplicaUe_] > h4,
#dlg_turmaDuplica div[id^=turmaDuplicaHead_] > h3 > i, #dlg_turmaDuplica .recurso {
 cursor:pointer;
}
#dlg_turmaDuplica .recurso::before {
 margin-right:6px;
 vertical-align:-7px;
 font-size:22px;
 font-weight:normal;
}
/*=================================== ucs_ues ===================================*/
#appBody_ucs_ues { padding:0px; }
#app_ucs_ues:not(.editing) #btUcAdd, #app_ucs_ues:not(.editing) #btUcsUesEdit,
#app_ucs_ues:not(.editing) button.ueAdd, #app_ucs_ues:not(.editing) button.ucEdit,
#app_ucs_ues:not(.editing) div.responsavel > i.ni-pencil,
#app_ucs_ues:not(.editing) div.responsavel > i.ni-trash,
#app_ucs_ues.editing div.responsavel > i.fa-paper-plane {
 display:none;
}
#app_ucs_ues:not(.editing) button.ucOculto,
#app_ucs_ues:not(.editing) div.dropUe > button.locked,
#app_ucs_ues:not(.editing) div.dropUe > button.unlocked {
 cursor:default;
}
#appBody_ucs_ues > div.abas {
 position:relative;
 height:32px;
 margin:5px 0px;
}
#appBody_ucs_ues > div.abas > button:first-child {
 position:absolute;
 width:49.5%;
 right:50%;
 margin-right:3px;
}
#appBody_ucs_ues > div.abas > button:last-child {
 position:absolute;
 width:49.5%;
 left:50%;
 margin-left:3px;
}
#appBody_ucs_ues > section.uc {
 display:inline-block;
 position:relative;
 width:100%;
 padding:0px 5px 0px 0px;
}
#appBody_ucs_ues div.dropUe {
 position:relative;
 display:inline-block;
 margin:0px 0px 25px 0px;
 vertical-align:top;
}
#appBody_ucs_ues div.dropUe { padding-right:40px; }
#app_ucs_ues.editing div.dropUe { padding-left:15px; }
#appBody_ucs_ues div.dropUe > .drag {
 cursor:move;
 width:15px;
 position:absolute;
 left:0px;
 top:8px;
 bottom:47px;
 border-radius:3px 0px 0px 3px;
}
#app_ucs_ues section.uc.editing > div:first-child > .drag::before,
#app_ucs_ues section.uc.editing > div:first-child > .drag::after,
#appBody_ucs_ues div.dropUe > .drag::before, #appBody_ucs_ues div.dropUe > .drag::after {
 content:'';
 display:block;
 position:absolute;
 top:6px;
 bottom:6px;
 width:3px;
 background-position:left 5px;
 background-size:3px 5px;
 background-repeat:repeat-y;
}
#app_ucs_ues section.uc.editing > div:first-child > .drag::before,
#appBody_ucs_ues div.dropUe > .drag::before {
 left:3px;
}
#app_ucs_ues section.uc.editing > div:first-child > .drag::after,
#appBody_ucs_ues div.dropUe > .drag::after {
 left:8px;
}
#appBody_ucs_ues .carta {
 width:100%;
 margin:0px;
 padding:25px 8px 0px 8px;
 text-align:center;
}
#appBody_ucs_ues > section.uc:not(.locked) div.dropUe:not(.over) > .carta.locked,
#appBody_ucs_ues > section.uc.locked > div:first-child {
 opacity:0.5;
}
#appBody_ucs_ues div.dropUe:not(.over) > .carta.locked,
#appBody_ucs_ues > section.uc.locked div.dropUe:not(.over) > .carta {
 -webkit-box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);
 -moz-box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);
 box-shadow:1px 1px 2px 2px rgba(0,0,0,0.2);
}
#app_ucs_ues section.uc.over > div:first-child { border:2px solid #00ff00; }
#app_ucs_ues:not(.editing) .carta.active { border:2px solid #ff5617; }
#app_ucs_ues.editing .carta.active { border:3px dashed #ff5617; }
#app_ucs_ues.editing div.dropUe.over > .carta { border:2px solid #00ff00; }
#app_ucs_ues.editing div.dropUe.over > .drag { background-color:#00ff00; }
#app_ucs_ues.editing div.dropUe.over > .drag::before,
#app_ucs_ues.editing div.dropUe.over > .drag::after {
 background-image:linear-gradient(to bottom, #ffffff 60%, rgba(255, 255, 255, 0) 0%);
}
#appBody_ucs_ues .carta > h6 {
 text-align:center;
 padding:0px 0px 1px 30px;
}
#appBody_ucs_ues .carta > h6 > small {
 display:inline-block;
 width:50%;
}
#appBody_ucs_ues .carta > .footer {
 position:relative;
 margin:0px -8px;
 white-space:nowrap;
}
#app_ucs_ues.student .carta > .footer { padding:5px; }
#app_ucs_ues:not(.student) .carta > .footer { padding:5px 5px 5px 40px; }
#appBody_ucs_ues .carta > .footer > i.btn { /* calendar */
 position:absolute;
 top:0px;
 bottom:0px;
 left:0px;
 width:35px;
 padding:3px 6px;
 font-size:20px;
 line-height:1;
 border-radius:0px;
 opacity:1;
}
#appBody_ucs_ues .carta > .footer > i.btn::before {
 position:absolute;
 top:50%;
 left:6px;
 margin-top:-10px;
}
#appBody_ucs_ues .carta > .footer > span { font-weight:normal; }
#appBody_ucs_ues > section.uc > div > div:first-child { padding:8px 0px 12px 0px; }
#appBody_ucs_ues > section.uc > div > div:first-child > button {
 margin:5px 0px 5px 8px;
}
#app_ucs_ues.editing section.uc > div > div:first-child > input { display:inline-block; }
#app_ucs_ues section.uc > div:first-child {
 margin:20px -2px 5px 4px;
 padding-left:8px;
 padding-right:8px;
 border-radius:3px;
 position:relative;
}
#app_ucs_ues:not(.editing) section.uc > div:first-child { min-height:254px; }
#app_ucs_ues.editing section.uc > div:first-child { min-height:310px; }
#app_ucs_ues section.uc:not(.editing) > div:first-child { padding-bottom:75px; }
#app_ucs_ues section.uc.editing > div:first-child {
 border-width:1px;
 border-style:solid;
 padding-bottom:43px;
}
#app_ucs_ues section.uc.editing > div:first-child > .drag {
 cursor:move;
 width:15px;
 min-height:45px;
 position:absolute;
 left:-15px;
 top:47px;
 bottom:47px;
 border-radius:3px 0px 0px 3px;
}
#app_ucs_ues section.uc:not(.editing) button.ucSave,
#app_ucs_ues section.uc:not(.editing) button.ucDel {
 display:none;
}
#app_ucs_ues section.uc.editing .carta.active > i.ni-trash { display:block; }
#appBody_ucs_ues > section.uc > div > div:first-child > input {
 max-width:400px;
 margin:0px 0px 5px 0px;
}
#appBody_ucs_ues > section.uc button.ucSave, #appBody_ucs_ues > section.uc button.ucDel {
 padding:4px 20px;
 font-weight:bold;
}
#appBody_ucs_ues > section.uc button.ucDel { margin:0px 0px 20px 4px; }
#appBody_ucs_ues > section.uc button.trancaProx {
 position:absolute;
 font-size:18px;
 border-width:0px;
 border-radius:50%;
 z-index:3;
}
#appBody_ucs_ues > section.uc button.unlocked { padding:8px; }
#appBody_ucs_ues > section.uc button.locked { padding:4px 6px 1px 6px; }
#appBody_ucs_ues > section.uc > button.locked {
 left:50%;
 bottom:-15px;
 margin-left:-15px;
}
#appBody_ucs_ues > section.uc > button.unlocked {
 left:50%;
 bottom:-7px;
 margin-left:-7px;
}
#appBody_ucs_ues .carta > div[class^=desemp_] {
 display:inline-block;
 margin:0px auto 10px auto;
 padding:5px 10px;
 font-size:12px;
 font-weight:bold;
 border-radius:13px;
}
#appBody_ucs_ues .carta > i.ni-eye, #appBody_ucs_ues .carta > i.ni-eye-slash,
#appBody_ucs_ues .carta > i.ni-trash {
 position:absolute;
 top:0px;
 padding:6px 8px 0px 8px;
 line-height:1em;
}
#app_ucs_ues:not(.editing) .carta > .footer > i.btn,
#app_ucs_ues:not(.editing) .carta > i.ni-eye,
#app_ucs_ues:not(.editing) .carta > i.ni-eye-slash {
 cursor:default;
}
#appBody_ucs_ues .carta > i.ni-trash {
 left:0px;
 font-size:1.1em;
 display:none;
}
#app_ucs_ues .carta > i.ni-eye, #app_ucs_ues .carta > i.ni-eye-slash {
 right:0px;
 font-size:1.3em;
}
#app_ucs_ues .carta > button {
 position:absolute;
 bottom:-35px;
 padding:3px 20px;
 font-weight:bold;
}
#appBody_ucs_ues > section.uc .responsavel {
 text-align:center;
 position:absolute;
 bottom:12px;
 left:0;
 right:0;
}
#appBody_ucs_ues > section.uc input:not([type=date]).destaque { font-weight:bold; }
#appBody_ucs_ues .carta textarea {
 height:73px;
 margin:7px 0px 5px 0px;
 padding:4px 6px;
 font-weight:bold;
 resize:none;
}
#appBody_ucs_ues .carta input.form-control {
 display:inline-block;
 padding:3px;
}
#appBody_ucs_ues .carta input[type=number].form-control { width:75px; }
#appBody_ucs_ues .carta input[type=date].form-control {
 width:128px;
 max-width:47.3%;
 font-weight:normal;
}
#appBody_ucs_ues > section.uc .responsavel > .carga {
 display:inline-block;
 margin-top:5px;
 text-align:left;
 vertical-align:middle;
}
#appBody_ucs_ues > section.uc .responsavel > i {
 cursor:pointer;
 margin:0px 0px 0px 10px;
 line-height:40px;
}
#appBody_ucs_ues > section.uc .responsavel > i.fa {
 font-size:20px;
 vertical-align:bottom;
}
#appBody_ucs_ues > section.uc i.title.ni-pencil,
#appBody_ucs_ues > section.uc .responsavel > i.ni-trash {
 font-size:16px;
}
#appBody_ucs_ues > section.uc .responsavel > .carga {
 margin-left:15px;
 padding:0px 14px 0px 0px;
 border-left:1px solid #444;
}
#app_ucs_ues:not(.editing) section.uc .responsavel > .carga {
 border-right:1px solid #444;
}
#appBody_ucs_ues > section.uc .responsavel > .carga > div {
 display:inline-block;
 margin:-2px 10px 0px 0px;
 padding-left:15px;
 font-size:12px;
 line-height:1.2;
 text-align:right;
 vertical-align:middle;
}
#appBody_ucs_ues > section.uc .responsavel > .carga > b {
 font-size:26px;
 line-height:26px;
 vertical-align:middle;
}
#appBody_ucs_ues > section.uc .responsavel > .carga > input {
 display:inline-block;
 width:auto;
}
#appBody_ucs_ues #ue_DragHelper {
 position:absolute;
 z-index:4;
}
#dlgBody_importUcsUes, #dlgBody_importUcsUesRec { background-color:#fff; }
#dlgBody_importUcsUesRec.nopad { padding:0px; }
#dlgBody_importUcsUesRec:not(.nopad) { padding:15px; }
#dlgBody_importUcsUes div.inbox {
 position:relative;
 margin-top:20px;
 padding:15px 15px 5px 15px;
}
#dlgBody_importUcsUes div.inbox > h4:first-child { margin-top:0px; }
#dlgBody_importUcsUes div.inbox > h4:not(:first-child) { margin-top:20px; }
#dlgBody_importUcsUes .grpRec > h3 { margin-top:0; }
#dlgBody_importUcsUes .grpRec > .counterCheck { right:38px; }
#dlgBody_importUcsUes .grpRec > i.chkAll {
 position:absolute;
 right:8px;
 top:8px;
}
#dlgBody_importUcsUes div.inbox > .counterCheck { right:53px; }
#dlgBody_importUcsUes div.inbox > i.chkAll {
 position:absolute;
 right:23px;
 top:8px;
 cursor:pointer;
}
@media screen and (min-width:1600px) { /* 4 colunas */
 body.dockright #app_ucs_ues:not(.editing) div.dropUe { width:24.76%; }
}
@media screen and (min-width:1366px) and (max-width:1599px) { /* 3 colunas */
 body.dockright #app_ucs_ues:not(.editing) div.dropUe { width:33.07%; }
}
@media screen and (min-width:1280px) { /* 4 colunas */
 body:not(.dockright) #app_ucs_ues:not(.editing) div.dropUe { width:24.75%; }
}
@media screen and (min-width:960px) and (max-width:1279px) { /* 3 colunas */
 #app_ucs_ues:not(.editing) div.dropUe { width:33.04%; }
}
@media screen and (min-width:640px) and (max-width:959px) { /* 2 colunas */
 #app_ucs_ues:not(.editing) div.dropUe { width:49.63%; }
}
@media screen and (min-width:640px) {
 #appBody_ucs_ues div.dropUe > button.locked {
  right:2px;
  top:50%;
  margin-top:-4px;
 }
 #appBody_ucs_ues div.dropUe > button.unlocked {
  right:10px;
  top:50%;
 }
}
@media screen and (max-width:639px) { /* 1 coluna */
 #appBody_ucs_ues .carta { min-width:225px; }
 #appBody_ucs_ues > section.uc { padding:0px 15px; }
 #appBody_ucs_ues div.dropUe {
  display:block;
  width:100%;
  margin:0px;
  padding-right:0px;
  padding-bottom:43px;
 }
 #appBody_ucs_ues div.dropUe:nth-last-child(2) { padding-bottom:22px; }
 #appBody_ucs_ues div.dropUe > button.locked {
  left:50%;
  bottom:7px;
  top:initial;
  margin-left:-13px;
 }
 #appBody_ucs_ues div.dropUe > button.unlocked {
  left:50%;
  bottom:14px;
  top:initial;
  margin-left:-7px;
 }
}
/*======================================= wiki =======================================*/
#appBody_wiki { position:relative; }
#appBody_wiki > .carta {
 margin:0px;
 cursor:initial;
}
#wikiList {
 position:absolute;
 left:0px;
 width:350px;
}
#wikiList div[id^=wiki] {
 padding:12px 0px 0px 30px;
 height:45px;
}
#appBody_wiki.print > #wikiList { display:none; }
#appBody_wiki > #wikiList > div > span {
 display:inline-block;
 width:50px;
 height:54px;
 margin-left:-50px;
 font-size:35px;
 font-weight:bold;
 text-align:center;
}
#appBody_wiki > #wikiList div[id^=wiki] { padding:10px 0px 0px 10px; }
#appBody_wiki > #wikiList div[id^=wiki] > button {
 width:30px;
 font-size:14px;
 font-weight:bold;
}
#appBody_wiki > #wikiList div[id^=wiki] > div {
 cursor:pointer;
 position:relative;
 left:40px;
 top:-28px;
 max-width:422px;
 font-weight:bold;
 font-size:14px;
 text-align:left;
}
#appBody_wiki > #wikiList div.checked[id^=wiki] > button {
 padding:0;
 line-height:1;
 width:30px;
 height:30px;
}
#wikiList > div > div:nth-child(2) { margin-top:-54px; }
#wikiView {
 position:absolute;
 left:355px;
 right:0px;
 width:auto;
 padding:25px;
 font-size:14px;
}
div[id^=wikiTopic] > .header > div.noPrint { float:right; }
div[id^=wikiTopic] > .header > div.noPrint > button {
 padding:0px 5px;
 background-color:transparent !important;
}
div[id^=wikiTopic] > .header > h5 { margin-bottom:10px; }
div[id^=wikiTopic] > .body, div[id^=wikiTopic] > .body > * {
 font-size:14px;
 line-height:1.4;
}
div[id^=wikiTopic] > table {
 border:0px;
 font-size:12px;
 margin-top:30px;
}
div[id^=wikiTopic] > table > tbody > tr > td:first-child {
 text-align:left;
 width:12%;
}
div[id^=wikiTopic] > table > tbody > tr > td:nth-child(2) {
 font-weight:bold;
 width:25%;
}
@media print {
 #appBody_wiki > #wikiView { width:auto; }
}

.link-dialog {
  z-index: 101000;
}