body{
	background: rgb(0,10,45); /*rgb(71,85,119)*/
	height: 100%;
	/*overflow-x: hidden;
	padding-bottom: 54px;*/
	overflow:hidden; 
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
.selOk{
	-webkit-user-select: text;
	-moz-user-select: text;    
	-ms-user-select: text;
	user-select: text;
}
.selNo{
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
/*.metro div, .metro span, .metro p{
	font-family: 'Roboto', sans-serif;
}*/
select, input {
	font-family: Montserrat;
}
.metro div, .metro span, .metro p {
    font-family: Montserrat;
}
.metro button, .metro .button{
	font-family: Montserrat !important;
	border-radius: 30px;
}
.icon{
	font-family: 'iconFont' !important;
}
.metro .window.flat {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.metro .window .caption .title{
    max-width: calc(100% - 30px);
}
::-webkit-scrollbar {
  width: 7px;
  height: 10px;
  -webkit-border-radius: 0px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

::-webkit-scrollbar-thumb:vertical {
  height: 7px;
  background-color: #c0c0c0;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 10px;
  background-color: #c0c0c0;
}

#conteudo-principal{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px;
	/*padding: 5px;
	top: -5px;*/
}

#ruler { 
	visibility: hidden;
	white-space: nowrap; 
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after { clear: both; }

.clearfix {
	zoom: 1; 
}

#gridArea .actions-table{
	margin-top: -25px;
	max-height: 80px;
	overflow: hidden;
}

#formGridArea .actions-table{
	margin-top: -20px;
}

ul{
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#full-screen-background-image {
	z-index: -999;
	min-height: 100%;	
	min-width: 950px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	object-fit: cover;
}

.navigation-bar-desktop{
	background: rgba(0,0,0,0) !important;
}

.box-mesage-window{
	width: 100% !important;
	text-align: center !important;
}
.icon-nav{
	background: url(../../images/logo-mini-2.png) top center no-repeat;
	width: 20px;
	height: 20px;
	vertical-align:-3px !important;
}
.logo-navbar{
	padding: 12px !important;
	font-weight: bold;
}
.button-config-general{
	padding-right: 20px !important;
}
.modalOverlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	top: 0;
	z-index: 99999;
}
.WindowModalOverlay{
	width: 200px;
	min-height: 100px !important;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -150px;
}
.icon-load{
	background: url(../../images/ajax-loader.gif) top left no-repeat !important;
}
.WindowModalOverlay .content{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.metro.notify-container {
	z-index: 99999999;
	max-width: 416px !important;
}

.shadow{
	color: #000;
	left: 50%;
	display: inline-block;
	top: 100px;
	min-height: 0px !important;
}

.shadow .content{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.metro.notify-container .notify{
	left: 0px !important;
	top: 0px !important;
}

.metro form{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.input-control label.error{
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px !important;
	margin-top: 2px !important;
	display: block;
	margin-bottom: 5px !important;
}

#menu-principal{
	padding: 0px;
	width: 100%;
	height: 100%;
	margin-top: 10px;
}
#menu-principal ul{
	overflow: auto;
}
#menu-principalOld h1{
	padding-bottom: 20px;
	font-size: 300%;
}

#menu-principalOld ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 180px !important;
	overflow: hidden;
}

.color-white{
	color: #fff !important;
}

.submenu-desktop{
	width: 10% !important;
}

.metro .tile{
	width: 100px !important;
	height: 100px !important;
}

#status-login-label{
	display: none;
	color: #ff0000;
	padding-top: 10px;
}

.ui-autocomplete{
	top: 30px !important;
	z-index: 99999;
	width: 588px !important;
	background: #fff !important;
	border-left:1px solid #919191;
	border-right:1px solid #919191;
	border-bottom:1px solid #919191;
}
.ui-autocomplete .ui-menu-item{
	padding-left: 5px;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus{
	background: #ddd !important;
}
#pUserLogado{
	text-shadow: 2px 2px 1px rgb(0,10,45);
	color: #eee !important;
	max-width: 150px;
	max-height: 37px;
    display: inline-flex;
    overflow: hidden !important;
    white-space: nowrap;
}
#breadcrumbsOld{
	color: #fff;
	text-shadow: 2px 2px 1px rgb(0,10,45);
}
#breadcrumbsOld a{
	color: #eee;
	text-shadow: 2px 2px 1px rgb(0,10,45);
}
#breadcrumbsOld a:hover{
	color: #fff;
	text-decoration: underline;
}
.menu-principal-button{
	display: block !important;
}

.menu-principal-button-locked{
	cursor: no-drop;
	height: 180px;
	width: 220px;
	top: -180px;
	position: relative;
	background-color: rgba(0,0,0,0.5);
	/*background-image: url("../../images/lock.png");
    background-repeat: no-repeat;
    background-position: right top;*/
}

.menu-principal-button-req{
  height: 30px;
  width: 30px;
  position: relative;
  background-image: url("../../images/req.png");
  background-repeat: no-repeat;
  background-position: right top;
  left: 189px;
 }

.menu-principal-button-objimp{
  height: 30px;
  width: 30px;
  position: relative;
  background-image: url("../../images/tags.png");
  background-repeat: no-repeat;
  background-position: right top;
  left: 0px;
 }

 .menu-principal-button-conc{
  height: 30px;
  width: 31px;
  position: relative;
  background-image: url("../../images/conc.png");
  background-repeat: no-repeat;
  background-position: right top;
  left: 188px;	
 }

.menu-principal-button-prof{
  height: 22px;
  width: 30px;
  position: relative;
  background-image: url("../../images/req_prof.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  left: 160px;
  margin-top: 2px !important;
  cursor: pointer;
 }

 .menu-principal-button-estrelas{
  height: 15px;
  position: relative;
  left: 2px;
  width: 120px;
 }

 .estrelas{
 	height: 18px !important;
 }

 .setNotaSatisfacao{
 	cursor: pointer;
 }

.mySlicer{
	width: 220px;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.divMenu{
	width: 220px;
 	height: 180px;
 	background-repeat: no-repeat !important;
 	background-position: 50%  0% !important;
}

.details-menu{
  position: relative;
  top: -180px;
  left: 220px;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  padding: 3px;
}

.details-menu-edit{
  position: relative;
  top: -20px;
  left: 182px;
  width: 35px;
  height: 30px;
  color: #FFF;
}

.iconViewForm{
  margin-left: 5px;
  cursor: pointer;
}

.iconViewFormDel{
  cursor: pointer;
}

.iconPlayAssistirAula {
  margin-right: 5px;
  cursor: pointer;
}

.iconPlayExercicios {
  margin-right: 5px;
  cursor: pointer;
}

.details-menu-txt{
	width: 100%;
	height: 81px;
	overflow: hidden;
	line-height: 16px;
	color: white;
  	font-size: 14px;
  	text-shadow: black 0.1em 0.1em 0.2em;
}

.grPerc{
	width:50%;
	margin-top: 10px;
}

.txtPerc{
	width: 50%;
	color: #FFF;
	text-align: center;
}

.divGrafNota{
  width: 45%;
  position: relative;
  left: 25%;
  top: 30px;
}

.divGrafNotaInterno{
  width: 100px;
  border: #FFF 2px solid;
  background-color: rgba(0,0,0,0);
  position: relative;
  height: 30px;
}

.divGrafNotaAtual{
  border-right: #FFF 2px solid;
  position: relative;
  height: 38px;
  top: -68px;
}

.divGrafNotaMedia{
  border-right: #FFF 2px solid;
  position: relative;
  height: 38px;
  top: -98px;
}

.divtxtNotaAtual{
  position: relative;
  top: -164px;
  width: 110px;
  height: 30px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold !important;
  text-align: center;
}

.divtxtNota2{
  position: relative;
  top: -130px;
  width: 100px;
  height: 30px;
  color: #DDD;
  font-size: 12px;
  text-align: center;
}

#playerAula{
	width: 100%;
	height: 0px;
	position: absolute;
}

#user_logado{
	position: relative;
	top: 13px;
	left: 90%;
	color: #fff;
	z-index: 9999;
}
#user_logado img{
	height: 30px;
	max-width: 30px;
}
#user_logado ul{
	min-width: 160px !important;
}
.bg-icon-menu{
	position: relative;
	width: 220px;
	height: 180px;
	line-height: 60px;
	text-align: center;
}
.label-menu{
	width: 100%;
	bottom: 0px;
	position: absolute;
	display: block;
	background-color: rgba(0,0,0,0.5);
	padding: 5px;
	color: white;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.label-menu-center{
	text-align: center;
}
.label-menu-disp{
	font-size: 11px;
	margin-top: 6px;
}
.bg-icon-menu .img-menu{
	position: relative;
	z-index: 1;
}

#user_logado .dropdown-toggle:after{
	display: none !important;
};

#list-menu-home{
	display: none;
}

#gridArea{
	width: 98%;
	margin:auto;
	display: none;
	margin-top: 10px;
}

#gridAreaSub{
	display: none;
	z-index: 100;
	width: 98%;
	margin-left: 1%;
	position: relative;
	height: 262px;
	overflow: hidden;
}

#divBotoesSubGrid{
	display: none;
	position: absolute;
	z-index: 1000;
	width: 98%;
	margin-left: 1%;
	background-color: rgb(0,10,45);
	bottom: 10px !important;
	overflow-x: auto;
}

#closeBotoesSubGrid{
	position: absolute;
	right: 10px;
	top: -5px;
	cursor: pointer !important;
	color: rgb(0,10,45);
}

.btSubs{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	white-space: nowrap;
	font-size: 15px !important;
	padding: 8px 13px !important;
}

#formGridArea,#formGridAreaSub{
	display: none;
	z-index: 100;
	width: 98%;
	margin:auto;
	margin-left: 1%;
	margin-top: 6px;
	position: relative;
	overflow: hidden;
}
#formGridAreaSub{
	height: 262px;
}
.lblRadioSimNao{
	width: 30px;
	display: inline-block !important;
	font-family: Montserrat !important;
	height: 25px;
}

#formGridAreaSub .form-grid-obj {
	margin-left: 34px;
	position: relative;
	margin-right: 5px;
	height: 224px;
	color: #000 !important;
	margin-top: 7px;
}

#formGridArea {
	color: #111 !important;
}

#formGridArea .icon-button{
	font-size: 20px !important;
	border: 2px solid #fff !important;
}

.form-grid-obj{
	padding: 20px;
	padding-right: 0px;
	background: #fff;
	overflow: auto;
}
.more-info-form{
	float: left;
	width: 20%;
	padding: 10px;
}


#gridArea .content-table table{
	width: 100%;
}
#gridArea .content-table table tbody tr.gridtop,.bt-close-subgrid,#gridAreaSub .content-table table tbody tr.gridtop,.bt-close-subgrid{
	cursor: pointer !important;
}

.right{
	float: right;
	margin-top: 20px;
}

.actions-table .right a{
	display: inline-block;
	margin-left: 10px;
}
.icon-button{
	border-radius: 50% !important;
	padding: 7px !important;
	color: #fff !important;
	border:1px solid #fff !important;
	vertical-align:0 !important;
	font-size: 10px !important;
}

.actions-table .right .icon-button{
	float: left !important;
	font-size: 15px !important;
	padding: 10px !important;
}
.actions-table .right a p{
	color: #fff !important;
}
.bg-white{
	color: #000 !important;
	border:1px solid #000 !important;
}
.box-paginate .pagination{
	float: left !important;
}
.content-table{
	overflow: hidden;
	overflow-y:auto;
	overflow-x: auto;
	margin-bottom: 5px;
	color: #111 !important;
	background: #fff;
	border-style: solid;
	border-width: 1px;
}

#gridAreaSub .content-table{
	margin-left: 30px;
	margin-right: 10px;
	height: 200px !important;
}

.content-table table{
	margin-bottom: 0 !important;
}

.content-table table tr{

}

.content-table table tr td,
.content-table table tr th{
	/*display: inline-block;*/
	white-space: nowrap;
}

.text-left{
	font-weight: normal !important;
}

.bts_sub_grid button{
	margin-right: 4px;
	display: none;
	border: 1px solid #eee;
}

.title_item_grid_sub{
	padding: 3px;
	overflow: hidden;
	height: 262px;
}
.title_item_grid_sub .right{
	padding-top: 5px;
}

.bt_full_grid{
	display: inline-block;
	float: right;
	margin-left: 5px;
	cursor: pointer;
}

.bt_full_grid li{
	font-size: 20px !important;
}

.label-form-grid{
	font-weight: bold !important;
	color: #19537A;
}

.valueDisabled{
	background: #eee;
	padding: 3px;
	border: 1px solid #ddd;
}
.input-control{
	display: block !important;
}

.buttton-back{
	border-radius: 50% !important;
	padding: 2px !important;
	color: #fff !important;
	border:2px solid #fff !important;
	font-size: 32px !important;
	margin-right: 12px;
}

.buttton-back-form{
	border-radius: 50% !important;
	padding: 2px !important;
	color: #fff !important;
	border:2px solid #fff !important;
	font-size: 32px !important;
	width: 44px;
	height: 44px;
}
#title-grid-current,#title-form-current{
	float: left;
	padding-bottom: 0;
	margin-bottom: 2px;
}
#title-grid-current span,#title-form-current span{
	font-size: 26px;   
	font-weight: lighter;
}
.filtroAplicado {
	position: absolute;
	top: 45px;
	left: 65px;
	font-size: 12px !important;
	font-style: italic !important;
	max-width: 300px;
	height: 16px;
	overflow: hidden;
	display: none !important;
}
.bt_grid_op .icon-button{
	margin-left: 7px;
    font-weight: bold !important;
}
.button-filter-gridOp p{
	margin-left: 1px !important;
}
.bt_grid_delete i{
	margin-left: 3px !important;
}
.icon-FC{
	background-image: url('../../images/brushFC.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 37px;
    margin-left: 5px;
}
.icon-FCInf{
	background-image: url('../../images/brushFC.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
}
#divOpcoes{
	width: 100%;
    position: fixed;
    top: 0px;
    z-index: 9999999;
    display: flex !important;
}
.divOpcoes1{
	width: 70%;
	height: 100%;
}
.divOpcoes2{
	width: 30%;
	min-width: 400px;
	height: 100%;
	background-color: #FFF;
	-webkit-box-shadow: -5px 0px 25px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: -5px 0px 25px 0px rgba(0,0,0,0.6);
    box-shadow: -5px 0px 25px 0px rgba(0,0,0,0.6);
}
.divOpcoesTitle{
	width: 100%;
	padding: 5px;
	border-bottom-color: #EEE;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    height: 50px;
}
.divTopcoesTitleTxt{
	font-size: 18px;
    margin-left: 25px;
    padding-top: 8px;
}

.bt-close_divOpcoes{
	float: right;
    font-size: 22px;
    cursor: pointer;
    margin-top: -27px;
    margin-right: 25px;
}
.divOpcoesGeral{
	width: 100%;
	overflow: auto;
	color: #0a0a0a;;
    padding: 5px;
}
#divMaisOpcoesIn{
	overflow: auto;
}
.divMaisOpcoesIn{
	cursor: pointer;
	padding: 8px 25px;
    font-family: MontserratRegular !important;
    border-bottom: 1px solid #c0c0c0;
    font-size: 18px;
}
.divMaisOpcoesIn:hover{
	font-weight: bold !important;
}
#btRemoverBuscarIn{
	right: 10px;
    position: absolute;
    cursor: pointer;
    text-decoration: none;
}
#btRemoverBuscarIn:hover{
   text-decoration: underline;
}
.cmdsReport{
	display: none;
	margin-left: 5px;
	margin-top: -3px;
}
.btEditarReport i:hover{
	font-weight: bold !important;
	cursor: pointer;
}
.divReportEdit{
	border: 1px solid #c0c0c0;
}
#divReportEdit{
	
    padding: 0px 5px 5px 5px;
    margin-left: 17px;
}
#selFFReport{
	width: 95%;
    max-width: 95%;
}
.divReportEditIn{
	display: flex;
	margin-top: 5px;
}
.divReportEditIn b{
	margin-top: 5px;
}
#checkReportAluno{
	margin-top: 7px;
	margin-left: 5px;
}
.checkReportAluno{
	margin-left: 5px;
    margin-top: 0px;
    margin-right: 2px;
    width: 16px;
}
.divReportEditIn .lblRadioSimNao{
	width: 40px;
}
#btReportsEditSalvar{
	font-size: 16px !important;
    padding: 6px 20px !important;
}
#btReportsEditCancelar{
	margin-left: 5px;
	font-size: 16px !important;
    padding: 6px 20px !important;
}
#btVisualizarRelatorio {
    font-size: 18px !important;
    padding: 8px 20px !important;
    margin-top: 10px !important;
}
.cmdsFF{
	display: none;
	margin-left: 10px;
	font-size: 16px;
	white-space: nowrap;
}
.cmdsCategoriaFF{
	display: none;
	margin-left: 10px;
	font-size: 16px;	
	white-space: nowrap;
}
.btExcluirFF{
	margin-left: 7px;
}
.btFavoritoFF{
	margin-left: 6px;
	font-size: 17px !important;
}
.btCategorizarFF{
	margin-left: 7px;	
}
.btEditarFF i:hover, .btExcluirFF i:hover, .btFavoritarFF i:hover, .btCategorizarFF i:hover, .btEditarCategoriaFF i:hover, .btExcluirCategoriaFF i:hover{
	font-weight: bold !important;
}
.btFavoritoFFOff:hover{
	color: #cccccc;	
}
.btExcluirCategoriaFF{
	margin-left: 7px;
}
#divFiltroSalvosTxt{
    font-family: MontserratRegular !important;
    padding-left: 25px;
}
.btnExportExcel{
	color: #FFF;
    padding: 17px 25px;
    background-color: #00CCFF;
    height: 60px;
    cursor: pointer;
    font-family: 'MontserratBold' !important;
    font-size: 20px;
}
.btnExportExcel i{
	margin-right: 10px;
}
.divExportExcel, .divReports{
	margin-bottom: 10px;
    padding-left: 25px;	
    font-size: 18px;
    display: none;
}
.divReports{
	overflow: auto;
}
#divExportExcelIn1, #divExportExcelIn2{
	font-family: MontserratRegular !important;
}
#divSubItens{
	margin-left: 20px;
    margin-bottom: 10px;
    max-height: calc(100% - 120px);
    overflow: auto;
    font-family: MontserratRegular !important;
}
.subItensExport{
	display: flex;
	margin-top: 2px;
}
.subItensExport input{
	width: 16px;
}
.subItensExport label{
	margin: 0px 5px;
}
.btExportar{
	font-size: 18px !important;
	padding: 8px 20px !important;
}
.btnVisualizarRelatorios{
	padding: 17px 25px;
    background-color: #00A6CF;
    color: #FFF;
	display: flex;
	font-family: 'MontserratBold' !important;
    font-size: 20px;
    cursor: pointer;
}
.btnVisualizarRelatorios i{
	margin-right: 10px;
}
#divSubItensReports{
	margin-left: 20px;
    margin-bottom: 5px;
}
.subItensReports{
	display: flex;
	margin-top: 5px;
}
.divSubItensReports{
	margin-top: 10px;
	padding-right: 10px;
}
.subItensReports label{
	margin: 0px 5px;
}
.subItensReports input{
	width: 16px
}
.titleReportB{
	font-weight: bold !important;
	margin-bottom: 5px;
}
.btnVisualizarCommandos{
	padding: 17px 25px;
    background-color: #0087a9;
    color: #FFF;
    font-family: 'MontserratBold' !important;
    font-size: 20px;
    cursor: pointer;
}
.btnVisualizarCommandos i{
	margin-right: 10px;
}
.divFiltroFacilIn{
	margin-top: 7px;
	margin-bottom: 7px;
	cursor: pointer;	
	font-family: MontserratRegular !important;
}
.divFiltroFacilIn:hover{
	font-weight: bold !important;
}
.divFiltroFacilInFav{
	margin-top: 7px;
	margin-bottom: 7px;
	cursor: pointer;	
	font-family: MontserratRegular !important;
}
.divFiltroFacilInFav:hover{
	font-weight: bold !important;
}
.divFiltroFacilInRecents{
	margin-top: 7px;
	margin-bottom: 7px;
	cursor: pointer;	
	font-family: MontserratRegular !important;
}
.divFiltroFacilInRecents:hover{
	font-weight: bold !important;
}
#divFiltroFFIn{
	height: calc(100% - 130px);
	display: none;
    overflow: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 15px;
}
#divFiltroFFIn2{
	height: calc(100% - 110px);
	overflow: hidden auto;
	padding-bottom: 20px;
}
.bt_grid_more{
	margin-top:  -10px !important; 	
	display: none !important;
}

.bt_grid_more .icon-record{
	display: block !important;
	font-size: 12px !important;
	color: #fff !important;
}
#bol-hide-icon{
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}
.buttton-search-grid{
	font-size: 32px !important;
	margin-left: 10px !important;
	color: #fff !important;
	/* display: none !important;*/
}
#title-page-current{
	display: none !important;
}
#breadcrumbsOld{
	font-size: 22px;
	padding-bottom: 10px;
	max-width: 88%;
}
.metro .table th{
	padding: 5px;
	font-size: 13px;
	padding-right: 38px !important;
}

.metro .table td{
	padding: 5px;
	font-size: 13px;
}

.title-vertical-subgrid{
	position: absolute;
	top: 245px;
	color: #fff;
	font-size: 14px;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: 0px 0px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 0px 0px;
	-o-transform: rotate(270deg);
	-o-transform-origin: 0px 0px;
}

.titleSub{
	display: inline-block;
	max-width: 210px;
	overflow: hidden;
	height: 20px;
	word-break: break-all;
	position: absolute;
	width: 210px;
	margin-left: 24px;
	margin-top: 2px;
	cursor: pointer;
}

.title-vertical-subgrid i{
	font-size: 25px;
	color: #fff;
}

#gridAreaSub .actions-table{
	width: 100%;
	margin-top: -5px;
	display: inline-block;
}

#gridAreaSub .actions-table .bt_grid_more{
	margin-top: 2px !important;
}

#gridAreaSub .actions-table .bt_grid_more .icon-record{
	font-size: 9px !important;
}

#gridAreaSub .actions-table .icon-button{
	font-size: 11px !important;
	padding: 4px !important;
}

#gridAreaSub .actions-table .right a{
	height: 32px !important;
	margin-left: 5px;
}

#gridAreaSub .box-paginate{
	margin-left: 25px;
	height: 26px;
}

.WindowModalOverlay{
	color: #111 !important;
	min-width: 250px !important;
}

.textarea-grid{
	background: transparent;
}

.row-form-label .label-form-grid{
	float: left !important;
	width: 10% !important;
}

.row-form-label .input-control{
	float: left !important;
	min-width: 100px !important;
}

/* Opções do Div da Formatação Condicional e do Filtro Fácil */
.div_select_class{
	display: inline-block;
}


/* Opções do Select da Formatação Condicional, do Filtro Fácil e do Filtro Rápido */
.selectOpcoes{
	font-family: MontserratRegular;
	color:#0a0a0a;
	font-size:16px;
	background-color: #FFFFFF;
	direction: ltr;
	text-align: left;
}

.mySelect{
	font-family: MontserratRegular;
	font-size: 16px;
    overflow: hidden;
    color: #FFF;
    padding: 5px;
    position: relative;
    bottom: 20px;
    display: inline-block;
    border:none;
    outline:none;
    cursor:pointer;
    -webkit-appearance: none;
    appearance: none;
    background: transparent url('../../images/down_arrow_select.png') no-repeat right;
  	padding-right: 18px;
  	direction: rtl;
  	-moz-background-position: -9999px -9999px !important;
  	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.divFiltroRapido{
	margin-left: 5%;
	display: inline-block;
}

.divFiltroRapidoImg{
	margin-left: 5%;
	display: inline-block;
	width: 400px;
	height: 31px;
	background: transparent url('../../images/filtrorapido.png') no-repeat;
}
#divMaisOpcoesOld{
	border-top: 1px solid #c0c0c0;
}
.divMaisOpcoes{
	margin-left: 5%;
	display: inline-block;	
}
.divMaisOpcoesImg{
	margin-left: 400px;
	margin-top: -5px;
	display: inline-block;
	width: 150px;
	height: 31px;
	background: transparent url('../../images/opçoes.png') no-repeat;
}

.selectFR{
	bottom: 5px !important;
	margin-right: 5px !important;
}

.selectMaisOp{
	bottom: 5px !important;
	width: 150px;
	direction: ltr !important;
}

.divExportar{
	margin-left: 30px;
	display: inline-block;
}

.exportExcel{
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-top: -5px;
}

.txtFiltroRapido{
	background: transparent;
	position: relative;
	color: #FFF;
	border: solid;
	border-width: 1px;
	border-color: #FFF;
	bottom: 5px !important;
}

.btClickFR{
	position: relative;
	bottom: 5px !important;
	margin-left: 5px;
	background: transparent !important;
	color: #FFF !important;
	font-family: MontserratRegular;
	font-size: 16px !important;
	border: solid 1px #FFF !important;
}

.btRemoveFiltro{
	position: relative;
	bottom: 3px !important;
	margin-left: 10px;
	cursor:pointer;
}

.nicEdit-main{
	overflow: visible !important;
	margin-top: 15px !important;
}

.nicEdit-pane{
	color: #000 !important;
}

.inputRange{
	width: 200px !important;
	border: 1px solid white !important;
}

.inputRange::-webkit-slider-runnable-track {
    width: 200px !important;
    height: 5px !important;
    background: #ddd !important;
    border: none !important;
    border-radius: 3px !important;
}
.inputRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #848484;
    margin-top: -4px;
}
.inputRange:focus {
    outline: none;
}
.inputRange:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

.autocomplete-suggestion{
	color: #000 !important;
	background-color: #FFF !important;
	font-family: MontserratRegular;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); z-index: 9999999 !important; max-height: 100px !important; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.inputCustomCombo{
	padding: 5px;
	border: 1px #d9d9d9 solid;
	margin-right: 5px;
	width: 97%;
}

.input-loader
{
	background: url('../../images/loader_16x16.gif');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #EEE; 
    cursor: not-allowed; 
    color: #777;
}

.fieldError{
	border-color: #FF0000 !important;
	border-width: 1px  !important;
    border-style: solid !important
}

.exemplo {
	
}
.exemplo h2.accordion{
	cursor: pointer;
	height: 30px;
	background-color: transparent;
}
.exemplo div.accordion{
	position: absolute;
	top: 0px;
	height: 250px;
}
#addDiv{
	position: relative;
	display: inline-block;
	top: 280px;
	margin-left: 20px;
	color: #000;
	background-color: #FFF;
	cursor: pointer;
	box-shadow: 0px 0px 30px #000;
	padding: 10px;
	
}
#addDiv:active{
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 30px #FFF;
}

#divLoginMasterRecebimento{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 999999;
    display: none;
}

#divLoginMasterRecebimentoMain{
	position: relative;
    top: 90px;
    left: 50%;
    margin-left: -112px;
    width: 224px;
    padding: 7px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
}

#divLoginMasterRecebimentoFechar{
	position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
}

#btEnviarLoginBaixarManualmenteRecebimento{
	margin-left: 10px;
}

#divCC, #divDB, .popUp{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
}

#divContinuar{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
    display: none;
}

#continuarMain{
	position: relative;
    top: 40%;
    left: 50%;
    margin-left: -185px;
    width: 370px;
    padding: 20px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 16px;
    text-align: center;
}

#continuarTitle{
	padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

#continuarParou{
	text-decoration: underline;
    cursor: pointer;
}

#continuarIniciar{
	padding-top: 20px;
    text-decoration: underline;
    cursor: pointer;
}

#continuarFechar{
	position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
}

#divFiltro{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
    display: none;
}

#FiltroMain{
	position: relative;
    top: 20%;
    left: 50%;
    margin-left: -368px;
    width: 735px;
    padding: 10px;
    color: #FFF;
    background-color: rgba(0,0,0,0.6);
    font-size: 16px;
    text-align: center;
}

#FiltroFechar{
	position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
}

#divAddFiltroAvancado{
	font-size: 13px;
    font-style: italic;
    text-align: left;
}

#tablesFiltro{
	background-color: transparent;
	font-size: 18px;
	margin: 25px 20px 0px 20px;
	font-family: MontserratRegular !important;
	width: calc(100% - 40px);
}
.tablesFiltroIn{
	border: none !important;
}
.tdFiltro{
	left: 5px;
    position: relative;
}
.tdFiltro b{
	font-family: 'MontserratBold' !important;
	margin: 20px 0px 10px -2px;
	display: block;
}
.tdFiltro input[type="radio"]{
	width: 20px;
	height: 20px;
}
.delFiltro{
	cursor: pointer;
	margin-right: 10px;
	margin-top: 10px;
}
.delFiltro a{
	color: #000;
    font-size: 12px;
    font-family: MontserratRegular !important;
}
#btnAddCondicao{
	color: #000;
    font-size: 15px;
    font-family: MontserratRegular !important;
    margin-right: 25px;
}
.delFiltro a:hover, #btnAddCondicao:hover{
	color: #000;
    text-decoration: underline;
}
.selFiltro{
	color:#0a0a0a;
	font-size:16px;
	background-color: #FFFFFF;
	text-align: left;
	margin-right: 10px;	
	border: 1px solid #c0c0c0;
	border-radius: 5px;
    font-family: MontserratRegular !important;
    padding: 7px;
    outline: none;
}

.selFiltroOnde{
	width: 189px;	
}

.selFiltroOndeIn{
	width: 95%;	
}

.selFiltroComo{
	width: 140px;	
}

.selFiltroComoIn{
	width: 95%;	
}
.divAndOR{
	margin-top: 15px;
	font-size: 20px;
	text-align: center;
	width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.divAndOR-And{
	width: 15px;
    display: inline-block !important;
    margin-right: 10px !important;
    margin-left: 5px !important;
}
.divAndOR-Or{
	width: 30px;
    display: inline-block !important;
    margin-left: 5px !important;
}
.divAndOR input {
    width: 20px;
}
#divButtonsFiltro{
	width: 310px;
    margin-right: 0px;
    margin-left: auto;
    display: none;
    text-align: right;
}

#divButtonsFiltroIn{
	width: 100%;
    display: none;
    margin-bottom: 10px;
    margin-left: 20px;
}
#divAddCondicao{
	text-align: right;
    margin-right: 5px;
    display: none;
}

#divButtonsFiltroSalvar{
	width: 310px;
    margin-right: 0px;
    margin-left: auto;
    display: none;
    text-align: right;
}

#divButtonsFiltroSalvarIn{
	width: 100%;
    display: none;
    text-align: left;
}

#txtNameFiltroAvancado{
	margin-right: 5px;
	margin-left: 10px;	
}

#divBloqueiaEdicaoFiltroAvancado{
	display: none;
	position: absolute;
    background-color: rgba(0,0,0,0.6);
    width: 735px;
    margin-left: -10px;
}

#divBloqueiaEdicaoFiltroAvancadoIn, #divBloqueiaEdicaoFiltroAvancadoIn2{
	display: none;
	position: absolute;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    margin-left: -5px;
    margin-top: -7px;
    z-index: 99;
}

#titleFiltrosNew1, #titleFiltrosNew2{
	padding: 17px 25px;
    background-color: #00CCFF;
    height: 60px;
    cursor: pointer;
}
#titleFiltrosNew2{
	background-color: #00A6CF;
}

.titleFiltrosNewIn{
	font-family: 'MontserratBold' !important;
    font-size: 20px;
    color: #FFF;
}
.titleFiltrosNewIn i{
	margin-right: 10px;
}
.btLimparFiltroIn{
    float: right;
    margin-top: -5px;
}
.FF-Opcoes{
	color: #FFF !important;
	padding: 5px;
	border-radius: 100px;
	font-size: 12px !important;
	margin-right: 8px !important;
}
.FF-Classificado{
	background-color: #00CCFF;
}
.FF-NaoClassificado{
	background-color: #007996;
}
.FF-Favorito{
	background-color: #F2C00C;
}
.FF-NewCat{
	background-color: #999999;
	color: #FFF !important;
	padding: 5px;
	border-radius: 100px;
	font-size: 12px !important;
	margin-right: 8px !important;
}
.titleCategoriaFFIn{
	font-family: 'MontserratBold' !important;
    font-size: 17px;
    cursor: pointer;
}
#titleAddCategoriaFF{
	color: #999999 !important;
}
.titleAddCategoriaFF{
	padding: 0px 0px 15px 10px;
    margin-top: 10px;
    width: calc(100% - 15px);
}
.titleCategoriaFF{
	padding: 0px 0px 15px 10px;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 10px;
    width: calc(100% - 15px);
}
.inputFFNew{
	height: 20px !important;
    width: 20px !important;
    margin-right: 8px !important;
    margin-left: 1px !important;
}
.labelFFNew{
	display: initial !important;
	font-size: 15px;
}
#btnAplicarFFNew{
	padding: 7px 25px;
    background-color: #00CCFF;
    width: 115px;
    font-size: 17px;
    color: #FFF;
    font-family: 'MontserratBold';
    border-radius: 30px;
    margin-top: 10px;
    cursor: pointer;
}
.btnAplicarFFNew0{
	background-color: #F2C00C;
}

.categoriaFFIn{
	display: none;
	margin-top: 10px;
}

#btFecharFiltro{
	width: 80px;
}

#btAplicarFiltro{
	width: 100px;
	margin-left: 10px;
}
.btFavoritoFFOn{
	color: #F2C00C;
}
.btFavoritoFFOff{
	color: #E6E6E6;
}
#btAplicarFiltroIn{
	margin-right: 10px;
	font-family: 'MontserratBold' !important;
	font-size: 22px;
	padding: 10px 30px;
}
#btExcluirFiltro{
	display: none;
	margin-right: 10px;
	font-family: MontserratRegular !important;
}

#btaplicarFC{
	margin-top: 10px;
	font-family: MontserratRegular !important;
}

#divPrazoEncerrado{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
    display: none;
}

#prazoEncerradoMain{
	position: relative;
    top: 35%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    padding: 20px;
    padding: 50px 20px 30px 20px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 15px;
    text-align: center;
    border-radius: 30px;
}

#prazoEncerradoFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;	
}

#prazoEncerradoTitle{
	padding-bottom: 20px;
    font-size: 20px;
    font-family: MontserratBold !important;
}

#prazoEncerradoMsg1{
	margin-bottom: 15px;
}

#prazoEncerradoMsg3{
	margin-top: 15px;
	margin-bottom: 5px;
}

#prazoEncerradoMsgResult{
	font-size: 14px;
    margin-top: 5px;
    font-style: italic;
    color: #FFFF00;
}

#lnkNovaChave{
	color: #FFF;
	text-decoration: underline;
}

#txtChaveAcesso{
	width: 90px;
    border: none;
    padding: 3px;
    font-size: 14px;
}

#btSendChaveAcesso{
	padding: 5px 12px;
    font-family: MontserratBold !important;
    border: none;
    color: #FFF;
    background-color: #03A9F4;
    border-radius: 30px;
}

#tipoObjetoConstrutor{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
    display: none;
}

#tipoObjetoConstrutorMain{
	position: relative;
    top: 30%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    padding: 50px 20px 30px 20px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 20px;
    text-align: center;
    border-radius: 30px;
}

#tipoObjetoConstrutorFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;	
}

#tipoObjetoConstrutorTitle{
	padding-bottom: 20px;
    font-size: 20px;
    font-family: MontserratBold !important;	
}

#tipoObjetoConstrutorMsg{
	font-size: 16px;
}

#tipoObjetoConstrutorMsgResult{
	font-size: 14px;
    margin-top: 5px;
    font-style: italic;
    color: #FFFF00;
}

#btCriarTipoObjetoConstrutor{
	padding: 0px 25px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    margin-top: 35px;
    height: 33px !important;
    text-transform: uppercase;
    border-radius: 30px;
}

#tipoObjetoConstrutorType{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 10, 45, 0.7); /*rgba(89, 20, 153, 0.7);*/
    z-index: 10001;
    display: none;
}

#tipoObjetoConstrutorTypeMain{
	position: relative;
    top: 30%;
    left: 50%;
    margin-left: -330px !important;
    width: 660px !important;
    padding: 50px 20px 15px 25px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 20px;
    border-radius: 30px;
}

#tipoObjetoConstrutorTypeFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;	
}

#tipoObjetoConstrutorTypeTitle{
	padding-bottom: 20px;
    font-size: 20px;
    font-family: MontserratBold !important;
    margin-top: -35px;
}

#tipoObjetoConstrutorTypeMsg{
	font-size: 16px;
	display: inline-block;
	width: 100%;
}
#tipoObjetoConstrutorTypeSel{
	width: calc(100% - 40px) !important;
    padding: 5px 1px;
    border: 1px #d9d9d9 solid;
    margin-right: 5px;
    margin-bottom: 10px;
}
#divImportacaoCurso{
	width: 100%;
}
#selCursoImportacao{
	width: calc(100% - 40px) !important;	
}
#previewImportar{
	width: 120px;
    margin: auto;
}
#tipoObjetoConstrutorTypeMainImportarAulasCSV{
	position: relative;
    top: 30%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    padding: 50px 20px 30px 20px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 20px;
    border-radius: 30px;
}

#tipoObjetoConstrutorTypeTitleImportarAulasCSV{
	padding-bottom: 20px;
    font-size: 20px;
    margin-top: -37px;
    font-family: MontserratBold !important;
}

#tipoObjetoConstrutorTypeMsgImportarAulasCSV{
	font-size: 16px;
}
#tipoObjetoConstrutorTypeMsgImportarAulasCSV a{
	text-decoration: underline;
	color: #FFF;
}
#tipoObjetoConstrutorTypeMsgImportarAulasCSV i{
	font-size: 14px;
}
#msgFinalImportarAulasCSV{
	max-height: 120px;
	overflow: auto;
	margin-top: 10px;
}
#btImportaAulasCSV{
	margin-left: 10px;
}
#loadImportaAulasCSV{
	display: none;
}

#divLicencasExcedidas{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10001;
    display: none;
}

#licencasExcedidasMain{
	position: relative;
    top: 20%;
    left: 50%;
    margin-left: -275px;
    width: 550px;
    padding: 50px 20px 30px 20px;
    background-color: #FFF;
    font-size: 16px;
    border-radius: 30px;
}

#licencasExcedidasOps{
	font-size: 40px;
	color: #FF7F27;
	font-weight: bold;
	margin-bottom: 20px;
}

#licencasExcedidasTitle{
    font-size: 18px;
    margin-top: 15px;
    font-family: MontserratBold !important;	
}

#licencasExcedidasFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    color: #FF7F27;
    font-size: 28px;
}

#licencasExcedidasMsgTutor{
	cursor: pointer;
	text-decoration: underline;
	margin: 20px 0px 0px 0px;
}

#licencasExcedidasFields{
	text-align: left;
	display: none;
	width: 266px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#licencasExcedidasLogin{
	width: 200px;
	margin: 10px;
}

#licencasExcedidasSenha{
	margin-left: 5px;
	width: 200px;
}

#licencasExcedidasEnviarBtn{
	font-size: 18px;
	margin-left: 180px;
    margin-top: 10px;
    background-color: #FF7F27 !important;
}

#licencasExcedidasAlunos{
    text-align: left;
    display: grid;
}

#licencasExcedidasAlunosDetails{
	max-height: 250px;
	overflow-y: auto;
	display: grid;
}

#licencasExcedidasAlunos p{
	font-size: 16px;
}

.spanLoginExcedido{
	margin-top: 8px;
	margin-bottom: 8px;
}

.encerrarAlunoExcedido{
	cursor: pointer;
	padding: 5px;
    border: 1px solid #000;
    margin-right: 10px;
}

.encerrarAlunoExcedido:hover{
	text-decoration: underline;
}

#divLoginProfessorObjeto{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10001;
    display: none;
    color: #000;
    border-radius: 30px;
}

#LoginProfessorObjetoFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    color: #FFF;
}
#professorEnviarBtnObjeto{
	border-radius: 30px !important;
}

#divTempoExercicio{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10001;
    display: none;
    color: #000;

}

#tempoExercicioMain{
	position: relative;
    top: 30%;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    padding: 20px;
    padding: 50px 20px 30px 20px;
    color: #FFF;
    background-color: rgba(0,0,0,0.8);
    font-size: 16px;
    text-align: center;
    border-radius: 30px;
}

#tempoExercicioTitle{
	padding-bottom: 20px;
    font-size: 20px;
    font-family: MontserratBold !important;	
}

#tempoExercicioAgora{
	text-decoration: underline;
    cursor: pointer;
}

#tempoExercicioDepois{
	padding-top: 20px;
    text-decoration: underline;
    cursor: pointer;
}

#divNotaProfessor{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10001;
    display: none;
    color: #000;
}

#professorMain{
	position: relative;
    top: 30%;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    padding: 50px 20px 30px 20px;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    /*background-color: rgb(45, 10, 77);
    box-shadow: 0px 0px 25px 5px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 0px 25px 5px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 25px 5px rgba(255, 255, 255, 0.5);*/
    font-size: 16px;
    text-align: center;
    border-radius: 30px;
}

#professorTitle{
    font-size: 20px;
    font-family: MontserratBold !important;	
}

#professorFechar{
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    color: #FFF;
}

#professorFields{
	text-align: left;
	padding-left: 25px;
}

#txtProfessorLogin{
	width: 250px;
	margin: 10px;
}

#txtProfessorSenha{
	margin-left: 5px;
	width: 250px;
}

#selProfessorNota{
	margin: 10px;
	margin-left: 21px;
}

#professorEnviarBtn{
	font-size: 16px;
	padding: 7px 15px;
	border-radius: 30px;
}

#menu-meus-cursos{
	display: none;
	height: 400px;
	min-height: 180px;
}

#div-menu-meus-cursos{
	display: block;
    position: absolute;
    width: 530px;
    height: 160px;
    margin-left: -265px;
    margin-top: -160px;
    top: 50%;
    left: 50%;
    background-color: rgba(0,0,0,0.85);
    padding: 25px;
}

#div-menu-meus-cursos-txt1 {
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: Arial;
}

#div-menu-meus-cursos-txt2 {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
    font-family: Arial;
}

.selectPesquisaCursos{
	display: flex !important;
}

#button-filter-curso {
    background-color: #2e92cf;
    left: -10px;
    position: relative;
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    width: 40px;
}

.buttton-search-curso{
	font-size: 14px !important;
    margin-left: 10px !important;
    color: #fff !important;
    position: relative;
    top: 8px;
}

#txtPesquisarCursos{
	width: 480px !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#button-down-curso{
	display: none;
	background-color: #128023;
    left: -10px;
    position: relative;
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    width: 40px;
}

.buttton-down-curso{
	font-size: 14px !important;
    margin-left: 10px !important;
    color: #fff !important;
    position: relative;
    top: 8px;
}

.uploadFile{
  width: 158px;
  height: 45px;
  overflow:hidden;
  position:relative;
  background-repeat: no-repeat;
  background-image: url('../../images/btnSelecionar.png');
  margin-left: 5px;
}
.uploadFile:hover{
	opacity: 0.8 !important;
}
.uploadFile input{
    display: block !important;
    width: 158px !important;
    height: 45px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
.imgPreview {
    max-height: 100px !important;
    max-width: 400px !important;
    margin: 5px;
}

.loadUploadFile{
	display: none;
    width: 16px !important;
    height: 16px !important;
    position: relative;
    margin-left: -50px;
    margin-top: 4px;
}

.btnExcluirImg{
	background-image: url('../../images/btnExcluir.png');
    background-repeat: no-repeat;
    width: 75px;
    height: 20px;
    position: relative;
    margin-left: -158px;
    margin-top: 35px;
    cursor: pointer;
}
.msgImg{
	margin-left: 30px;
    margin-top: 5px;
    font-style: italic;
}
.btnExcluirImg:hover{
	opacity: 0.8 !important;	
}

#lnkImportarModulo{
	cursor: pointer;
	background-color: #2e92cf;
    position: relative;
    float: left;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    width: 120px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
}

.button-down-curso-importacao{
	font-size: 14px !important;
    margin-left: 12px !important;
    position: relative;
    top: 3px;
}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
  filter: grayscale(100%);
}
.divFormFirstLogon{
	height: auto !important;
}

.tooltip {
	display:none;
	position: absolute;
    background-color: rgba(224,224,224,0.9);
    border-radius: 5px;
    padding: 10px;
    color: #000 !important;
    max-width: 214px;
}

#estadoFirstLogon, #cidadeFirstLogon{
	min-width: 110px;
	border: 1px #d9d9d9 solid;
    height: 100%;
    padding: 5px;
}

#selTipoObjetoConstrutor{
	height: 30px !important;
}

.icon-maxi{
	background-image: url('../../images/btnMaxi.png');
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	margin-top: 1px;
}

.tdCommandFiltro{
    position: relative;
    margin-top: -20px;
}
.tdCommandFiltro div{
    margin-left: 2px;
    width: 20px;
    height: 21px;
    border-radius: 5px;
}
.bt_grid_comandos{
	color: #FFF;
    padding-left: 3px;
    font-size: 22px;
    line-height: 0.45;
}
.tdCommands{
    height: 24px;
    position: absolute;
    z-index: 999;
    margin-top: 3px !important;
    padding-bottom: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-top: 1px !important;
}

.btFiltroCol{
	margin-top: -20px;
    margin-left: calc(100% + 2px);
    width: 33px;
}
.button-calc-grid-col{
	margin-left: 4px;
    font-weight: bold !important;
    font-size: 14px;
    cursor: pointer;
}
.coll-grid{
	padding-right: 20px !important;
}
.button-filter-grid-col, .button-edit-grid-cp{
	cursor: pointer;
}
#divCampoPersonalizadoEdit{
	padding: 20px 30px;
	font-size: 16px;
}
.divCampoPersonalizadoEditRow{
	display: flex;
    margin-bottom: 15px;
}
.divCampoPersonalizadoEditRow label {
    margin-right: 10px;
    font-weight: bold !important;
}
#divCampoPersonalizadoEditLabel{
	width: 100%;
}
#divCampoPersonalizadoEditType {
    width: 100%;
    margin-left: 10px;
}
#divCampoPersonalizadoEditRowLista{
	display: none;
}
.itemCampoPersonalizadoEditRowLista {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px;
	border-bottom: 1px solid black;
}
.buttonsCampoPersonalizadoEditRowLista {
	display: flex;
}
#divCampoPersonalizadoEditRowAtivoMsg, #divCampoPersonalizadoEditRowExcluirMsg{
	font-size: 10px;
    color: red;
    margin-left: 5px;
    margin-top: 9px;
    display: none;
}
#divCampoPersonalizadoEditDel{
	width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}
#divCampoPersonalizadoEditSave{
	width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}

#launcher{
	display: none;
}
#btSalvarFiltroIn{
	color: #000;
    font-size: 14px;
    cursor: pointer;
    font-family: MontserratRegular !important;
    font-weight: normal;
    font-style: normal;
}
#btSalvarFiltroIn:hover{
	text-decoration: underline;
}
#divMenuCursosNew{
	width: 100%;
	height: 100%;
	display: flex;
}

#divMenuCursosNewL, #divMenuCursosNewR{
	width: 50%;
	height: 100%;
	padding-top: 20px;
}

#divMenuCursosNewL{
	padding-left: 10%;
}
#divMenuCursosNewR{
	padding-right: 10%;
}
#divMenuCursosNewIntL{
	width: 100%;
    height: 100%;
    background-color: rgb(235,235,235);
    padding: 30px 0px 30px 30px;
    overflow-y: auto;
}
#divMenuCursosNewIntR{
	width: 100%;
    height: 100%;
    background-color: #FFF;
}
#divMenuCursosNewInfM{
	display: flex;
	height: 25%;
}
#divMenuCursosNewInf{
	padding: 30px;
    color: #FFF;
    background-color: rgb(160,160,160);
    text-transform: uppercase;
    width: 70%;
}
#divMenuCursosNewInfProxCursoOld{
	width: 31%;
    background-color: rgb(112,146,190);
    color: #FFF;
    text-align: center;
    padding-top: 19%;
    font-size: 13px;
    background-image: url(../../images/proxAula.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}
#divMenuCursosNewInfTop{
	width: 100%;
}
.divMenuCursosNewInfTxts{
	width: 100%;
    font-size: 14px;
}
.txtValueCursoNewFim, .txtValueCursoNewDisp{
	margin-top: 10px;
}
#divMenuCursosNewInfPerc{
	display: flex;
    margin-top: 8px;
    width: 100%;
}
#divMenuCursosNewInfPercF{
	height: 30px;
    background-color: #FFF;
}
#divMenuCursosNewInfPercE{
	height: 30px;
    background-color: rgb(129,129,129);
}
#divMenuCursosNewInfPercTxtF{
	width: 100%;
}
#divMenuCursosNewInfPercTxt{
	text-align: center;
	font-size: 11px;
    margin-top: 4px;
}
#lnkVisualizarCertificado{
	width: 30%;
}
#divMenuCursosNewInfNota{
	width: 100%;
	height: 100%;
    background-color: #28314e;
    background-image: url(../../images/certificado.jpg);
    background-size: 100% 100%;
}
#divMenuCursosNewInfNotaTxt{
	padding-top: 65%;
    margin-left: -30%;
    position: relative;
    display: flex;
    left: 50%;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
}
#divMenuCursosNewInfNotaImg{
	width: 25px;
	margin-right: 5px;
}
#divMenuCursosNewIntCursosR{
	width: 100%;
	height: 75%;
	padding: 10px;
    overflow-y: auto;	
}
.divCurso100{
	width: 100%;
	margin-bottom: 10px;
}
#imgCursoNew{
	max-height: 220px;
}
#txtNomeCursoNew{
	font-size: 20px;
	font-weight: bold;
	color: rgb(36,36,36);
	text-transform: uppercase;
}
#txtDescricaoCursoNew{
	font-size: 15px;
	color: rgb(76, 76, 76);
}
#divDescricaoCursoNew{
	overflow-y: auto;
	padding-right: 30px;
}
#txtProximoPasso{
	font-size: 28px;
    color: #FFF;
}
#divProximoPasso{
	position: absolute;
    bottom: 5%;
}
#divMenuProximoCurso{
	background: #28314e;
    color: #ffffff !important;
    width: 180px;
    height: 147px;
    background-repeat: no-repeat !important;
    background-position: 50% 0% !important;
    background-size: 180px 147px;
    margin-top: 8px;
    cursor: pointer;
}
#lblProximoCurso{
	width: 100%;
    top: 120px;
    position: relative;
    display: block;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 13px;
}
.divCursoR{
	display: flex;
	cursor: pointer;
}
.divCursoRL{
	display: flex;
	cursor: not-allowed;
}
.divCursoRImg{
	background-image: url('../../images/traco.png');
    background-size: 37px;
    background-repeat-x: no-repeat;
}
.imgCursoAulaR{
	width: 40px !important;
}
.divCursoRTxt{
	width: 100%;
	color: rgb(230,230,230);
}
.divCursoRTxtAula{
	/*margin-top: 12px;
	font-size: 13px;*/
	font-size: 20px;
	margin-left: 15px;
    color: rgb(167,167,167);
    font-weight: bold !important;
    text-transform: uppercase;
}
.divCursoRTxtAulaI{
	/*margin-top: 7px;
	font-size: 13px;*/
	font-size: 20px;
	margin-left: 15px;
    color: #FFF;
    font-weight: bold !important;
    text-transform: uppercase;
}
.divCursoRTxtAulaDesc{
	margin-left: 15px;
    font-size: 13px;
}
.divCursoRO{
	display: flex;
	cursor: pointer;
}
.divCursoRTxt:hover, .divCursoRTxtO:hover{
	color: rgb(167,167,167) !important;
}
.divCursoRImgO{
	background-image: url('../../images/traco.png');
    background-size: 37px;
    background-repeat-x: no-repeat;
}
.divCursoRImgOF{
	background-image: url('../../images/tracoF.png');
    background-size: 37px;
    background-repeat: no-repeat;
}
.imgCursoAulaRO{
	/*height: 20px;
	margin-left: 10px;
	margin-top: 7px;*/
	height: 24px;
	margin-left: 4px;
	margin-top: 5px;
}
.divCursoRTxtO{
	width: 100%;
	color: rgb(230,230,230);
}
.divCursoRTxtAulaO{
	margin-top: 6px;
	margin-left: 40px;
    /*font-size: 13px;*/
    font-size: 16px;
    color: rgb(167,167,167);
    font-weight: bold !important;
    text-transform: uppercase;
}
.imgIconReqO{
	/*height: 15px;
	margin-right: 5px;*/
	height: 18px;
	margin-top: -5px;
	margin-right: 6px;
}
.imgIconO{
	width: 25px;
    margin-right: 5px;
}
.divCursoRTxtAulaDescO{
	margin-left: 40px;
    font-size: 12px;
}
.divCursoRObjs{
	display: none;
}
#divAulaIngles{
	width: 70%;
    height: calc(100% - 20px);
    margin-left: 15%;
    margin-top: 10px;
    background-color: #FFF;
    display: flex;
    color: #363636;
}
#divAulaInglesLeft{
	width: 100%;
	height: 100%;
	padding: 20px 0px 20px 20px;
}
#txtAulaInglesTitle{
	font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
}
#divAulaInglesVoltar{
	float: right;
    font-size: 18px;
    margin-right: 20px;
    width: 60px;
    height: 30px;
    text-align: right;
    background-image: url(../../images/icons.png);
    background-repeat: no-repeat;
    background-position-y: -213px;
    cursor: pointer;
    margin-top: -38px;
}
#divAulaInglesMain{
	width: 100%;
	height: 100%;
	margin-top: 20px;
}
#divAulaInglesImg{
	text-align: center;
    margin-bottom: 20px;
    height: 137px;
}
#imgAulaIngles{
	height: 137px;
}
#divAulaInglesTxt{
	font-size: 15px;
	overflow: auto;
	padding-right: 20px;
}
#divPlayerInglesDicas{
	margin: 20px 20px 0px 0px;
    display: -webkit-flex;
	display: flex;
}
#divPlayerIngles{
	margin: 20px 20px 0px 0px;
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#divPlayerInglesBtn{
	width: 60px;
}
#divPlayerInglesBtnImg{
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-image: url(../../images/icons.png);
	cursor: pointer;
}
.divPlayerInglesBtnImgPlay{
    background-position: 0 -512px;
}
.divPlayerInglesBtnImgPause{
    background-position: 0 -449px;
}
#divPlayerInglesTxt{
	color: #0F95AD;
	margin-left: 20px;
}
#divAulaInglesBotoes{
	width: 150px;
	height: 100%;
	background-color: #FFF;
}
.divAulaInglesBotao{
	height: 120px;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 4px;
    font-weight: bold !important;
    background-repeat: no-repeat;
    background-position: 50% 20px;
}
.divAulaInglesBotaoAtivo{
	background-color: #07c254;
    color: #FFF;
}
.divAulaInglesBotaoInativo{
	background-color: #f5f5f5;
    color: #07c254;
    cursor: pointer;
}
.divAulaInglesBotaoAtivoAula{
	background-image: url('../../images/aulaInglesAtivo.jpg');
}
.divAulaInglesBotaoInativoAula{
	background-image: url('../../images/aulaInglesInativo.jpg');
}
.divAulaInglesBotaoAtivoVideo{
	background-image: url('../../images/videoInglesAtivo.jpg');
}
.divAulaInglesBotaoInativoVideo{
	background-image: url('../../images/videoInglesInativo.jpg');
}
.divAulaInglesBotaoAtivoDicas{
	background-image: url('../../images/dicasInglesAtivo.jpg');
}
.divAulaInglesBotaoInativoDicas{
	background-image: url('../../images/dicasInglesInativo.jpg');
}
.divAulaInglesBotaoAtivoLR{
	background-image: url('../../images/listenRepeatInglesAtivo.jpg');
}
.divAulaInglesBotaoInativoLR{
	background-image: url('../../images/listenRepeatInglesInativo.jpg');
}
.divAulaInglesBotaoSair{
	height: 110px;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 4px;
    font-weight: bold !important;
    background-repeat: no-repeat;
    background-position: 50% 20px;
	background-image: url('../../images/shutdown.png');
	background-color: #f5f5f5;
    color: #07c254;
    cursor: pointer;
}
#divAulaInglesVideo{
	height: 100%;
	width: 100%;
	padding-right: 20px;
}
#mediaContainerInglesVideo{
	width: 100%;
    background-color: #000;
    background-image: url(../../images/playVideoIngles.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
}
.mediaContainerInglesVideo{
	background-color: #FFF !important;
    background-image: none !important;
}
.vjs-tech{
	width: 100%;
}
#divAulaInglesDicas{
	display: -webkit-box;
	overflow: hidden;
}
.divAulaInglesDica{
	text-align: center;
    width: 80%;
    margin-left: 10%;
    position: relative;
}
.divAulaInglesDicasTitle{
	font-size: 20px;
    font-weight: bold !important;
    margin: 0px 15% 20px 15%;
    width: 70%;
}
.divAulaInglesDicasTxt{
	font-size: 16px;
	margin: 0px 15% 0px 15%;
	width: 70%;
}
.divAulaInglesPrev{
	width: 45px;
    height: 60px;
    float: left;
    background-image: url(../../images/icons.png);
    background-position-y: -80px;
    background-position-x: 8px;
    margin-top: 20px;
    cursor: pointer;
}
.divAulaInglesNext{
	width: 45px;
    height: 60px;
    float: right;
    background-image: url(../../images/icons.png);
    background-position-y: -239px;
    background-position-x: 8px;
    margin-top: 20px;
    cursor: pointer;
}
#divAulaInglesLRs{
	display: -webkit-box;
	overflow: hidden;
}
.divAulaInglesLR{
	text-align: center;
    width: 80%;
    margin-right: 20%;
    margin-top: 20px;
    position: relative;
    border: 1px solid #e0e0e0;
    padding: 20px 10px 20px 10px;
}
.divAulaInglesLRTitle{
	font-size: 20px;
    font-weight: bold !important;
    margin: 0px 15% 20px 15%;
    width: 70%;
}
.divAulaInglesLRTitleMain{
	width: 100%;
    font-size: 16px;
}
.divAulaInglesLRTxt{
	font-size: 16px;
	margin: 0px 15% 0px 15%;
	width: 70%;
}
.divAulaInglesLTTxt{
	font-size: 16px;
    background-color: #ececec;
    padding: 15px;
}
.divAulaInglesLRPrev{
	width: 45px;
    height: 60px;
    float: left;
    background-image: url(../../images/icons.png);
    background-position-y: -80px;
    background-position-x: 8px;
    margin-top: 75px;
    cursor: pointer;
}
.divAulaInglesLRNext{
	width: 45px;
    height: 60px;
    float: right;
    background-image: url(../../images/icons.png);
    background-position-y: -239px;
    background-position-x: 8px;
    margin-top: 75px;
    cursor: pointer;
}
.divPlayerInglesBtnImgLR{
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-image: url(../../images/icons.png);
	cursor: pointer;
}
.divPlayerInglesBtnImgLRDis{
	cursor: not-allowed !important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}
.divPlayerInglesBtnImgLRPause{
	background-position: 0 -6249px;	
}
.divPlayerInglesBtnImgLRRec{
	background-position: 0 -6187px;	
}
.divPlayerInglesBtnLRMic{
	width: 220px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon-mic.png);
    cursor: pointer;
    background-color: #07c254;
    left: 50%;
    position: relative;
    margin-left: -110px;
    margin-top: 30px;
    padding-left: 45px !important;
    padding: 20px;
    color: #FFF;
    font-size: 18px;
    background-position: 20px 15px;
}
.divPlayerInglesBtnLRListen{
	width: 220px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon-ouvindo.png);
    cursor: pointer;
    background-color: rgb(0, 162, 232);
    left: 50%;
    position: relative;
    margin-left: -110px;
    margin-top: 30px;
    padding-left: 45px !important;
    padding: 20px;
    color: #FFF;
    font-size: 18px;
    background-position: 20px 15px;
}
.divPlayerInglesLRNota {
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    color: rgb(0, 162, 232);
}
.divPlayerInglesLRNotaBaixa{
	color: #363636 !important;
}
#divAulaInglesLRResultFinal{
	font-size: 16px;
	font-weight: bold;
    color: rgb(0, 162, 232);
    margin-top: 10px;
    margin-right: 20px;
    width: 80%;
    text-align: center;
}

#divAulaInglesLRResultFinal a{
	text-decoration: underline;
    color: rgb(0, 162, 232);
    cursor: pointer;
}

#div-menu-cursos-new{
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}
.heightPopUp{
	height: 35px;
}
#div-menu-cursos-tutor-main{
	position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: #000;
    padding: 10px 30px;
    z-index: 1000;
    cursor: pointer;
}
#div-menu-cursos-tutor-img{
	height: 40px;
	margin-right: 10px;
}
#div-menu-cursos-tutor-in{
	font-size: 18px;
    font-family: 'MontserratBold';
    color: #FFF;
    margin: 9px;
    display: flex;
    margin-right: 10px;
}
#div-menu-cursos-tutor-in-txt{
	color: #2ba47c;
	font-family: 'MontserratBold';
}
#div-menu-cursos-tutor-in-fechar{
	font-size: 18px;
    color: #FFF;
    margin-top: 9px;
    margin-right: 5px;
}
#div-menu-cursos-new-top{
	margin: 0px auto;
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 100%;
    min-height: 210px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
#div-menu-cursos-new-top-in{
	width: 100%;
	height: 100%;
	min-height: 210px;
	background-color: rgba(0,0,0,0.6);
}

#div-curso-img{
	margin-right: 20px;
	width: 180px;
}

#div-curso-title{
	margin-top: 10px;
    margin-right: 20px;
}

#div-nome-curso-new{
	font-size: 22px;
	font-weight: bold;
    color: #FFF;
}
#div-descricao-curso-new{
	color: #FFF;
    font-size: 14px;
    margin-top: 10px;
    height: 67px;
    overflow-y: hidden;
}
#div-menu-cursos-new-txt-botton{
	position: absolute;
	bottom: 20px;
}
#div-curso-next{
	width: 150px;
	text-align: center;
	color: #FFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    bottom: 25px;
}
#div-menu-cursos-prox-passo{
	display: flex;
	align-items: center;
	height: 40px;
}
#div-menu-cursos-prox-passo-img{
	width: 50px;
}
#img-curso-new-continuar{
	width: 40px;
}
#div-menu-cursos-prox-passo-txt{
	width: 110px;
}
#lnk-visualizar-certificado{
	color: #FFF;
}
#img-curso-new-certificado{
	width: 80px;
	margin-top: 10px;
}
#div-curso-flowup{
	width: 300px;
}
.div-menu-cursos-new-perc{
	display: flex;
	width: 90%;
}
.div-menu-cursos-new-perc-obj{
	width: 100%;
	display: flex;
	margin-top: -5px;
}
.div-menu-cursos-new-perc-obj-in{
	display: flex;
	width: 60%;
}
.div-menu-cursos-new-perc-finalizado{
	height: 15px;
	background-color: #cecdcf;
	border: 2px solid #cecdcf;
}
.div-menu-cursos-new-perc-finalizar{
	height: 15px;
	background-color: #a0a7bd;
	border: 2px solid #a0a7bd;
}
.div-menu-cursos-new-perc-finalizado-obj{
	height: 15px;
	background-color: #B4C0D9;
	border: 2px solid #B4C0D9;
}
.div-menu-cursos-new-perc-finalizar-obj{
	height: 15px;
	background-color: #E6E6E6;
	border: 2px solid #E6E6E6;
}
#div-menu-cursos-new-datas-txt{
	display: flex;
    position: relative;
    width: 90%;
    color: #FFFFFF;
}
.div-menu-cursos-new-datas{
	font-size: 16px;
    margin-top: 8px;
}
.div-menu-cursos-new-datas-fim{
	position: absolute;
    right: 0;
}
#div-menu-cursos-new-inf-main{
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
#div-menu-cursos-new-inf{
	width: 100%;
    height: 100%;
    color: #000;
    overflow-y: auto;
    position: relative;
    z-index: 2;
}
#div-menu-cursos-new-inf-main-descricao{
    width: 100%;
    background-color: #efefef;
    color: #000;
}
.div-menu-cursos-new-inf-main-descricao-none{
	height: 0px;
}
#div-menu-cursos-new-inf-main-descricao-icon{
	background-color: #727376;
    width: 35px;
    border-radius: 100%;
    height: 35px;
    margin: auto;
    margin-top: -19px;
    z-index: 5;
    position: relative;
    cursor: pointer;
    border: solid 4px #fff;
}
.imgSetas{
	background-image: url(../../images/setasB.png);
    background-repeat: no-repeat;
}
.imgSetasUp{
	background-position-x: 6px;
    background-position-y: -4px;
}
.imgSetasDown{
	background-position-x: -20px;
    background-position-y: -2px;
}
.imgSetasLeft{
	background-position-x: -62px;
    background-position-y: -6px;
}
.imgSetasRight{
	background-position-x: -100px;
    background-position-y: -6px;
}
#div-menu-cursos-new-inf-main-descricaoIn{
	width: calc(70%);
    margin: auto;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.div-menu-cursos-new-inf-main-descricaoIn-none{
	display: none;
}
#div-menu-cursos-new-inf a{
	color: #000;
}
#div-menu-cursos-new-inf a:hover{
	color: #000;
}
.div-menu-cursos-new-inf-1{
	width: 210px;
	margin-right: 10px;
	text-align: right;
	z-index: 10;
}
.div-menu-cursos-new-inf-2{
	margin-right: 20px;
}
.div-menu-cursos-new-inf-3{
	width: 120px;
	text-align: center;
}
.img-menu-cursos-new-inf-1-conc{
	width: 27px;
    height: 23px;
    margin-top: -30px;
    margin-right: 5px;
}
.img-menu-cursos-new-inf-1-bloq{
	width: 27px;
    height: 33px;
    margin-top: -42px;
    margin-right: 5px;
}
.div-menu-cursos-new-inf-1-not{
	padding-right: 30px;
}
.img-menu-cursos-new-inf-1-conc100{
	width: 27px;
    height: 23px;
    margin-top: 20px;
    margin-left: -27px;
}
.img-menu-cursos-new-inf-1-bloq100{
	width: 27px;
    height: 33px;
    margin-top: 20px;
    margin-right: -27px;
}
.div-menu-cursos-new-inf-1-numAula{
	font-size: 105px;
    font-weight: bold !important;
    color: #B4C0D9;
    margin-top: -23px;
}
#div-menu-cursos-new-conteudo{
	width: 70%;
    height: 100%;
    margin: 0px auto 0px auto;
}
.div-menu-cursos-new-conteudo-in{
	display: flex;
	margin-top: 25px;
}
.div-menu-cursos-new-conteudo-in-locked{
	display: flex;
	cursor: not-allowed;
	margin-top: 20px;
}
.div-menu-cursos-new-inf-modulo-title{
	font-weight: bold !important;
	font-size: 16px;
}
.div-menu-cursos-new-inf-modulo-desc{
	font-size: 13px;
}
.div-menu-cursos-new-inf-modulo-nota{
	font-weight: bold !important;
	font-size: 16px;
}
.div-menu-cursos-new-obj-in{
	display: flex;
	margin-top: 15px;
}
.div-menu-cursos-new-inf-obj-req{
	font-size: 11px;
    font-style: italic !important;
    margin-top: 2px;
    margin-left: 5px;
}
.div-menu-cursos-new-inf-aula-nao-req{
	font-size: 11px;
    font-style: italic !important;
    margin-top: 8px;
    margin-left: 5px;	
}
.div-menu-cursos-new-inf-obj-req-assistir{
	z-index: 10;
}
.div-menu-cursos-new-inf-obj-in{
	margin-left: 20px;
	display: flex;
}
.img-menu-cursos-new-inf-1-conc-obj{
	width: 21px;
	height: 18px;
	margin-top: 3px;
}
.img-menu-cursos-new-inf-1-atividade-importada{
	width: 23px;
    height: 23px;
    margin-right: 4px;
    margin-left: -22px;
}
.div-menu-cursos-new-inf-obj-in-importada{
	margin-left: 0px !important;
}
.img-menu-cursos-new-inf-1-obj{
	width: auto;
	height: 29px;
	margin-top: -5px;
	z-index: 10;
}
.div-menu-cursos-new-inf-obj-txts{
	margin-left: 5px;
}
.div-menu-cursos-new-inf-obj-title{
	font-weight: bold !important;
	font-size: 14px;
}
.div-menu-cursos-new-inf-obj-desc{
	font-size: 12px;
	line-height: 18px;
}
.div-menu-cursos-new-inf-obj-nota{
	font-size: 14px;
    font-weight: bold !important;
}
.lnkAvaliacaoTutor{
	z-index: 10;
	font-size: 12px;
	font-weight: bold !important;
    color: #fa6800;
    margin-top: 5px;
    margin-left: 5px;
}
.lnkAvaliacaoTutor:hover{
	text-decoration: underline;
}
.AguardandoAvaliacaoTutor{
	font-size: 12px;
	font-weight: bold !important;
    color: #fa6800;	
    margin-top: 1px;
    margin-left: 5px;
}
.div-menu-cursos-new-inf-obj-req-assistir{
	z-index: 10;
	font-size: 11px;
    font-style: italic !important;
}
#mensagensNovaMsg{
	padding: 15px;
}
#mensagensNovaMsgTxt{
	font-family: MontserratRegular !important;
}
#mensagensNovaMsgBt{
	/*float: right;
    margin-top: -28px;*/
    background-color: #2C97DF;
    padding: 10px 35px;
    color: #FFF;
    border-radius: 30px;
    font-family: MontserratRegular !important;
    cursor: pointer;

    width: 195px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mensagensTemplate {
    display: flex;
    padding: 15px;
    border-top: 1px solid #94A5A5;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
}
.mensagensCol1 {
    width: 70px;
    cursor: pointer;
}
.mensagensFoto {
    width: 90%;
    border-radius: 100%;
    height: auto;
    max-height: 63px;
}
.mensagensCol2 {
    width: calc(100% - 150px);
    cursor: pointer;
    margin-left: 10px;
}
.mensagensNomes{
	font-size: 12px;
	height: 15px;
    overflow: hidden;
    font-family: MontserratRegular !important;
}
.mensagensAssunto{
	font-size: 20px;
	height: 25px;
    overflow: hidden;
    font-family: MontserratRegular !important;
    font-weight: bold !important;
    margin-top: 5px;
    margin-bottom: 5px;
}
.mensagensData{
	font-family: MontserratRegular !important;
	font-size: 12px;
	height: 15px;
    overflow: hidden;
}
.mensagensCol3 {
    width: 30px;
    cursor: pointer;
    padding-top: 17px;
}
.mensagensInterações {
    border-radius: 100%;
    background-color: red;
    color: #FFF;
    padding: 7px 2px;
    font-weight: bold !important;
    float: right;
    font-family: MontserratMedium !important;
    width: 30px;
    text-align: center;
}
.mensagensCol4 {
    width: 30px;
    text-align: right;
    cursor: pointer;
}
.mensagensCol4 img{
	margin-top: 20px;
}

#mensagensTodasMsgs{
	border-top: 1px solid #94A5A5;
	display: flex;
}
#mensagensTodasMsgs div{
	color: #2C97DF;
    margin: 10px auto 10px auto;
    cursor: pointer;
    font-family: MontserratRegular !important;
}
.divMensagensIn-margin-bottom{
	margin-bottom: 95px;
}
#mensagensBuscar{
	height: 95px;
	width: 30%;
	position: absolute;
	bottom: 0px;
	background-color: #ECF0F1;
	margin-left: -5px;
}
#mensagensBuscarIn{
	background-color: #FFF;
    width: 90%;
    margin: 15px auto 0px auto;
    display: flex;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
#mensagensBuscarInDicas{
	font-size: 12px;
    width: 90%;
    margin: auto;
    margin-top: 2px;
}
#mensagensBuscarSqr{
	background-color: #2C97DF;
	width: 10px;
	height: 42px
}
#mensagensBuscarTxt{
	border: none;
    background-color: #FFF;
    width: 100%;
    padding: 12px 15px;
    outline: none;
    font-family: MontserratLight !important;
    font-size: 16px;
    border-radius: 30px;
}
#mensagensBuscarTxt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #94A5A5;
  opacity: 1; /* Firefox */
}

#mensagensBuscarTxt:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #94A5A5;
}

#mensagensBuscarTxt::-ms-input-placeholder { /* Microsoft Edge */
  color: #94A5A5;
}
#mensagensDetalheIn{
	display: flex;
    padding: 10px 25px;
    border-bottom: 1px solid #94A5A5;
}
#mensagensVoltar{
    margin-top: 20px;
    cursor: pointer;
    width: 15px;
}
#mensagensVoltar img{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#mensagensDetalhe{
	display: flex;
	width: calc(100% - 15px);
}
#mensagensDetalheCol1{
	width: 70px;
	margin-left: 15px;
}
#mensagensDetalheCol1 img{
    width: 90%;
    border-radius: 100%;
    height: auto;
    object-fit: cover;
}
#mensagensDetalheCol2{
	width: calc(100% - 85px);
}
#mensagensDetalheLine1{
	font-size: 13px;
    margin-top: 5px;
    font-family: MontserratRegular !important;
    height: 15px;
    overflow: hidden;
}
#mensagensDetalheLine2{
	font-family: MontserratRegular !important;
    font-size: 26px;
    font-weight: bold !important
}
#mensagensDetalheInteracoes{
	padding-left: 25px;
    padding-right: 25px;
}
.mensagensDetalheInteracoesIn{
	display: flex;
	margin-top: 15px;
}
.mensagensDetalheInCol1New{
	width: 70px;
}
.mensagensDetalheInCol1{
	width: 70px;
}
.mensagensDetalheInCol1 img{
	width: 50%;
    border-radius: 100%;
    height: auto;
    max-height: 50%;
    object-fit: cover;
    float: right;
    margin-right: 15px;
}
.mensagensDetalheInCol2New{
	background-color: #FFF;
    border-radius: 30px;
    width: calc(100% - 70px);
    padding: 5px;
}
#mensagensDetalheInNew{
	width: calc(100% - 45px);
    border: none;
    background-color: transparent;
    padding: 10px;
    color: #000;
    font-family: MontserratRegular !important;
    font-size: 14px;
}
.mensagensTextAreaPlaceHolder::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #94A5A5;
  opacity: 1; /* Firefox */
}

.mensagensTextAreaPlaceHolder:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #94A5A5;
}

.mensagensTextAreaPlaceHolder::-ms-input-placeholder { /* Microsoft Edge */
  color: #94A5A5;
}
#mensagensDetalheInNewTag{
	margin-left: 5px;
    background-color: #2C97DF;
    margin-top: 3px;
    padding: 10px;
    color: #FFF;
    border-radius: 100%;
}
.mensagensDetalheInCol2{
	background-color: #FFF;
    border-radius: 10px;
    width: calc(100% - 70px);
    padding: 15px;
}
.mensagensDetalheInForMe{
	background-color: #C2E1F5;
}
.mensagensDetalheInLine1{
	font-family: MontserratLight !important;
    font-size: 11px;
    overflow: hidden;
    height: 16px;
}
.mensagensDetalheInLine2{
	width: calc(100% - 25px);
	color: #000;
	font-family: MontserratRegular !important;
    font-size: 14px;
    margin-top: 3px;
    overflow-x: hidden;
    -webkit-user-select: text;
	-moz-user-select: text;    
	-ms-user-select: text;
	user-select: text;
}
.mensagensDetalheInTxtNaoLido{
	font-weight: bold !important;
}
.mensagensDetalheInLine3{
	cursor: pointer;
	float: right;
	margin-top: -3px;
	font-size: 11px;
}
.mensagensDetalheInLine3IconLido{
	color: #94BBCD;
}
#mensagensNovaMensagem{
	color: #000;
    font-family: MontserratRegular !important;
    font-size: 14px;
}
.mensagensNovaMensagemFields{
	width: 100%;
    padding: 12px 15px;
    margin-bottom: 10px;
    font-family: MontserratRegular !important;
    font-size: 14px;
    border: none;
    border-radius: 30px;
}
#mensagensNovaMensagemLstPara option{
 	font-family: MontserratRegular !important;
    font-size: 14px;
}
#mensagensNovaMensagemLstPara option:first-child{
  color: #94A5A5;
}
#mensagensNovaMensagemBts{
	display: flex;
    text-align: center;
}
#mensagensNovaMensagemSave{
	background-color: #2C97DF;
    padding: 10px 35px;
    color: #FFF;
    border-radius: 30px;
    font-family: MontserratRegular !important;
    width: 130px;
    cursor: pointer;
    /* margin-right: auto; /*pra centralizar */
}
#mensagensNovaMensagemCancel{
    background-color: #9E9E9E;
    padding: 10px 35px;
    color: #FFF;
    border-radius: 30px;
    font-family: MontserratRegular !important;
    cursor: pointer;
    width: 130px;
    margin-right: 10px;
    margin-left: auto;
}

#pagamentosNewMainOut{
	width: 100%;
    height: calc(100% - 0.1px);
    overflow: hidden;
    padding-top: 10px;
    background-color: rgba(0,0,0,0.4) !important;
    padding-bottom: 20px;
}

#pagamentosNewMain{
    width: 98%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#pagamentosNewMainW{
	overflow: auto;
    height: calc(100% - 100px);
    width: 100%;
    background-color: #FFF;
}
#pagamentosNewLine1{
	margin-top: -15px;
}
.pagamentosNewTitle{
	width: 100%;
    height: 28px;
    background-color: rgb(0,10,45);
}
.pagamentosNewIcone{
	padding-top: 70px;
    text-align: center;
}
.pagamentosNewTitleIn{
	padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 40px;
    color: #093669;
    font-weight: bold !important;
    border-bottom: 2px solid #093669;
}
.pagamentosNewW{
	padding-bottom: 10px;
}
.pagamentosNewIn{
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.pagamentosNewTitleSessao{
   font-size: 22px;
    color: #000;
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

#pagamentosNewMsgCC{
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	width: 100%;
}
.pagamentosNewAtraso{
	color: #FF0000 !important;
	font-weight: bold !important;
	font-size: 16px;
    padding-top: 7px;
    text-align: center;
    width: 50%;
}
.pagamentosNewAtrasoCol1{
	margin-left: 20%;
}
.pagamentosNewAtrasoCol2{
	margin-right: 20%;
}
.pagamentosNewAtraso2{
	margin-left: 0px;
	margin-right: 0px;
	width: 30%;
}
.pagamentosNewSessaoIn{
	width: 95%;
	display: flex;
	margin: auto;
	padding: 5px 0px;
}
.pagamentosNewSessaoInCol1 {
    /*font-family: MontserratRegular !important;*/
    width: 30%;
    font-size: 16px;
    padding-top: 7px;
    text-align: center;
    color: #000;
}
.pagamentosNewSessaoInCol2 {
    /*font-family: MontserratRegular !important;*/
    width: 30%;
    font-size: 16px;
    padding-top: 7px;
    text-align: center;
    color: #000;
}
.pagamentosNewSessaoInCol3{
	width: 30%;
    display: flex;
    text-align: center;
}
.pagamentosNewBtnPagar{
	padding: 7px 20px;
    background-color: #FF0000;
    border-radius: 30px;
    color: #FFF !important;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
}
#pagamentosNewTrocarCartao{
	float: right;
    margin-top: -29px;
    font-size: 15px;
    padding: 5px 10px;
    background-color: #d0d0d0;
    border-radius: 8px;
    margin-right: 5px;
    cursor: pointer;
}
#pagamentosNewInCartao{
	display: none;
    background-color: #e4e4e4;
    border-radius: 10px;
}
#cartaoDetalhe{
    width: 95%;
    margin: auto;
    padding: 10px 0px;
}
.rowCartaoDetalheTitle{
	text-align: center;
    font-size: 16px;
    font-weight: bold !important;
    padding: 10px 0px;
}
.labelDetalheCartao{
    font-size: 13px;
    margin: 0px !important;
    margin-left: 3px !important;
    display: block;
}
#txtNomeCartao{
    width: 100%;
    padding: 8px;
    border: none;
    text-transform: uppercase;
    outline: none;
    margin-bottom: 10px;
	margin-top: 5px;
}
.line2CartaoDetalhe, .line3CartaoDetalhe{
	display: flex;
}
#txtNumCartao{
    margin-top: 5px;
    width: 250px;
    padding: 8px;
    margin-bottom: 10px;
    border: none;
    outline: none;
}
.row2CartaoDetalheCPF{
	margin-left: auto;
}
#txtCPFCartao{
    padding: 8px;
    border: none;
    outline: none;
    margin-top: 5px;
}
#lstMesCartao, #lstAnoCartao{
    padding: 8px 30px 8px 10px;
    margin-top: 5px;
    margin-right: 10px;
    border: none;
    outline: none;
}
.row3CartaoDetalheCod{
	margin-left: auto;
}
#txtCodigoSegCartao{
    margin-top: 5px;
    margin-left: 45px;
    width: 80px;
    padding: 8px;
    border: none;
    outline: none;
}
.row4CartaoDetalheBotoes{
	display: flex;
	margin-top: 20px;
	margin-bottom: 10px;
}
#btPagamentosNewPagarCartaoClick{
	padding: 10px 8px;
    background-color: #FF0000;
    font-size: 18px;
    width: 200px;
    text-align: center;
    color: #FFF;
    border-radius: 10px;
    font-weight: bold;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
}
#btPagamentosNewCancelarCartaoClick{
	padding: 10px 8px;
    background-color: #969696;
    font-size: 18px;
    width: 200px;
    text-align: center;
    color: #FFF;
    border-radius: 10px;
    font-weight: bold;
    margin-right: auto;
    cursor: pointer;
}
#lblMsgCartao{
    font-size: 13px;
    color: #f97a1f;
    font-weight: bold;
    display: block;
    margin-top: 6px;
}
.pagamentosNewBtnQuitar{
	padding: 7px 20px;
    background-color: #1cb34b;
    border-radius: 30px;
    color: #FFF !important;
    cursor: pointer;
    margin: 8px auto;
    width: 170px;
    display: block;
    text-align: center;
}
.pagamentosNewBtnAguarde{
	background-color: #cfcfcf;
    padding: 7px 18px;
    border-radius: 30px;
    color: #FFF !important;
    margin-right: auto;
    margin-left: auto;
}
.pagamentosNewBtnNegocieSuaDivida{
	text-align: center;
    font-weight: bold;
    margin: 15px 0px;
}
#pagamentosNewVerMais{
	text-align: center;
    margin-top: 3px;
    font-size: 11px;
    /*font-family: MontserratMedium;*/
    cursor: pointer;
    width: 10%;
    color: #000;
}
#pagamentosNewMaisProximos{
	display: none;
}
.pagamentosNewSessao2In {
    display: flex;
    width: 85%;
    margin: auto;
}
.pagamentosNewSessao2InCols{
	width: 25%;
	/*font-family: MontserratRegular !important;*/
    color: #000;
    padding-bottom: 8px;
    text-align: center;
    font-size: 15px;
}
.pagamentosNewSessao2Title {
    font-size: 14px !important;
    margin-bottom: 5px;
}
.pagamentosNewSessaoInCC{
	width: 90%;
	display: flex;
	margin: auto;
	padding: 1px 0px;
	text-align: center;
}
.pagamentosNewSessaoCCInCol1{
    /*font-family: MontserratRegular !important;*/
    width: 30%;
    font-size: 16px;
    padding-top: 3px;
    color: #000;
    text-align: center;
}
.pagamentosNewSessaoCCInCol2 {
    /*font-family: MontserratRegular !important;*/
    width: 30%;
    font-size: 16px;
    padding-top: 3px;
    color: #000;
    text-align: center;
}
.pagamentosNewSessaoCCInCol3{
	/*font-family: MontserratRegular !important;*/
	width: 30%;
    font-size: 16px;
    padding-top: 3px;
    color: #000;
    text-align: center;
}
#pagamentosNewVerCCMais{
	text-align: center;
    margin-top: -6px;
    font-size: 11px;
    cursor: pointer;
    width: 10%;
    color: #000;
}
#pagamentosNewMaisCCProximos{
	display: none;
}
#divRankingMain{
	/*background-color: #003399;*/
    margin: 10px;
    color: #FFF;
    padding: 20px 20px 10px 20px;
    border-radius: 20px;
}
#rankingTitleTxt{
    font-size: 28px;
    font-weight: bold !important;
    text-align: center;
    padding-bottom: 5px;
}
#rankingTitleFechar{
	margin-top: -38px;
	margin-right: -11px;
    float: right;
    font-size: 26px;
    cursor: pointer;
}
#rankingCharts{
	overflow: hidden;
    display: flex;
}
#rankingChartsIn{
	display: flex;
	margin: auto;
	height: 305px;
	overflow: hidden;
}
.rankingChartsSlick {
    width: 30px;
    margin-top: 100px;
    font-size: 30px;
    cursor: pointer;
}
.rankingIn {
    width: 320px;
    height: 300px;
    margin-top: 15px;
    margin-right: 30px;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    /*background-color: #003399;*/
    border-radius: 30px;
    color: #FFF;
}
.rankingInTitle {
    font-size: 16px;
    font-family: MontserratBold !important;
    height: 36px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 7px 0px;
    text-align: center;
}
.rankingInPos {
    text-align: right;
    font-size: 60px;
    margin-top: 30px;
    font-family: MontserratBold !important;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.rankingInSimbol {
    margin-right: 50px;
    margin-top: -10px;
    margin-left: 5px;
    max-height: 45px;
}
.rankingInSimbolNone{
	display: none;
}
.rankingInVariacao{
	font-size: 32px !important;
    margin-top: -20px !important;
    margin-right: 10px !important;
    letter-spacing: -2px !important;
    color: #FFF212 !important;
}
.rankingInVariacaoPositiva{
	color: #00A859 !important;
}
.rankingInVariacaoNegativa{
	color: #ED3237 !important;
}
.rankingInChart {
    width: 300px;
    height: 150px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
}
.rankingInMore {
    float: right;
    cursor: pointer;
    font-size: 13px;
    margin-right: 25px;
}
.rankingInDicasBtnLeiaMais{
	display: none;
}
.jqplot-target{
	color: #FFF !important;
}
#rankingInDicas, #rankingInDicasBig{
	margin-top: 30px;
	margin-left: auto;
    margin-right: auto;
}
#rankingInDicasTitle{
    font-size: 20px;
    font-family: MontserratBold !important;
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
    color: #FFF;
    /*-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#FFF), to(rgba(255, 255, 255, 0))) 1 0%;
    -webkit-border-image: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    -moz-border-image: -moz-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;  
    -o-border-image: -o-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    border-image: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)) 1 0%;*/
    border-top: none;
    padding-left: 20px;
}
#rankingInDicasTxt{
	padding: 15px 5% 5px 5%;
    font-size: 14px;
    color: #FFF;
    padding-left: 20px;
}
#rankingInDicasBtn{
	text-align: center;
    margin-top: 25px;
    padding-bottom: 25px;
}
#rankingInDicasBtnLeiaMais{
	width: 200px;
    margin: auto;
    padding: 10px 30px;
    background-color: #003399;
    border-radius: 30px;
    cursor: pointer;
    color: #FFF;
    font-family: MontserratBold !important;
    font-size: 16px;
}
#divRankingBigMain{
    margin: 0px 10px;
    color: #FFF;
    height: 555px;
    padding: 20px;
    border-radius: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}
#rankingBigTitle{
	font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}
#rankingBigValidade{
	font-size: 12px;
	width: 85%;
	margin: auto;
}
.rankingBigTxt{
	font-size: 16px;
    width: 85%;
    margin: 10px auto 10px auto;
}
.rankingBigTxtMobile, #rankingBigValidadeMobile{
    display: none;
}
#rankingBigIn{
	width: 85%;
    margin: auto;
    display: flex;
    margin-top: 20px;
}
#rankingBigPos{
	width: 30%;
    height: 300px;
    color: #FFF;
}
#rankingBigInChat{
	width: 70%;
}
.rankingInChartBig {
    height: 300px;
}
#rankingBigBtn{
	width: 85%;
	margin: auto;
}
#rankingBigBtnUF{
	width: 200px;
    margin: auto;
    padding: 10px 30px;
    text-align: center;
    background-color: #2C97DF;
    border-radius: 30px;
    cursor: pointer;
}
.rankingBigPosRow{
	margin-bottom: 5px;
	display: flex;
}
.rankingBigPosCol1, .rankingBigPosCol2{
	text-align: center;
	width: 45%;
}
.rankingBigPosCol12{
	text-align: left;
	width: 10%;
}
.rankingBigPosYouIn{
	position: relative;
    left: -130%;
    display: flex;
}
.rankingBigPosYou{
	font-family: MontserratBold !important;
	font-size: 30px;
}
.rankingPosSimbol {
    height: 15px;
}
.rankingPosVariacao {
    margin: 0px !important;
    font-size: 14px !important;
    font-family: MontserratBold !important;
    line-height: normal !important;
}
.rankingBigPosEtc{
	line-height: 7px;
    margin-top: -5px;
    margin-bottom: 5px;
}
table.jqplot-cursor-legend, table.jqplot-table-legend{
	background-color: transparent !important;
	border: none !important;
	color: #FFF !important;
}
div.jqplot-table-legend-swatch-outline{
	border: none !important;
}
.rankingBigDicasIn{
	display: flex;
	padding: 30px 0px;
	width: 85%;
	margin: auto;
}
.rankingBigDicasCapa{
	width: 355px;
	height: 200px;
}
.rankingBigDicasCapa img, .rankingBigDicasCapa iframe{
	height: 100% !important;
	width: 100% !important;
	max-height: 100%;
	max-width: 100%;
}

.rankingBigDicasTxtUser{
	width: calc(100% - 355px);
	height: 200px;
	padding-left: 30px;
	color: #FFF;
}
.rankingBigDicasTxt {
    width: 100%;
    height: 150px;
    overflow: auto;
    word-wrap: break-word;
}
.rankingBigDicasTxtAll {
    width: 100%;
    height: 130px;
    overflow: auto;
}
.rankingBigDicasTxtAll a, .rankingBigDicasTxt a, #rankingInDicasTxt a {
    color: #FFF;
    text-decoration: underline;
}
.rankingBigDicasTxtAll a:hover, .rankingBigDicasTxt a:hover, #rankingInDicasTxt a:hover {
    color: #FFF;
}
.rankingBigDicasTitleAll{
	font-family: MontserratBold !important;
	height: 20px;
	overflow: hidden;
}
.rankingBigDicasUser {
    display: flex;
}
.rankingBigDicasUserImg img {
    border-radius: 50%;
    margin-right: 8px;
    width: 50px;
    height: 50px;
}
.rankingBigDicasUserNome {
    font-family: MontserratBold !important;
    margin-top: 16px;
    margin-right: 10px;
}
.rankingBigDicasUserSendMsg {
    font-size: 25px;
    color: #2C97DF;
    cursor: pointer;
    margin-top: 8px;
}
.menuLineBoxMain{
	width: calc(100% - 150px);
    margin: 0px auto;
    /*-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#FFF), to(rgba(255, 255, 255, 0))) 1 0%;
    -webkit-border-image: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    -moz-border-image: -moz-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;  
    -o-border-image: -o-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    border-image: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    /*border-top: 1px solid #FFF;*/
}
.menuLineBoxMainTop{
	margin-top: 15px;
    margin-bottom: 15px;
}
.menuLineBoxNoRollTxt{
	color: #FFF;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
.iconeMenuNewBackTxt{
	background-position-y: -376px;
	background-position-x: -56px;
    cursor: pointer;
    width: 15px;
    height: 19px;
    margin: 0px 10px;
}
#menuLineBoxNoRollTxtResult{
	font-size: 15px;
	cursor: pointer;
}
.menuLineBoxMainTopIcon{
	width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0px auto;
}
.menuLineBoxMainTopTitle{
	text-align: center;
    font-size: 24px;
    color: #FFF;
    font-family: MontserratBold !important;
    margin-top: 10px;
}
#menuLineBoxMainTopTitleTxt{
	display: flex;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    font-family: MontserratBold !important;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
.menuLineBoxMainCursor{
	cursor: pointer;
}
.menuLineBoxMainTopTitleTxtMain{
	width: 420px !important;
}
.menuLineBoxNoRoll{
	margin: 10px auto;
    width: calc(100% - 25px);
}
.menuLineItem {
	width: calc(100% - 150px);
	margin: 10px auto;
}
#menuLineItemRecents{
	margin: 100px auto 20px auto;
}
.menuLineItemIn{
	width: 100%;
	margin-top: 10px;
	display: none;
}
.menuLineTitle{
	height: 30px;
    display: flex;
    font-size: 18px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    padding-left: 24px;
    line-height: 15pt;
    letter-spacing: .02em;
    /*-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#FFF), to(rgba(255, 255, 255, 0))) 1 0%;
    -webkit-border-image: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    -moz-border-image: -moz-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;  
    -o-border-image: -o-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    border-image: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)) 1 0%;*/
    border-top: none;
    width: calc(100% - 24px);
    margin-right: auto;
    margin-left: auto;
}
.menuLineTitleCursor{
	cursor: pointer;
}
.menuLineTitleTxt, .menuLineTitleTxtSeparador{
	margin: 0px;
	font-family: MontserratBold !important;
}
.menuLineTitleTxtSeparador{
	margin: 0px 10px;
	font-family: Montserrat !important;
}
.menuLineTitleTxtClick{
	cursor: pointer;
	font-family: Montserrat !important;
}
.menuLineTitleTxtClick:hover{
	text-decoration: underline;
}
.menuLineItemInTxtCount {
    margin-left: 38px;
    float: left;
}
.menuLineItemInTxtCount p{
	font-size: 13px;
    color: #FFF;
}
.menuLineBox{
	display: flex;
    overflow: hidden;
    width: 100%;
}
#menuLineBoxRecents{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.menuLineBoxRoll{
	display: flex;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
.menuLineBoxNoRollIn{
	display: flex;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.menuLineBoxProx{
    position: static;
    margin-left: -47px;
    margin-top: 70px;
    cursor: pointer;
}
.menuLineBoxAnt{
	display: none;
	position: static;
    margin-top: 70px;
    cursor: pointer;
    margin-left: -1325px;
}
.menuLineBoxIn {
    width: 190px;
    margin: 5px;
    cursor: pointer;
    transition: 300ms ease-in-out;
}
.menuLineBoxInImg{
	width: 190px;
    height: 126px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.menuLineBoxInImgCourse{
	background-size: cover;
	/*border-radius: 30px;*/
	background-position: center top;
}
.menuLineBoxInTxt {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    line-height: 20px;
    font-family: Montserrat !important;
    word-break: break-word;
    white-space: pre-wrap;
    margin-top: 10px;
}
.menuLineBoxInTxt span:last-of-type {
    /*font-family: MontserratBold !important;*/
    font-weight: bold;
}
.menuLineBoxIn:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.menuLineBoxInPerc{
    width: 80%;
    height: 2.5px;
    margin: auto;
    margin-top: 10px;
}
.menuLineBoxInPercIn1{
	height: 2.4px;
	width: 100%;
	background-color: #999999;
}
.menuLineBoxInPercIn2{
	height: 3px;
	background-color: #FF0000;
	margin-top: -2.35px;
}
#linesMenuNew {
    top: 30px;
    right: 30px;
    position: fixed;
    z-index: 9999;
    display: flex;
}
#linesMenuNewNome{
	margin-top: 10px;
    margin-right: 30px;
    font-family: MontserratBold !important;
    font-size: 18px;
    color: #FFF;
}
#menuLineBoxMainTopTitleTxtIn{
	font-family: MontserratBold !important;
}
#linesMenuNewThumb{
	border-radius: 100%;
    margin-right: 8px;
    width: 42px !important;
    height: 42px !important;
    cursor: pointer;
}
#linesMenuNew .badge {
    position: absolute;
    right: 38px;
    margin-top: 19px;
    background-color: red;
    color: #FFF;
    z-index: 1;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 100%;
    font-family: MontserratBold !important;
    font-size: 14px;
}
.dropdown-menu-lines-opEsp .badge-in {
    position: relative;
    left: 9px;
    background-color: red;
    color: #FFF;
    z-index: 1;
    padding: 5px 12px;
    border-radius: 100%;
    font-family: MontserratBold !important;
    font-size: 16px;
}
#dropdown-menu-lines{
	top: 80px;
	border-radius: 30px;
}
.iconeMenuAnotacao{
	background-image: url('/sys/images/icon-anotacao.png');
	background-repeat: no-repeat;
	background-position: 2px;
}
.iconeMenuGravacao{
	background-image: url('/sys/images/icon-gravacao.png');
	background-repeat: no-repeat;
}
.iconeSalaReuniao{
	background-image: url('/sys/images/icon-sala-reuniao.png');
	background-repeat: no-repeat;
}
.iconeMenuCertificado{
	background-image: url('/sys/images/icon-certificado.png');
	background-repeat: no-repeat;
	background-position-x: 3px;
    background-position-y: 2px;
}
.iconesMenuNew {
    background-image: url(../../images/iconesMenuNew.png);
    background-repeat: no-repeat;
}
.iconesMenuNewTxt{
	padding-left: 35px;
    height: 30px;
    padding-top: 5px;
    text-transform: initial;
    font-size: 16px;
}
.dropdown-menu-lines-opEsp {
    display: flex;
    padding: 5px 0px !important;
    cursor: pointer;
}
.iconesMenuNewPerfil{
	background-position-y: 0px;
}
.iconesMenuNewMensagem {
    background-position-y: -60px;
}
.iconesMenuNewPagto{
	background-position-y: -180px;
}
.iconesMenuNewSenha{
	background-position-y: -119px;
}
.iconesMenuNewSair{
	background-position-y: -243px;
}
#breadcrumbs{
	height: 80px;
}
#leftMenuNew{
	padding-top: 25px;
	width: 50%;
	overflow: hidden;
	position: fixed;
    z-index: 9999;
}
#menuNewBack{
	display: none;
}
.iconeMenuNewBack{
	background-position-y: -370px;
    cursor: pointer;
    width: 24px;
    height: 30px;
    margin-left: 40px;
}
.leftMenuNewImg{
	height: 30px;
    background-repeat: no-repeat;
    background-position-x: 85px;
    background-size: contain;
}
.leftMenuNewTxt{
	color: #FFF;
    margin-left: 78px;
    font-size: 18px;
    text-transform: capitalize;
    font-family: MontserratBold !important;
    white-space: nowrap;
    margin-top: 5px;
}
.iconesMenuNewProx {
    background-position-y: -304px;
    width: 24px;
    height: 30px;
}
.iconesMenuNewAnt {
    background-position-y: -368px;
    width: 24px;
    height: 30px;
}
.label-menu-new{
	font-family: Montserrat;
	font-size: 10px;
    color: #FFF;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: linear-gradient(to bottom, #000000, #00000000);
    /*border-radius: 28px;*/
    display: none;
}
.menu-new-carreira{
	background-image: url('../../images/icon-carreira.png');
	width: 190px;
    height: 126px;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
}
.label-menu-new-txt{
	display: none;
	float: left;
    margin-top: -50px;
}
.menuLineBoxIn:hover .label-menu-new-txt{
	display: block;
}
.menuLineBoxIn:hover .label-menu-new{
	display: block;
}
.label-menu-new-disp{
	float: right;
	margin-top: 0px;
}
.menu-new-locked{
	background-image: url(../../images/icon-bloq-new.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: 25%;
    cursor: not-allowed;
}
.menu-new-add-login{
	background-image: url(../../images/pagtoOk.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 64px;
    cursor: not-allowed;	
}
.label-menu-new-locked{
	text-align: center;
    width: 100%;
    margin-top: 0px;
}
.label-menu-new-carga-horaria{
	text-align: center;
	margin-top: 0px;
}
#gridArea .actions-table{
	margin-top: -15px;
    height: 80px;
}
#title-grid-current{
	margin-left: 30px;
	display: flex;
	height: 80px;
    padding-top: 10px;
    font-family: MontserratBold !important;
}
#title-form-current{
	margin-left: 30px;
	display: flex;
	height: 80px;
    padding-top: 0px;
    font-family: MontserratBold !important;
}
#button-back-grid, .iconesMenuNewBack{
	background-position-y: -357px;
    cursor: pointer;
    width: 24px;
    height: 48px;
    margin-right: 20px;
}
#title-grid-current span, #title-form-current span {
    font-family: MontserratBold !important;
    padding-top: 5px;
    cursor: pointer;

}
.right{
	display: flex;
	margin-right: 10px;
}
.button-grid-menu {
    text-align: center;
    width: 50px;
    margin-right: 20px;
    cursor: pointer;
}
.button-grid-menu p {
    color: #FFF;
    font-size: 11px;
    margin-bottom: 0px;
}
.iconesMenuNewFC {
    width: 25px;
    height: 25px;
    background-position-y: -684px;
    margin-left: 12px;
}
.iconesMenuNewFiltro {
    width: 25px;
    height: 25px;
    background-position-y: -435px;
    margin-left: 12px;
}
.iconesMenuNewEditar {
    width: 25px;
    height: 25px;
    background-position-y: -498px;
    margin-left: 12px;
}
.iconesMenuNewNovo {
    width: 25px;
    height: 25px;
    background-position-y: -558px;
    margin-left: 12px;
}
.iconesMenuNewExcluir {
    width: 25px;
    height: 25px;
    background-position-y: -621px;
    margin-left: 12px;
}
.iconesMenuNewOp {
    width: 25px;
    height: 25px;
    background-position-y: -747px;
    margin-left: 12px;
}
.button-grid-menu-inf{
	margin-right: 20px;
    cursor: pointer;	
}
.iconesMenuNewFCInf {
    width: 18px;
    height: 20px;
    background-position-y: -685px;
    background-position-x: -52px;
}
.iconesMenuNewFiltroInf {
    width: 18px;
    height: 20px;
    background-position-y: -310px;
    background-position-x: -51px;
}
.iconesMenuNewEditarInf {
    width: 18px;
    height: 20px;
    background-position-y: -498px;
    background-position-x: -107px;
}
.iconesMenuNewNovoInf {
    width: 18px;
    height: 20px;
    background-position-y: -310px;
    background-position-x: -107px;
}
.iconesMenuNewExcluirInf {
    width: 18px;
    height: 20px;
    background-position-y: -622px;
    background-position-x: -107px;
}
.iconesMenuNewOpInf {
    width: 18px;
    height: 20px;
    background-position-y: -748px;
    background-position-x: -107px;
}
.iconesMenuNewMaxInf {
    width: 18px;
    height: 20px;
    background-position-y: -810px;
    background-position-x: -107px;
}
#divBotoesSubGrid{
	background-color: transparent;
}
.title-vertical-subgrid{
	display: flex;
}
.iconesMenuNewFechar{
	width: 13px;
    height: 13px;
    background-position-y: -994px;
    background-position-x: -54px;
    cursor: pointer;
    margin-top: 5px;
}
.iconesMenuNewFecharOp{
	width: 13px;
    height: 13px;
    background-position-y: -994px;
    background-position-x: -54px;
    cursor: pointer;
    margin-top: -19px;
}
.button-grid-menu-inf-in{
	margin-right: 5px;
    cursor: pointer;	
}
#formGridArea{
	margin-top: 15px;
	display: grid !important;
}
#formGridArea .actions-table {
    margin-top: -20px;
    height: 80px;
}
.iconesMenuNewBack{
	background-position-y: -357px;
    cursor: pointer;
    width: 24px;
    height: 48px;
    margin-right: 20px;
}
#btCancelarForm p, #btSalvarForm p{
	color: #FFF;
    font-family: Montserrat;
    font-size: 11px;
    margin-bottom: 0px;
}
#btCancelarForm, #btSalvarForm{
    width: 50px;
    text-align: center;
    cursor: pointer;
}
.iconesMenuNewVoltar{
	width: 25px;
    height: 25px;
    background-position-y: -927px;
    margin-left: 12px;
}
.iconesMenuNewSalvar{
	width: 25px;
    height: 25px;
    background-position-y: -868px;
    margin-left: 12px;
}
.iconesMenuNewSalvarInf{
	width: 18px;
    height: 20px;
    background-position-y: -871px;
    background-position-x: -52px;
}
.btSalvarFormInf{
	width: 20px !important;
}
.filtroAplicadoB{
	font-size: 10px !important;
	font-style: italic !important;
	max-width: 100%;
	height: 18px;
	overflow: hidden;
	color: #FFF;
	margin-top: 1px;
	padding-right: 1px;
	animation: piscar 1s infinite;
}
@keyframes piscar {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.filtroAplicado {
    top: 57px;
    left: 95px;
    font-size: 11px !important;
    width: 300px;
}
.menu-new-principal-curso-concluído{
	width: 60px;
	height: 22px;
	overflow: hidden;
	float: left;
}
.menu-new-principal-curso-concluído p {
    padding-left: 25px;
    background-position-y: -1058px;
    background-position-x: -51px;
    height: 22px;
    margin: 0px;
    color: #FFF;
    font-size: 13px;
}
#div-nome-curso-new-nome{
	font-size: 36px;
    width: 100%;
    text-align: center;
    color: #FFF;
    padding-top: 110px;
    margin-bottom: 10px;
    font-family: MontserratBold !important;
}
#div-curso-next-new {
    width: 600px;
    margin: auto;
    display: flex;
    color: #FFF;
}
#div-curso-next-ch{
	font-size: 13px;
	color: #FFF;
	margin-right: 40px;
	margin-left: auto;
}
#div-curso-next-ch b{
	font-family: MontserratBold !important;
}
#divMenuCursosNewInfProxCurso{
	cursor: pointer;
	width: 110px;
}
#div-menu-cursos-prox-passo-txt {
    margin-top: 0px !important;
    display: flex;
    white-space: nowrap;
}
#div-menu-cursos-prox-passo-txt-matricula-se{
	background-color: #009933;
    border-radius: 30px;
    padding: 5px 25px;
    margin-top: -5px;
    font-weight: bold;
}
#img-curso-new-add-curso {
    width: 30px;
    height: 30px;
    background-position-y: -555px;
    background-position-x: -102px;
    margin-top: -6px;
    margin-left: 10px;
}
#div-menu-cursos-prox-passo-txt-1{
	font-size: 13px !important;
	color: #FFF;
	font-weight: bold !important;
}
#img-curso-new-certificado {
    height: 40px;
    width: auto;
    margin-top: -10px;
}
#div-menu-cursos-prox-passo-txt-2{
	font-size: 12px !important;	
}
#div-menu-cursos-add-curso{
	margin-right: auto;
	cursor: pointer;
}
.div-menu-cursos-new-obj-in{
	margin-top: 0px;
	margin-bottom: 15px;
}
.leftMenuNewImgBackMenu{
	cursor: pointer;
	margin-top: -30px;
}
#conteudo-principal {
    background-color: rgba(0,0,0,0.4) !important;
}
.bar_container{
	width: 30px;
    height: 30px;
    margin-top: -7px;
    margin-left: 85px;
    margin-right: auto;
}
/* Pie Chart */
.progress-pie-chart {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #FFF;
position: relative;
}
.progress-pie-chart.gt-50 {
background-color: #FF0000;
}
.ppc-progress {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
height: 30px;
clip: rect(0, 30px, 30px, 15px);
}
.ppc-progress .ppc-progress-fill {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
height: 30px;
clip: rect(0, 15px, 30px, 0);
background: #FF0000;
transform: rotate(60deg);
}
.gt-50 .ppc-progress {
clip: rect(0, 15px, 30px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
clip: rect(0, 30px, 30px, 15px);
background: #FFF;
}
.ppc-percents {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 20px/2);
top: calc(50% - 20px/2);
width: 20px;
height: 20px;
text-align: center;
display: table;
}
.ppc-percents span {
display: block;
font-size: 13px;
color: #FFF;
margin-left: -65px;
}
.pcc-percents-wrapper {
display: table-cell;
vertical-align: middle;
}
.progress-pie-charta {
margin: 12.5px auto 0;
}
/* Fim Pie Chart */

#div-menu-cursos-new-conteudo{
	width: calc(100% - 150px); /*mudar também em calcWidthDesc em defHeightConteudo() em template.js */
	padding-right: 100px;
}
.div-menu-cursos-new-inf-3{
	width: 45px;
}
.div-menu-cursos-new-inf-2 {
    margin-right: auto;
}
.div-menu-cursos-new-inf-obj-nota, .div-menu-cursos-new-inf-modulo-nota{
	color: #33CC33;
	text-align: left;
}
.div-menu-cursos-new-inf-modulo-nota {
    margin-top: 4px;
}
.div-menu-cursos-new-inf-obj-nota{
	width: 40px;
	height: 17px;
	margin-top: 3px;
}
.div-menu-cursos-new-inf-fav{
    width: 15px;
    height: 14px;
    margin-top: 2px;
    cursor: pointer;
    background-size: 15px;
    margin-left: 5px;
}
.div-menu-cursos-new-inf-msg{
    cursor: pointer;
    margin-left: 5px;
}
.linesMenuNewFavoritosShow{
	background-image: url(../../images/favoritoYes.png);
	cursor: pointer;
}
.linesMenuNewFavoritos{
    width: 25px;
    height: 20px;
    background-size: 20px;
    position: relative;
    left: 46px;
    background-repeat: no-repeat;
}
.div-menu-cursos-new-inf-fav-no{
	background-image: url(../../images/favoritoNo.png);
}
.div-menu-cursos-new-inf-fav-yes{
	background-image: url(../../images/favoritoYes.png);
}
.div-menu-cursos-new-inf-fav-efeito1{
	-webkit-transition: -webkit-transform 0.5s ease-in;
	-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.div-menu-cursos-new-inf-fav-efeito2{
	-webkit-transition: -webkit-transform 0.5s ease-in;
	-moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.div-menu-cursos-new-inf-modulo-title{
	font-size: 24px;
	cursor: pointer;
    font-family: MontserratBold !important;
    display: flex;
}
.div-menu-cursos-new-inf-modulo-desc {
    padding-bottom: 10px;
    cursor: pointer;
    line-height: 18px;
}
.div-menu-cursos-new-inf-1{
	width: 240px;
	cursor: pointer;
	margin-right: 0px;
}
.div-menu-cursos-new-inf-1-numAula {
    color: #B3B3B3;
    font-family: MontserratBold !important;
    font-size: 50px;
    margin-top: -10px;
}
.div-menu-cursos-new-inf-obj-txts {
    width: calc(100% - 36px);
    margin-left: 7px;
}
.div-menu-cursos-new-inf-obj-in {
    margin-left: 5px;
}
.div-menu-cursos-new-inf-obj-title {
	font-size: 16px;
    font-family: MontserratBold !important;
    display: flex;
}
.img-menu-cursos-new-inf-1-obj {
    height: 23px;
    width: 23px;
    margin-top: -2px;
}
.img-menu-cursos-new-inf-1-bloq{
	margin-right: 15px;	
	margin-top: -25px;
	width: 15px;
	height: auto;
}
#img-curso-new-continuar {
    width: 33px;
    height: 33px;
    background-position-y: -1185px;
    margin-top: -6px;
    margin-left: 5px;
}
.div-menu-cursos-aula-inativa-numAula{
	color: #e2e2e2;
}
.div-menu-cursos-aula-inativa-txts{
	color: #b3b3b3;
}
.div-menu-cursos-aula-inativa-border{
	border-bottom-color: #b3b3b3;
}

.div-menu-cursos-aula-inativa-image{
	filter: opacity(0.3);
}
.div-menu-cursos-aula-inativa-image-add{
	filter: brightness(0.7) !important;
}
#viewAddCurso {
    display: flex;
    color: #FFF;
    text-align: center;
    overflow: auto;
}
.menuLineBoxAddCurso{
	/*overflow: auto;*/
}
#titleAddCurso{
	/*text-transform: uppercase;
    font-family: MontserratBold !important;*/
    width: 500px;
    margin: auto;
    overflow: hidden;
}
#titleAddCursoTxt{
	text-align: center;
    font-size: 24px;
    color: #FFF;
    font-family: MontserratBold !important;
    margin-bottom: 15px;
}
#txtCursoAdd{
	padding: 5px 20px;
	background-color: transparent;
	width: 100%;
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	border: 2px solid #FFF;
	font-family: Montserrat;
}
#selAreasAddCurso{
	display: none;
}
#txtCursoAdd:focus{
	outline: none !important;
}
#txtCursoAdd::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

#txtCursoAdd:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

#txtCursoAdd::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}
#areasAddCurso{
	width: 949px;
    margin: auto;
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
    line-height: 30px;
    color: #000;
}
.areasAddCursoIn, .areasAddCursoInFiltro{
	padding: 1px 18px;
    background-color: #d8d8d8;
    margin: 5px;
    white-space: nowrap;
    display: inline-block;
    font-weight: bold !important;
    cursor: pointer;
    border-radius: 30px;
    font-size: 13px;
}
#cursosAddCurso{
	line-height: 15pt;
    letter-spacing: .02em;
    display: none;
}
#cursosAddCursoResultBusca{
	font-family: MontserratBold !important;
    font-size: 18px;
    margin-top: -15px;
}
.cursoAddSearch{
	position: relative;
    right: 8px;
    top: -27px;
    cursor: pointer;
    float: right;
}
.areasAddCursoInFiltroSel{
	background-color: #FFF;
	background-image: url(../../images/icon-close.png);
    background-repeat: no-repeat;
    background-position-y: 13px;
    background-position-x: 8px;
}
.linesMenuNewBusca{
	display: flex;
	position: relative;
	top: -11px;
}
.linesMenuNewBuscaCem{
    width: 100%;
}
.linesMenuNewBuscaAtiva{
	width: 500px;
	display: flex;
	margin: 20px auto 40px auto;
	padding: 5px 15px;
	border-radius: 30px;
	border: 2px solid #FFF;
}
.linesMenuNewBuscaIcon{
	cursor: pointer;
	margin-left: 3px;
	left: 25px;
    position: relative;
}
.linesMenuNewBuscaIconCem{
	margin-top: 5px;
}
#linesMenuNewBuscaTxt{
	background-color: transparent;
    width: 100%;
    color: #FFF;
    font-size: 14px;
    border: none;
    font-family: Montserrat;
    text-align: center;
}
#linesMenuNewBuscaTxt:focus{
	border: none !important;
	outline: none !important;
}
#linesMenuNewBuscaTxt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

#linesMenuNewBuscaTxt:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

#linesMenuNewBuscaTxt::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}
#conteudoBusca{
	padding-bottom: 20px;
	width: calc(100% - 150px);
	margin: 0px auto;
}
#conteudoBuscaNot {
    overflow: auto;
    padding-left: 15%;
    padding-right: 15%;
}
#conteudoBuscaTitle {
    margin: 30px 50px;
    color: #FFF;
    font-family: MontserratBold !important;
    font-size: 30px;
    text-align: center;
}
.conteudoBuscaCursoNot {
    width: calc(100% - 100px);
    margin: auto;
}
.conteudoBuscaTitleCurso {
    color: #FFF;
    font-family: MontserratBold !important;
    font-size: 18px;
    margin-top: 40px;
    cursor: pointer;
    /*-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#FFF), to(rgba(255, 255, 255, 0))) 1 0%;
    -webkit-border-image: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    -moz-border-image: -moz-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    -o-border-image: -o-linear-gradient(right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    border-image: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)) 1 0%;
    border-top: none;*/
}
.conteudoBuscaTitleCursoCount{
	margin-top: -3px;
    color: #FFF;
    font-size: 13px;
}
.conteudoBuscaAula{
	cursor: pointer;
}
.conteudoBuscaTitleAula {
    font-size: 16px;
    color: #FFF;
    padding: 0px 24px;
    font-family: MontserratBold !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.conteudoBuscaDescAula {
    color: #FFF;
    padding: 0px 24px;
}
#menuFabrica{
	overflow: auto;
}
#menuFabricaTop{
	text-align: center;
	margin-top: 10px;
}
#imgFabricaIcon{
	width: 190px;
    height: auto;
}
#menuFabricaTitle {
    font-size: 24px;
    color: #FFF;
    font-family: MontserratBold;
    margin-top: 10px;
}
.menuLineBoxInCursoAdd {
    width: 150px;
    display: flex;
    margin: 10px auto !important;
}
.menuLineTitleTxtFabrica{
	display: flex;
}
#menuFabricaBusca{
	margin-top: -3px;
	margin-left: 10px;
	display: flex;
}
#txtFabricaBusca{
	padding: 0px 20px;
    background-color: rgba(0,0,0,0.8);
    width: 300px;
    border-radius: 30px;
    font-size: 16px;
    border: none;
    margin-right: 10px;
    margin-top: -3px;
    height: 30px;
    color: #FFF;
    display: none;
}
#txtFabricaBusca:focus{
	border: none !important;
	outline: none !important;
}
#txtFabricaBusca::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}
#txtFabricaBusca:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}
#txtFabricaBusca::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}
.iconFabricaBusca {
    margin-left: 0px;
    cursor: pointer;
}
.label-menu-new-icons{
	display: flex;
    position: relative;
    float: right;
    top: 75px;
}
.label-menu-new-icons p {
    color: #FFF;
    font-size: 10px;
}
.menuCursosIconsDel{
	margin-left: 10px;
}
.menuCursosIconsEdit{
	margin-left: 8px;
}
.div-curso-next-add-aula{
	margin: auto;
    display: flex;
    cursor: pointer;
}
#div-curso-next-add-aula-txt{
	color: #FFF;
}
#div-curso-next-add-aula-img{
	width: 30px;
    height: 30px;
    background-position-y: -555px;
    background-position-x: -102px;
    margin-top: -5px;
    margin-left: 5px;
}
.label-menu-new-icons-in{
	display: none;
	margin-left: 5px;
	margin-top: 2px;
}
.div-menu-cursos-new-inf-modulo-title:hover .label-menu-new-icons-in{
	display: flex;
}
.label-menu-new-icons-in-obj{
	display: none;
	margin-left: 5px;
	margin-top: -2px;
}
.divCursoAddAula:hover .label-menu-new-icons-in-obj{
	display: flex;
}
.menuNewConstrutorIn{
	filter: invert( 100% );
	margin-left: 0px;
}
.div-curso-add-obj-img{
	width: 24px;
    height: 26px;
    background-position-y: -557px;
    margin-top: -4px;
    filter: invert( 100% );
}
.divCursoRObjsC{
	display: block;
}
.divCursoAddAula{
	cursor: pointer;
}
.frameExercicio{
	top: 100px;
    height: calc(100% - 100px - 2%);
    position: relative;
    width: 98%;
    margin-left: 1%;
}
#btnPqAntecipacao{
	color: #2980b9;
    cursor: pointer;
    border: 1px solid #2980b9;
    border-radius: 100px;
    padding: 0px 5px;
}
.msgPqAntecipacao{
	position: absolute;
    top: 0;
    left: 0;
    padding: 7%;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    border-radius: 30px;
}
.msgPqAntecipacaoIn{
	background-color: #FFF;
    color: #000;
    padding: 25px;
    border-radius: 30px;
    text-align: left;
    font-size: 15px;
    height: 100%;
    width: 100%;
}
#btnRemoveMsgPqAntecipacao{
	margin: auto;
    width: 130px;
    display: block;
}
#divTirarFoto{
	position: relative;
	background-color: rgba(0,0,0,0.8);
    z-index: 9999999;
    padding-top: 200px;
}
.menuAgendaTxt{
	font-size: 14px;
    margin-top: 8px;
}
.conteudoAgenda1 {
    color: #FFF;
    margin-bottom: 30px;
    margin-top: 20px;
}
.conteudoAgendaTitle1{
    margin-top: 5px;
    padding: 5px;
    display: flex;
    cursor: pointer;
}
.agendaMarcadorAoVivo{
	background-color: #E31E25;
}
.agendaMarcadorHoje, .agendaBarHoje{
	background-color: #009847;
}
.agendaMarcador7Dias, .agendaBar7Dias{
	background-color: #EF7F1A;
}
.agendaMarcadorAdiante, .agendaBarMaisAdiante{
	background-color: #00A0E3;
}
.agendaMarcadorEmAndamento{
	background-color: #8e44ad;
}
.agendaMarcador{
	border-radius: 50%;
    height: 45px;
    width: 45px;
    border: none;
    margin: -15px 15px 0px 0px;
    background-repeat: no-repeat;
    background-position: center;
}
.agendaSetaClose{
	background-image: url('../../images/arrow_right.png');
}
.agendaSetaOpen{
	background-image: url('../../images/arrow_down.png');
}
.conteudoAgendaTitle1Txt {
    font-size: 24px;
    font-family: MontserratBold !important;
    margin-top: -2px;
}
.conteudoAgenda2 {
    margin-left: 80px;
    margin-bottom: 25px;
}
.conteudoAgenda3 {
    margin-bottom: 15px;
}
.conteudoAgenda4 {
    margin-left: 5px;
    display: flex;
    margin-bottom: 15px;
}
.conteudoAgendaTitle2 {
    font-size: 20px;
    font-family: MontserratBold !important;
    padding: 5px;
    margin-bottom: 5px;
}
.conteudoAgendaTitle3 {
    font-size: 18px;
    padding: 5px;
    margin-bottom: 5px;
}
.conteudoAgendaTitle4 {
	font-size: 18px;
    padding: 5px;
    cursor: pointer;
    line-height: 25px;
}
.conteudoAgendaTitleImg {
    width: 23px;
    height: 23px;
    margin-top: 3px;
    filter: invert(100%);
}
.conteudoAgendaTitle4In {
    font-size: 15px;
    margin-top: 5px;
}
.conteudoAgendaTitle4InImg{
    margin-right: 8px;
    margin-top: -2px;
    width: 18px;
    height: 18px;
}
.conteudoAgendaTitle4InImgEnd{
	margin-left: 15px;
}
.conteudoAgendaTitle4Bar {
    width: 100%;
    margin-top: 8px;
}
.conteudoAgendaTitle4BarBack {
    width: 100%;
    height: 6px;
    background-color: rgba(0,0,0,0.5);
}
.conteudoAgendaTitle4BarPropor {
    height: 6px;
    margin-top: -6px;
}
.zoomTxtIn{
	-webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -ms-transform: scale(1.15, 1.15);
  /* IE 9 */
  -webkit-transform: scale(1.15, 1.15);
  /* Safari */
  transform: scale(1.15, 1.15);
	transition: transform 1.3s ease-in-out;
}
.zoomTxtOut{
	-webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -ms-transform: scale(1, 1);
  /* IE 9 */
  -webkit-transform: scale(1, 1);
  /* Safari */
  transform: scale(1, 1);
	transition: transform 1.3s ease-in-out;
}
.butonEdicaoHTMLAvancado{
	padding: 1px;
    background-color: #cfcfcf;
    border-radius: 30px;
    cursor: pointer;
    max-width: 180px;
    text-align: center;
}
.butonEdicaoHTMLAvancado:hover{
	background-color: #e0e0e0;
}
.butonEdicaoHTMLAvancadoDes{
	padding: 1;
    background-color: #cfcfcf;
    border-radius: 30px;
    cursor: not-allowed;
    max-width: 220px;
    text-align: center;
}
.butonEdicaoHTMLAvancadoForm{
	padding: 5px 20px;
    max-width: none;
}
#viewAddCursoOptativo{
	overflow: auto;
}
.menuLineBoxNoRollTxtAddOptativo{
	font-size: 18px;
    margin-top: -8px;
}
.menuLineBoxNoRollTxtAddOptativo ii{
	background-color: #FF0000;
    border-radius: 100%;
    padding: 5px 11px;
}

.menuLineBoxNoRollTxtAddOptativo b{
	font-family: MontserratBold;
}
#divListaChamadaIn{
	padding: 0px 10px;
	margin-bottom: 80px;
}
#listaChamadaNovaPresenca{
	padding: 5% 3%;
	border-bottom: 1px solid #94A5A5;
}
#listaChamadaNovaPresenca1{
	font-family: 'MontserratBold';
    font-size: 18px;
}
#listaChamadaNovaPresenca2{
	font-size: 17px;
    margin: 7px 0px 15px 0px;
}
#listaChamadaNovaPresenca3{
	display: flex;
}
#listaChamadaToken{
	border: none;
    padding: 10px;
    width: 60%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
}
#listaChamadaToken:focus{
	box-shadow: 0 0 0 0 !important;
	outline: 0 !important;
}
#btnListaChamadaToken{
	cursor: pointer;
	padding: 10px;
    background-color: #2C97DF;
    color: #FFF;
    width: 40%;
    font-family: 'MontserratBold';
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
}
.listaChamadaRow{
	padding: 4% 3%;
	border-bottom: 1px solid #94A5A5;
}
.listaChamadaRow1{
	display: flex;
	cursor: pointer;
}
.listaChamadaRow1Col1{
	width: calc(100% - 15px);
	margin-bottom: 12px;
}
.listaChamadaRow1Datas{
	display: flex;
    font-size: 14px;
    margin-bottom: 8px;
}
.listaChamadaRow1Data{
    font-family: 'MontserratBold' !important;
}
.listaChamadaRow1Hora{
	margin-left: 4px;
}
.listaChamadaRow1Disciplina{
	font-family: 'MontserratBold' !important;
    font-size: 18px;
    margin-bottom: 5px;
    width: 98%;
}
.listaChamadaRow1Aula{
	font-size: 16px;
    width: 98%;
}
.listaChamadaRow1Col2{
	margin-top: 25px;
}
.listaChamadaRow2{
	display: flex;
}
.listaChamadaRow2Col1{
	width: 40%;
}
.listaChamadaRow2Prof{
	font-size: 11px;
    overflow: hidden;
    height: 29px;
}
.listaChamadaFotoProfessor{
	width: 29px;
    border-radius: 100%;
    margin-right: 5px;
}
.listaChamadaRow2Col2{
	width: 20%;
	text-align: center;
}
.listaChamadaPresenca{
	height: 28px;
	max-width: inherit !important;
}
.listaChamadaRow2Col3{
	width: 40%;
	font-size: 10px;
}
.listaChamadaGostou{
	width: 120px;
	float: right;
}
.listaChamadaEstrelasIn{
	width: 21px;
	height: 20px;
	margin-right: 3px;
	background-size: contain;
}
.listaChamadaEstrelas{
	display: flex;
	cursor: pointer;
	width: 120px;
	float: right;
}
.listaChamadaEstrelasFull{
	background-image: url('/sys/images/favoritoYes.png');
}
.listaChamadaEstrelasEmpty{
	background-image: url('/sys/images/favoritoNo.png');
}
#listaChamadaVejaMais{
	font-family: 'MontserratBold' !important;
    text-align: center;
    margin: 10px 0px;
    cursor: pointer;
}
#divListaChamadaInDetalhe{
	padding: 0px 10px;
}
.listaChamadaInDetalheRow1{
	display: flex;
	border-bottom: 1px solid #94A5A5;
}
.listaChamadaInDetalheCol1{
	width: 40px;
    padding-top: 40px;
    cursor: pointer;
}
.listaChamadaInDetalheVoltar{
	transform: scaleX(-1);
}
.listaChamadaInDetalheCol2{
	width: calc(100% - 60px);
}
.listaChamadaInDetalheProf{
	font-size: 11px;
    overflow: hidden;
    height: 40px;
}
.listaChamadaInDetalheDatas{
	display: flex;
    font-size: 14px;
    margin-bottom: 8px;
}
.listaChamadaInDetalheDisciplina{
	font-family: 'MontserratBold' !important;
    font-size: 18px;
    margin-bottom: 5px;
}
.listaChamadaInDetalheAula{
    font-size: 16px;
}
.listaChamadaInDetalheDescAula{
	font-size: 15px;
	margin: 15px 0px;
}
.listaChamadaInDetalheNotaPresenca{
	padding-bottom: 20px;
}
.listaChamadaInDetalheNota{
	width: 130px;
    font-size: 10px;
    float: right;
    margin-top: -30px;
}
.listaChamadaInDetalheRow2{
	display: flex;
}
.listaChamadaInDetalheRow2Col1{
	width: 40px;
}
.listaChamadaInDetalheConteudoProfessor{
	font-size: 15px;
    margin: 15px 0px;
    font-style: italic !important;
}
.listaChamadaInDetalheMaterialApoio{
	font-size: 11px;
    float: right;
    cursor: pointer;
}
.listaChamadaInDetalheMaterialApoio img{
	margin-left: 5px;
    height: 35px;
}
.btnListaChamadaTokenLoader {
    background: url(../../images/loader_16x16.gif);
    background-repeat: no-repeat;
    background-position: 90%;
    cursor: not-allowed !important;
    color: #777 !important;
}
#listaChamadaBuscar{
	height: 80px;
    width: 30%;
    position: absolute;
    bottom: 0px;
    background-color: #ECF0F1;
    margin-left: -15px;
}
#listaChamadaBuscarIn{
    width: 195px;
    height: 45px;
    margin: 20px auto;
    cursor: pointer;
    display: block;
}
#divListaChamadaBuscaIn{
	padding: 10px;
}
.listaChamadaBuscaInTitle{
	font-family: 'MontserratBold' !important;
    font-size: 20px;
    padding: 10px 0px;
    text-align: center;
	border-bottom: 1px solid #94A5A5;
    margin-bottom: 20px;
}
.listaChamadaBuscaInRow {
    display: flex;
    height: 50px;
    padding: 0px 3%;
}
.listaChamadaBuscaInRow label{
	font-weight: bold !important;
	margin-top: 10px !important;
}
.listaChamadaBuscaInRow input{
	height: 40px;
	padding: 10px;
	border: none;
}
.listaChamadaBuscaInRow select{
	height: 40px;
	padding: 0px 5px;
	border: none;
}
.listaChamadaBuscaInRow input:focus{
	box-shadow: 0 0 0 0 !important;
	outline: 0 !important;
}
.listaChamadaBuscaInRow select:focus{
	box-shadow: 0 0 0 0 !important;
	outline: 0 !important;
}
#listaChamadaBuscarData{
	margin-left: 42px;
	width: 160px;
}
#listaChamadaBuscarHora{
	margin-left: 42px;
	width: 160px;
}
#listaChamadaBuscarMes{
	margin-left: 47px;
	width: 160px;
}
#listaChamadaBuscarTxtDisciplina{
	margin-left: 7px;
	width: 85%;
}
#listaChamadaBuscarTxtAula{
	margin-left: 45px;
	width: 85%;
}
#listaChamadaBuscarPF{
	margin-left: 53px;
	width: 85%;	
}
#listaChamadaBuscarProfessor{
	margin-left: 11px;
	width: 85%;		
}
#listaChamadaBuscarTxtConteudo{
	margin-left: 6px;
	width: 85%;		
}
#listaChamadaBuscaInButtons{
	margin-top: 5px;
    text-align: center;
}
#btListaChamadaBuscaInClick{
	margin-left: 10px;
}
#listaChamadaBuscaInButtons button{
	padding: 10px 35px !important;
    font-weight: bold !important;
}
#listaChamadaBuscarAtivado{
	padding: 5% 3%;
    border-bottom: 1px solid #94A5A5;
}
#listaChamadaBuscarAtivadoIn1{
	font-family: 'MontserratBold' !important;
    font-size: 16px;
}
#listaChamadaBuscarAtivadoIn2{
	float: right;
    margin-top: -18px;
    font-size: 12px;
    cursor: pointer;
}
#listaChamadaBuscarAtivadoIn2:hover{
	text-decoration: underline !important;
}
#listaChamadaPesquisaVazia{
	padding: 3%;
    font-style: italic;
}
.iconesMenuListaPresenca {
    background-image: url('/sys/images/icon-lista-presenca.png');
    background-repeat: no-repeat;
}
#modalConteudoExterno{
	width: 70%;
    height: 70%;
    margin: 5% auto;
}
#fecharConteudoExterno{
	width: calc(100% - 2px);
    text-align: right;
    color: #FFF;
    padding-bottom: 5px;
    cursor: pointer;
}
.iframeConteudoExterno{
	border: 0;
    display: block;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#accessibilityBar {
    left: -196px !important;
    right: auto !important;
    transform: translate(46px, 67px) !important;
    border-radius: 8px !important;
    width: 150px !important;
}
#accessibilityBar.active {
    transform: translate(196px, 67px) !important;
}

#accessibilityBar button#universalAccessBtn {
    right: -87px !important;
}
#accessibilityBar button#universalAccessBtn span {
	left: 105% !important;
    width: 120px !important;
    text-align: left !important;
    font-size: 12px !important;
    right: auto !important;
}
#accessibilityBar button#universalAccessBtn.collapsed span {
    width: 0px !important;
	display: none !important;
}
#accessibilityBar button.setAccessibility {
    width: calc(100% - 10px) !important;
}
#divCRTAluno{
	width: 100%;
	height: 100%;
    position: fixed;
    top: 0px;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.8);
}
#divCRTAlunoIn{
	width: 600px;
	max-width: 80%;
	background-color: #FFF;
	margin: auto;
	border-radius: 20px;
    margin-top: 15%;
    padding: 30px;
    text-align: center;
    color: #000;
}

#divCRTAlunoIn a{
	color: #000;
	text-decoration: underline;
}
#divCRTAlunoIn b{
	font-family: 'MontserratBold' !important;
    font-size: 20px;
}

#checkCRT{
	cursor: pointer;
}