@CHARSET "UTF-8";

/*
Class for special Select
*/
.specialSelectAddOption {
	padding: 0px !important;
}

.specialSelectAddOption .text {
	padding: 0px !important;
	margin: 0px !important;
	width: 100%;
}

.specialSelectAddButton {
	width: 100%;
	height: 100%;
	border: 0px transparent;
	background-color: transparent;
	text-align: inherit;
	padding: 0px 20px !important;
}

main section.lista-thumb .info a.titulo, main section.lista-thumb .rowlistahorizontal .info a.titulo
	{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

main section.lista-thumb .rowlistahorizontal .info p.description {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.player-area, .audio-area {
	padding: 0 !important;
}

.player-area .container, .audio-area .container {
	padding: 0 !important;
	margin: 0 !important;
}

.player-area .playlist, .audio-area .playlist {
	margin: 0 !important;
}

@media ( max-width : 576px) {
	.player-area .container {
		padding: 0;
	}
}

.player-area [id$="player"] p.waiting-message {
	margin-bottom: 15px;
}

#nasNuvens {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	padding-left: .75rem;
	padding-right: .75rem;
	padding-top: .5rem;
}

.invalid-feedback {
	font-size: 14px;
}
 
.easy-autocomplete {
	flex: 1;
	z-index: 4;
}

.easy-autocomplete .form-control {
	height: 100% !important;
}

main section.lista-thumb .loading, #loadMore.loading {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
}

main.login header.head .logo-eduplay, main.login header.head .logo-nasnuvens{
	cursor: pointer;	
} 

main.login section.box-login article .btn-bar button.btn.btn-federated,
main.login section.box-login article .btn-bar button.btn.btn-authorize-oauth{
	margin-right: 20px;
}

main.login section.box-login article .btn-bar button.btn.btn-authorize-oauth-deny {
	background-color: #f8d7da;
	color: #721c24;
}

main.login section.box-login .form-control.input-disabled{
	background-color: #ced4da;
}

main.login section.box-login select.select-search.select-instituicao.is-invalid{
	border-color: #dc3545;
}

#eac-container-SelectAlterarModerador.easy-autocomplete-container ul li{
	border-style: none;
	font-size: 16px;
	padding: 5px 20px;
}

.thumb a > img{
	object-fit: fill;
}

.thumb{
	background-color: #666;
}

.thumb a picture.background::before {
	opacity: 0.5;
}

main aside.inst header picture.useravatar img{
	object-fit: fill;
}

.styled-checkbox + label::before {
	min-width: 27px;
}

label.btn-link{
	cursor: pointer;
}

@media screen and (min-width: 767px) {
	nav.slide-menu#menu-left{
		display: none !important;	
	}
}

nav.slide-menu#menu-left{
	transform: translateX(0%);
	left: 0px;	
}

main aside.sidebar ul.counter li.inactive,
main aside.sidebar ul li.inactive a,
main aside.sidebar ul.counter li.inactive a label{
	cursor: default !important;
}

aside.sidebar ul.actions li button.btn-like-clicked, aside.sidebar ul.actions li button.btn-like-clicked::before{
	color: #009900;
}

button.btn-action-like::before {
	font-size: 16px;	
}

main section.lista-thumb .info .like .like-number{
	font-size: 14px;
	color: #666;
}


button[class*="btn-action-"]::before{
	margin-right: 0;
}

main aside.sidebar header.side button[class*="btn-action-"]::before{
	margin-right: 10px;
}

.alert-loading{
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

@media screen and (max-width: 767px) {
	footer#footer .logos ul li figure img {
	    width: 100%; 
	}
	
	footer#footer ul.footer-mobile li figure {
    	width: 100%;
	}
	
	footer#footer .logos {
	    padding: 3% 0;
	    margin: 0;
	}
	
	footer#footer .logos ul li{
		padding-bottom: 2%;
	}
}

main section.lista-thumb .info .like button .iconEmpty::before,
main section.lista-thumb .info .like button .iconActive::after,
main section.player ul.list-aside li.list-info .info .like button .iconEmpty::before {
	content: none;
}

main section.lista-thumb .info p.pastdata, main section.lista-thumb .info p.views, main section.lista-thumb .info p.info,
main section.player article.player-description .userinfo-content-box .info span,
aside.filtros div[class*="p-"] ul li .counter,
main section.player header .bar-controls .button-like .counter,
main section.player ul.list-aside li.list-info .info p.views,
main section.player ul.list-aside li.list-info .info p.pastdata,
main section.player article.player-description .video-copyright span,
table.table-content tr td,
main article.geral section .registros .selectAction .btn-group button.btn {
	color: #333;
}

main section.lista-thumb header a.link-all{
	font-weight: 700;
	font-family: 'Roboto Thin', 'Roboto';
}

main section.player ul.list-aside li.list-info .info a.username {
	color: #009DD9;
	line-height: 18px;
	font-family: 'Roboto';
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
}

main section.player article.player-description .video-copyright a,
main aside.sidebar header.side p.instituicao {
	font-family: 'Roboto';
	font-weight: 400;
}

header.contexto nav.menu-contexto-conteudo ul li a{
	font-weight: 400 !important;
	font-family: 'Roboto Bold', 'Roboto'	
}

table.table-content thead tr th{
	color: #333;
	font-family: 'Roboto';
	font-weight: 400;
}

#content{
	min-height: auto;
}

main aside.sidebar ul li.active a{
	color: #333;
}


@media screen and (max-width: 991px) {
	header .topheader a.brand .logo::before {
	    max-width: 42px;
	    overflow: hidden;
	}
}

@media screen and (max-width: 575px) {
  	header .topheader a.brand .logo::before {
	    max-width: 36px;
	}

	header .topheader a.brand picture.nasnuvens{
		display: block;
	}	
	
	#nasNuvens{
		padding-top: 0.3rem;
	}
}

@media screen and (max-width: 392px) {
	header .topheader a.brand picture.nasnuvens {
	    display: none;
	}
}

header .topheader .topheader-login .login a.btn-naofederado.btn-naofederado-min{
	display: none;
}

@media screen and (max-width: 782px) {
	header .topheader .topheader-login .login a.btn-naofederado.btn-naofederado-normal{
		display: none;
	}
	
	header .topheader .topheader-login .login a.btn-naofederado.btn-naofederado-min{
		display: flex;
	}
}

section.box-login article .form-group picture.useravatar .avatarhover{
	display: block;
    background-color: rgba(0,0,0,0);
}

@media screen and (min-width: 768px) {
	header .menubar form.form-inline{
		min-width: 312px;
	}
	
	.navbar-collapse#navbarSearch{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.navbar-collapse#navbarSearch .form-inline{
		display: block;	
	}
	
	.navbar-collapse#navbarSearch .form-inline .easy-autocomplete.eac-blue-light{
		width: 100% !important;
	}
	
	.navbar-collapse#navbarSearch .form-inline .easy-autocomplete.eac-blue-light ul{
		top: -16px
	}
	
	.navbar-collapse#navbarSearch .form-inline .easy-autocomplete-container{
		position: relative;
	}
	
	main .openmenu button.btn-plus:before {
		color: #212529;
	}
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(204,204,204,0.6);
}

.easy-autocomplete.eac-blue-light ul li{
	border-color: #ccc;
	cursor: pointer;
}

@media screen and (max-width: 575.98px){
	main.login section.box-login article .btn-bar button.btn.btn-federated,
	main.login section.box-login article .btn-bar button.btn.btn-authorize-oauth{
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.info-metadata {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
	padding: .5rem .5rem;
	border: 1px solid transparent;
	margin-top: .5rem;
	border-radius: .2rem;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-content.no-notification{
	min-height: 150px;
	height: 150px;
}

header#logado .topheader .topheader-login ul.tools li.notification .btn-group .dropdown-menu .dropdown-body ul[class*="notifications-"] li {
	cursor: pointer;
}

ul.password-rules{
	padding-left: 12px;	
}

ul.password-rules li{
	list-style: circle;
}


#wysiwygEditor{
    border: 1px;
    border-style: solid;
    border-color: #555555;  
}
        
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul .ck.ck-content ul,
[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul .ck.ck-content ul li {
  list-style-type: disc;
   margin-bottom: 0;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul .ck.ck-content ul {
  padding-left: 40px;
}

[id^="Modal"] .modal-dialog .modal-content .modal-body .edit-form ul .ck.ck-content ol li, 
main.blockSend section.boxSend article.box-form ul li .ck.ck-content ol li{
	margin-bottom: 0;
}

main.blockSend section.boxSend article.box-form ul li .ck.ck-content ol li{
	display: list-item;
	
}
 main.blockSend section.boxSend article.box-form ul .ck.ck-content ul{
 	padding-left: 40px;
 	list-style-type: disc; 
 }
 
 main.blockSend section.boxSend article.box-form ul li .ck.ck-content ul li{
    display: list-item;
	list-style-type: disc; 
	margin-bottom: 0;
} 

main.login section.box-login article.authorized-applications div#noApplications{
	margin-top: 1rem;	
}

main.login section.box-login article.authorized-applications .table-responsive{
	display: block;
	width: 100%;
	overflow-x: auto;
	padding-top: 1rem;
	max-height: 400px;
}

main.login section.box-login article.authorized-applications .table-responsive th div.form-group,
main.login section.box-login article.authorized-applications .table-responsive td div.form-group {
	margin: 0;
}

main.login section.box-login article.authorized-applications .btn-remove {
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #C10000;
  border: solid 1px #C10000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
}

main.login section.box-login article.authorized-applications button.btn-full {
	margin-top: 1rem;
}

.ck-content p{
	font-weight: normal;
	margin-bottom: 0;
}

header .menubar form.form-inline input[type="text"],
article.geral .title-bar form.form-inline input[type="text"]{
	color: #000;
	font-weight: normal;
}

section.playlist .rowlista #loadMore.loading{
	margin-top: 5%;
}


article.geral #TabContentPlaylist #publicacoes.userChannel section.lista-thumb.playlist .rowlistahorizontal:hover{
	border: none;
	border-width: 0;
}

label span.required, div.alert-warning span.required {
  color: #C10000;
  font-weight: bold;
}