/* -------------------------------- 
	ÍNDICE
	-------------------------------- 

1. BARRA DIREITA
2. BARRA ESQUERDA
3. ÁREA DE CONTEÚDO
4. DISCIPLINA
5. CALENDÁRIO
6. LIVRO DE NOTAS
7. MENU DE AJUDA
8. BOTÃO IMPRIMIR
9. GRADE SYNC
10. ESTILO PARA MOBILE
	10.1 MENU E CONTEÚDO PRINCIPAL
	10.2 CALENDÁRIO
	10.3 MENSAGENS
	10.4 DISCIPLINAS
11. Pop up
*/






/* -------------------------------- 

	1. BARRA DIREITA
	
	-------------------------------- */

	#batch_check{
		visibility: hidden;
	}
	
	.unpublished_courses_redesign .ic-DashboardCard__box__header{
		justify-content: space-between;
	}
	
	#right-side-wrapper {
	
		background-color: #F3F3F3; 
		min-height: 100vh;
	}
	
	#right-side .events_list .event-details:after, #right-side .events_list .todo-details:after, #right-side .to-do-list .event-details:after, #right-side .to-do-list .todo-details:after{
	
		content: none !important;
	}
	
	.ic-notification{
			border-color: #0d5b73 !important;
	}
	
	.ic-notification__icon,.btn-primary, .Button--primary{
		background: #0d5b73 !important;
		border-color: #0d5b73 !important;
	}
	
	
	.ToDoSidebarItem{
	
		background-color: #fff;
		padding: 15px !important;
		border-radius: 5px;
		margin: 10px 0 !important;
		box-shadow: -1px 1px 10px #DEDEDE;
		border-left: 7px solid #0d5b73;
	}
	
	.todo-details__title, .event-details__title{
		 font-weight: bold !important;
	 }
	
	.todo, .right-side-list .event{
		background-color: #fff;
		padding: 10px !important;
		border-radius: 5px;
		margin: 10px 0 !important;
		box-shadow: -1px 1px 10px #DEDEDE;
		border-left: 7px solid #2f608c;
	
	 }
	
	.ToDoSidebarItem__Info, .ToDoSidebarItem__Icon{
		margin-top: 0;
		max-width: 80%;
	}
	
	.ToDoSidebarItem svg, .icon-assignment{
	
		color: #2f608c !important;
	}
	
	.ToDoSidebarItem__Title a span{
		font-size: 1rem !important;
	}
	
	#right-side h2{
		
		color: #2f608c !important;
	}
	
	/*Ícone fechar cards todo list*/
	.icon-x{
	
		color: #0d5b73;
		margin-right: 0.7rem;
	}
	
	.ToDoSidebarItem__Title a{
	
		text-decoration: none !important;
		font-weight: bold !important;
	}
	
	.todo-list-header{
	
		border-bottom: none !important;
	
	}
	
	#right-side *+.events_list{
	
		margin-top: 2rem;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	
	#right-side .button-sidebar-wide{
	
		color: #2f608c;
		border: none;
		padding-right: 25px !important;
		padding-bottom: 0;
	}
	
	.button-sidebar-wide:hover{
		background: none !important;
		color: #275075;
	}
	
	.button-sidebar-wide:after {
			content: url("https://kb.espm.br/seta-2.svg");
			width: 24px;
			height: 24px;
			float: right;
			margin-right: -20px;
	}
	
	#right-side .button-sidebar-wide::before{
		content: "";
		position: absolute;
		width: 50%;
		height: 1px;
		bottom: 0;
		left: 5%;
		border-bottom: 2px dotted #2f608c;
	}
	
	#right-side .button-sidebar-wide i{
	
		display: none;
	}
	
	#right-side .shared-space h2{
	
		display: block;
	}
	
	.events_list .shared-space{
		margin-bottom: 1rem !important;
	}
	
	#right-side .events_list .event-list-view-calendar{
	
		float: none !important;
	}
	
	#right-side h2, #right-side .h2{
	
		border: none;
		text-align: center;
	}
	
	#right-side .events small{
	
		text-align: center;
	}
	
	.ic-DashboardCard{ /* MARGEM DOS CARDS EXIBIDOS NA HOME*/
	
		margin: 0 12px 30px 0 !important;     /* ← Margem maior no desktop */
	
	}

	/* Ajustes nos CARDS da HOME (Dashboard) */
	.ic-DashboardCard {
	    width: 23% !important;                    /* ← Largura para ~4 cards por linha no desktop (ajuste se quiser 3 ou 5) */
	    margin: 0 1rem 2rem 0 !important;         /* ← Margem: direita 1rem, inferior 2rem - mais espaçamento bonito */
	    border-radius: 16px !important;           /* ← Pontas arredondadas (16px é bem suave; pode usar 12px, 20px ou 24px) */
	    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important; /* ← Sombra moderna: deslocamento 0 horizontal/4px vertical, blur 15px, cor cinza escura suave */
	    overflow: hidden !important;              /* ← Garante que o conteúdo não vaze nas bordas arredondadas */
	    background-color: #ffffff !important;     /* ← Fundo branco puro (opcional, mas ajuda no contraste) */
	}

	/* Opcional: arredondar também a imagem de capa do card */
	.ic-DashboardCard__header_hero {
	    border-top-left-radius: 16px !important;
	    border-top-right-radius: 16px !important;
	}

	/* Opcional: sombra mais forte se quiser destaque maior */
	.ic-DashboardCard:hover {
	    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18) !important; /* ← Sombra maior ao passar o mouse */
	    transform: translateY(-4px) !important; /* ← Efeito de "levantar" o card ao hover */
	    transition: all 0.3s ease !important;   /* ← Transição suave */

	}
	
	body:not(.full-width):not(.outcomes) .ic-Layout-wrapper{
	
		max-width: none !important;
	}
	
	.todo-badge-wrapper .todo-badge, .ic-DashboardCard__action-badge{
			background: #2f608c !important;
		}
	
	.ic-DashboardCard__action-container{
		margin-top: 17px !important;
	}
	
	#todolist-mobile{
		display: none;
	}
	

















	/* -------------------------------- 

		2. BARRA ESQUERDA	

		-------------------------------- */

	body.primary-nav-expanded .ic-app-header{
	
		width: 230px;
	}
	
	/*Esconder menu Commons e ferramenta de vídeo*/
	#context_external_tool_23_menu_item, #context_external_tool_2_menu_item{
		display: none;
	}
	
	#primaryNavToggle .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-menu.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
	
	}
	/*Botão menu da esquerda para expandir*/
	[title~="Expandir"]{
		padding-right: 0 !important;
		text-align: center !important;
	}
	
	/*Alteração de ícones do menu*/
	
	#global_nav_accounts_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-admin.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_dashboard_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-home.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_courses_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-disciplinas.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_calendar_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-calendario.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_conversations_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-mensagens.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_help_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-ajuda.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_groups_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-grupos.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#global_nav_portal_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-portal.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	
	}
	
	#new_user_tutorial_toggle{
		background-image: url(https://kb.espm.br/icone-tutorial.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		vertical-align: middle;
	}
	
	#global_nav_profile_link{
		background: none !important;
	}
	
	#global_nav_profile_link .menu-item-icon-container{
	
		text-align: center;
		width: 100%;
		margin-bottom: 1rem;
	
	}
	
	#global_nav_profile_link .menu-item__text{
		display: none;
	}
	
	#primaryNavToggle svg, #global_nav_accounts_link svg, #global_nav_groups_link svg, #global_nav_dashboard_link svg, #global_nav_courses_link svg, #global_nav_calendar_link svg, #global_nav_conversations_link svg, #global_nav_help_link svg, #new_user_tutorial_toggle span{
	
		display: none !important;
	}
	
	#global_nav_comunidades_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-comunidades-abertas.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
	}
	
	#course_filter{
		margin-left: -0.3rem;
		margin-top: 2rem;
	}
	
	#course_filter button[type=submit]{
		background-color: #2f608c;
		border: none;
		border-radius: 5px;
		font-size: 16px;
		color: #fff;
		padding: 0.45em 0.8em;
		font-weight: bold;
	}
	
	#course_filter button[type=submit]::before{
		content: url('https://kb.espm.br/icone-pesquisar.png');
		padding-right: 0.5rem;
		vertical-align: middle;
	}
	
	#catalog_content{
		margin-left: -0.3rem;
	}
	
	.menu-item-icon-container{
	
		display: inline-block;
	}
	
	.ic-app-header{    /* COR DE FUNDO DO MENU PRINCIPAL */
	
		background-color: #900033 !important;
	}


	/* Força a cor vermelha em TODAS as páginas, incluindo disciplinas e sub-páginas */
	.ic-app-header,
	body.primary-nav-expanded .ic-app-header,
	body:not(.primary-nav-expanded) .ic-app-header,
	.ic-app-header__menu-list,
	body.course .ic-app-header {  /* ← Específico para páginas de curso */
	    background-color: #900033 !important;
	}

	/* Força texto e ícones brancos nas opções normais (não selecionadas) */
	.ic-app-header__menu-list-link .menu-item__text,
	.ic-app-header__menu-list-item .menu-item__text,
	.ic-app-header__menu-list-link .menu-item-icon-container,
	.ic-app-header__menu-list-item .menu-item-icon-container,
	body.course .ic-app-header__menu-list-link .menu-item__text {  /* ← Específico para disciplinas */
	    color: #FFFFFF !important;
	}

	/* Força cor vermelha nos itens selecionados/ativos */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text,
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container,
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg,
	body.course .ic-app-header__menu-list-item--active .menu-item__text {
	    color: #900033 !important;
	    fill: #900033 !important;
	}




	
	#menu{
	
		margin-top: 3rem;
	}
	
	.ic-app-header__logomark-container{
	
		width: 70%;
		margin: 100px auto 0 auto;
	
	}
	
	body.primary-nav-expanded .menu-item-icon-container .ic-avatar{
	
		width: 92px;
		height: 92px;
	}
	
	/* Fundo do item selecionado/ativo: branco puro para destacar no vermelho */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
	    background: #FFFFFF !important; /* ← Fundo BRANCO quando selecionado */
	    padding: 0.4375rem 0.4375rem;
	}


	/* Texto e ícone do item selecionado/ativo: vermelho #900033 */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text,
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container,
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg {
	    color: #900033 !important; /* ← Texto vermelho */
	    fill: #900033 !important;  /* ← Ícone vermelho (SVG) */
	}


	/* Transição suave ao selecionar um item */
	.ic-app-header__menu-list-link {
	    transition: background 0.3s ease, box-shadow 0.3s ease !important;
	}



	
	/* Ícone do item ativo: força vermelho EXATO #900033 com prioridade máxima */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container {
	    filter: brightness(0) saturate(100%) invert(9%) sepia(97%) saturate(7498%) hue-rotate(355deg) brightness(89%) contrast(101%) !important;
	    -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(97%) saturate(7498%) hue-rotate(355deg) brightness(89%) contrast(101%) !important;
	    color: #900033 !important; /* ← Força cor de fallback */
	    background-color: transparent !important; /* ← Garante que não fique branco */
	}

	/* Remove qualquer cor branca que possa estar sobrepondo */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container,
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container * {
	    color: #900033 !important;
	    fill: #900033 !important;
	}

	/* Opcional: destaca mais o ícone vermelho */
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container {
	    transform: scale(1.15) !important; /* ← Aumenta um pouco o ícone */
	    transition: transform 0.3s ease !important;
	}



	/* Canto arredondado da opção selecionada no menu principal do Canvas*/
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
	    background: #FFFFFF !important;
	    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; /* ← Sombra leve para "destacar" mais */
	    border-radius: 3px !important; /* ← Bordas arredondadas no item ativo ← 16px para mais arredondado */
	}

	
	
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active:active{
	
		border:none;
	}
	
	.ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle{
	
		padding-right: 1rem;
	
	}
	
	.ic-app-header__menu-list-link:hover{
		background: none !important;
	}
	
	.ic-app-header__secondary-navigation{
		position: absolute;
		top: 0;
	}
	
	body.primary-nav-expanded .ic-app-header__secondary-navigation{
		position: absolute;
		left: 1rem;
	
	}
	
	.ic-app-header__logomark-container{
			display: none;
		}
	
	.ic-app-header__secondary-navigation{
		top: 0;
		bottom: auto;
	}
	
	.ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle{
	
		display: block;
		margin: auto;
	
	}
	
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container{
	
		color: #fff;
	}
	
	.menu-item-icon-container{
	
		width: auto;
		margin-right: 0.5rem;
	
	}
	
	.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg{
	
		fill: #fff;
	}
	
	body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text{
	
		color: #fff;
	}
	
	.ic-app-header__menu-list{
	
		margin-top: 1rem;
	}
	
	.ic-app-header__menu-list-link{
		text-align: left;
	}
	
	.ic-app-header__menu-list-link:focus{
		box-shadow: none;
		border: none;
		outline: none;
		background: transparent;
	}
	
	body.primary-nav-expanded .menu-item__text{
	
		text-align: left;
		display: inline-block;
		font-size: 1em;
	}
	
	
	.ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle){
	
		padding: 0.4375rem 0.8rem !important;
	}
	

	/* CORREÇÃO FINAL: Foto menor e mais baixa no modo minimizado - igual ao cinza */
	body:not(.primary-nav-expanded) #global_nav_profile_link {
	    z-index: 9999 !important;
	    position: relative !important;
	    overflow: visible !important;
	    height: 65px !important; /* Altura ajustada para foto menor */
	    margin-bottom: 5px !important; /* Mais espaço abaixo para não encavalhar */
	}

	body:not(.primary-nav-expanded) #global_nav_profile_link .menu-item-icon-container {
	    position: absolute !important;
	    top: 8px !important;          /* ← Mais baixa: agora alinhada quase no topo do menu */
	    left: 50% !important;
	    transform: translateX(-50%) !important;
	    z-index: 10000 !important;
	    background: transparent !important;
	    width: 45px !important;       /* ← Foto menor (reduzido de 56px para 45px) */
	    height: 48px !important;
	}

	body:not(.primary-nav-expanded) #global_nav_profile_link .menu-item-icon-container .ic-avatar {
	    width: 100% !important;
	    height: 100% !important;
	    border: 2px solid #FFFFFF !important;  /* Borda branca grossa */
	    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important; /* Sombra forte */
	    border-radius: 50% !important;
	    object-fit: cover !important;
	}

	/* Botão de toggle fica atrás */
	body:not(.primary-nav-expanded) #primaryNavToggle {
	    z-index: 1 !important;
	    background: transparent !important;
	    pointer-events: auto !important;
	}

	/* Remove corte */
	body:not(.primary-nav-expanded) .ic-app-header__menu-list-item#global_nav_profile_link {
	    overflow: visible !important;
	    height: 65px !important;
	}









	
	
	/* -------------------------------- 
	
		3. ÁREA DE CONTEÚDO
	
		-------------------------------- */
	
	body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
		margin-left: 215px !important; /* Ajuste fino: modifique este valor (ex.: 240px, 225px) para refinar o deslocamento */
	}
	
	body:not(.no-headers):not(.primary-nav-expanded) .ic-Layout-wrapper {
		margin-left: 35px !important; /* Ajuste fino: modifique este valor (ex.: 10px, 30px) para refinar o deslocamento quando o menu está recolhido */
	}
	
	.ic-DashboardCard__header-title {
		font-size: 1rem;
	}
	
	.ic-DashboardCard__box__container {
		margin: 0 !important;
	}
	



























	/* -------------------------------- 
	
		4. DISCIPLINA
	
		-------------------------------- */
	
	.sis-button{
		display: none;
	}
	
	.section-hidden a{
		color: #AAA;
	}
	
	.item-group-container{
	
		border: none !important;
		background: #FFF;
	}
	
	.ig-row:before{
		content: "";
		box-sizing: border-box;
		position: absolute;
		top: -1px;
		left: -1px;
		width: 0.25rem;
		height: calc(100% + 2px);
		background-color: #00AC18;
		border-top: 1px solid #008312;
		border-bottom: 1px solid #008312;
	}
	
	.mini_calendar .day.today{
		border-radius: 50px;
		padding: 6px;
		background: #2f608c !important;
		color: #fff;
	}
	
	[aria-label="Pesos da Tarefa"]{
		color: #2f608c;
	}
	
	table.summary td, table.summary tbody th{
		background: none !important;
	}
	

























	/* -------------------------------- 
	
		5. CALENDÁRIO
	
		-------------------------------- */
	
	.navigate_today{
		border-radius: 5px;
	}
	
	#context-list-holder, #undated-events{
		background-color: transparent !important; 
		margin-top: 1rem;
	}
	
	
	#minical{
	
		border: none;
		background: transparent !important;
	}
	
	#minical .fc-widget-content, #minical .fc-toolbar, .mini-cal-header, .mini_calendar{
	
		border: none;
	}
	
	#minical .fc-widget-content{
		margin-bottom: 10px;
		padding-top: 5px;
	}
	
	#minical .fc-bg .fc-state-highlight{
	
		border-radius: 50px;
		padding: 16px;
		background: #2f608c;
	}
	
	#minical .event::after{
	
		top: -1px;
		padding: 5px;
		border: none;
		border-bottom: 2px solid #0d5b73;
	
	}
	
	
	#minical .fc-toolbar h2, #minical .fc-toolbar .h2, .navigation_title, .month_name{
	
		text-transform: capitalize;
	}
	
	.fc-scroller{
	
		overflow-y: hidden;
	}
	
	.fc-day-grid-container{
		height: auto !important;
	}
	
	#create_new_event_link{
	
		line-height: inherit;
		background: #27ae60;
		color: #fff;
		border: none;
		border-radius: 5px;
		padding: 8px 12px;
	}
	
	#create_new_event_link:after{
		content: "Novo evento";
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		color: #efefef;
	}
	
	.calendar_view_buttons{
		border: none;
		border: 1px solid #bbb;
		border-radius: 5px;
		background-color: #bbb;
	}
	
	
	.calendar_action_buttons .btn-group>.btn:first-child{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	.calendar_action_buttons .btn-group>.btn:last-child{
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.btn.active{
		background: #bbb;
		border: none;
	}
	
	#calendar_header .ui-buttonset .ui-button{
	
		background: none;
		border: none;
	}
	
	.navigate_today{
	
		border: none;
		background: #27ae60;
		color: #efefef;
	
	}
	
	.navigation_title_text{
		text-decoration: none;
		font-weight: bold;
	}
	
	.fc-widget-header{
		border: none !important;
		margin-top: 1rem;
	}
	
	#context-list .context-list-toggle-box{
		border-radius: 20px;
	}
	
	#context-list .context-list-toggle-box{
	
		width: 13px;
		height: 13px;
	}
	
	#calendar-app .fc-event, #calendar-drag-and-drop-container .fc-event{
		background-color: currentColor !important;
	
	}
	
	.fc-content{
		color: #fff;
		padding: 0.3rem;
	}
	
	.fc-content i{
		display: none;
	}
	
	.fc-time{
		line-height: 1.5em;
		margin-right: 0.2em;
	}
	
	.rs-section{
		text-align: center;
	}
	
	#context-list-holder{
		text-align: left;
	}
	

















	/* -------------------------------- 
	
		6. LIVRO DE NOTAS
	
		-------------------------------- */
	
	.student-name{
		padding-left: 0.75rem;
	}
	
	.print-button{
		margin-top: 1rem;
		background-color: #2f608c;
		border: none;
		border-radius: 5px;
		font-size: 16px;
		color: #fff;
		padding: 0.8em;
		font-weight: bold;
	}
	
	.print-button::before{
		content: url('https://kb.espm.br/icone-impressora.png');
		padding-right: 0.5rem;
		vertical-align: middle;
	}
	
	#grades_summary tr.final_grade .possible{
		font-size: 22px;
		font-weight: bold;
	}






















	/* -------------------------------- 
	
		7. MENU DE AJUDA
	
		-------------------------------- */
	.primary-nav-expanded #nav-tray-portal [dir="ltr"] > span.transition--slide-left-entered{
		margin-left: 150px !important;
	}
	
	
		
	.contatos-ead h4{
	
		color:var(--eHiXd-linkColor);
		font-weight: bold !important;
	
	}
	
	.contatos-ead span{
		font-size:var(--ELpHc-fontSizeSmall);
		padding-left: 0.5rem;
	}
	
	.contatos-ead div{
	
		margin-bottom: 0.5rem;
	}
	

















	/* -------------------------------- 
	
		8. BOTÃO IMPRIMIR
	
		-------------------------------- */
	
	@media print{
		.print-button{
			display: none;
		}
	}	
	














	/* -------------------------------- 
	
		8. MENU
	
		-------------------------------- */
	
	.ic-sticky-frame{
	
		overflow-y:  unset !important;
		position:  fixed !important;
	}
	
	#tab-tab-panel-advanced{
		visibility: hidden;
	}
	


















	/* -------------------------------- 
	
		10. ESTILO PARA MOBILE
	
		-------------------------------- */
	@media only screen and (max-device-width: 480px){
	
		/* -------------------------------- 
	
		10.1 MENU E CONTEÚDO PRINCIPAL
	
		-------------------------------- */
	
		body:not(.is-inside-submission-frame):not(.embedded):not(.dashboard-is-planner){
	
			min-width: auto;
		}
	
		.pages .header-bar-outer-container .header-bar-container{
	
			max-width: 100% !important;
			min-width: auto !important;
		}
	
		.ic-app-crumbs{
			display: none;
		}
	
		#course_home_content{
			margin-bottom: 2rem;
		}
	
		.mostrar-todo{
			margin-left: 0 !important;
			
		}
	
		#todolist-mobile{
			display: block; 
		}
	
		#global_nav_todo_link .menu-item-icon-container{
	
		background-image: url(https://kb.espm.br/icone-fazer.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 28px;
		height: 28px;
		vertical-align: middle;
		}
	
	
		.ic-app{
			max-height: 100vh;
			max-width: 100vW;
		}
	
		.ic-app-header{
			height: 7%;
			bottom: 0;
			top: auto;
			width: 100% !important;
		}
	
		.ic-app-header__menu-list-link{
			text-align: center;
		}
	
		.ic-app-header__main-navigation{
			padding-top: 0.5rem;
		}
	
		#global_nav_profile_link .menu-item-icon-container{
			margin-bottom: 0;
		}
	
	
		.ic-app-header__secondary-navigation{
	
			display: none;
		}
	
		.ic-app-header__menu-list{
			margin-top: 0;
			display: flex;
			align-items: baseline;
			justify-content: space-around;
		}
	
		.menu-item__text{
			display: none !important;
		}
	
		.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link{
			border: none;
		}
	
		.ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle){
	
			padding: 0 !important;
		}
	
		.ic-app-footer{
	
			display: none;
		}
	
		.ic-Layout-wrapper {
			margin-left: 0 !important;
			max-height: 90vh;
			max-width: 100vw;
			min-height: auto !important;
		}	
	
		.ic-Layout-columns{
			max-height: 90vh !important;
			max-width: 100vw;
		}
	
		.ic-DashboardCard{ /* ESPAÇAMENTO ENTRE OS CARDS DAS DISCIPLINAS NA HOME E A LISTA TAREFAS*/
		    width: 45%;                  /* ← Largura de cada card (45% da tela) */
		    margin: 0 0.5rem 15px 0;     /* ← Margem direita 0.5rem, inferior 15px */		 
		}

		.ic-app-main-content__secondary{
			padding: 5px 24px 0 24px;
		}
	
		.menu-todolist{
			position: absolute !important;
			height: 100vh !important;
			top: 0;
			z-index: 99;
			margin-left: -500px;
			transition: all 0.5s ease;
			max-width: 100%;
		}
	
		#right-side *+.events_list{
			margin: 0 !important;
		}
	
		body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content{
			max-height: 90vh;
			min-width: fit-content;
		}
	
		.ic-DashboardCard__box{
			padding-top: 1rem !important;
		}
	
		.ic-DashboardCard__header_hero{
			height: 100px !important;
		}
	
		.primary-nav-expanded #nav-tray-portal [data-cid="Transition"]{
			margin-left: 0 !important;
		}
	
		.tray-with-space-for-global-nav{
	
			margin-left: 0 !important;
		}
	
		.ic-DashboardCard__action-container{
	
			display: none;
		}
	
		#menu{
			margin-top: 0 !important;
		}
	
		.menu-item-icon-container .ic-avatar{
	
			width: 36px !important;
			height: 36px !important;
		}
	
		.menu-item-icon-container{
			vertical-align: middle;
		}
	
		.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link{
	
			background: none; 
		}
		/* -------------------------------- 
	
		10.2 CALENDÁRIO
	
		-------------------------------- */
	
		#calendar-app{
			margin-bottom: 1rem;
		}
	
		#calendar_header .header-table-cell{
	
			vertical-align: top;
		}
	
		.ui-dialog.ui-widget-content{
			width: 80% !important;
		}
	
		#create_new_event_link:after{
			content: "";
			padding: 0 !important;
		}
	
		#minical{
			display: none;
		}
	
		#calendar_header .header-table-right{
			text-align: left;
			width: 100%;
			margin-top: 1rem;
		}
	
		#calendar_header .header-table-cell{
			display: block;
		}
	
		#context-list .context_list_context{
			display: inline-block;
		}
	
		.fc-content{
			padding: 0;
		}
	
		#edit_calendar_event_form{
			width: auto !important;
		}
	
		#edit_calendar_event_form_holder{
			padding: 0 !important;
		}
	
		#calendar_event_start_time, #calendar_event_end_time{
			width: 30px !important;
		}
	
		#calendar_event_location_name{
			width: 145px !important;
		}
	
		#calendar_event_context{
			width: 165px !important;
		}
	
		.fc-day-header__week-day{
			font-size: 0.8rem !important;
		}
	
		.fc-day-header__week-number{
			font-size: 1.5rem !important;
		}
	
		.fc-scroller{
			overflow-y: auto;
		}
	
		.fc-time-grid-container{
			height: 150px !important;
		}
	
		/* -------------------------------- 
	
		10.3 MENSAGENS
	
		-------------------------------- */
	
	
		.conversations .panel{
			height: auto !important;
		}
	
		.messaging-wrapper{
	
			top: 160px;
		}
	
		.bootstrap-select:not([class*="span"]){
			width: 65% !important;
		}
	
		#conversation_filter{
			width: 70% !important;
		}
	
		.remover-mensagem{
			display: none !important;
		}
	
		.aparecer-mensagem{
			display: block !important;
		}
	
		.message-detail{
			width: 100% !important;
			
		}
	
		.message-detail.span8 .no-messages{
			display: none;
		}
	
		.panel__secondary .form-search{
			margin-top: 0.5rem;
		}
	
		.message-list-scroller{
			border: none !important;
			width: 100% !important;
		}
	
		.touch .message-detail .actions{
			display: none;
		}
	
	}
	
	
		/* -------------------------------- 
	
		10.4 DISCIPLINAS
	
		-------------------------------- */
	
		.ig-list .ig-row{
			box-shadow: -1px 1px 10px #DEDEDE;  /* ← Esta é a sombra cinza clara usada nos cards */
			margin-bottom: 0.5rem;
			border: none;
		}
	
		.item-group-condensed .ig-row{
			border: none !important;
		}
	
		.item-group-condensed .ig-list li:first-child .ig-row, .item-group-condensed .ig-list li:first-of-type .ig-row, .item-group-condensed .first_visible .ig-row{
			border: none !important;
		}
	
		.item-group-condensed .ig-list li:nth-child(even) .ig-row{
			background: #EEE !important; 
		}
	
		/*.list-view a.active{
			background-color: #2f608c !important;
		}*/
	



















	
	/* -------------------------------- 
	
	11. Pop Up Anúncio Global (não utilizado no momento)
	
	-------------------------------- */
	
	/*
	.ic-notification{
		position: absolute;
		z-index: 9999;
		text-align: center;
		right: 30%;
		top: 10%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.ic-notification__icon, .notification_account_content_text{
		display: none;
	}
	
	.ic-notification.ic-notification--admin-created .ic-notification__actions{
		margin-left: -32px;
	}
	*/
	
	
    /*
    - Oculta wrapper informativo dentro de notas - vusualização do aluno
    */
    div#only_consider_graded_assignments_wrapper, ic-Form-control ic-Form-control--checkbox {
        display: none;
    }
	
    div#student-grades-right-content > #whatif-score-description {
        display: none;
    }
	
    /*
    - Oculta linhas AVALIAÇÕES, PONTO EXTRA E PROVA FÁCIL, da tabela NOTAS do aluno
    */
    tbody > .group_total {
        display: none;
    }

    /*
    - Corrige cor do badge de notificação em menssagens
    */
    .menu-item__badge {
        font-size: 11px;
        font-size: 0.6875rem;
        min-width: 20px;
        line-height: 20px;
        border-radius: 10px;
        background: var(--ic-brand-primary) !important;
        color: #fff !important;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        padding: 0 6px;
        transition: all .3s ease-out;
        position: absolute;
        top: -0.5em;
        right: 0;
    }

    /*
    - Oculta coluna Apelido na página de cursos (/courses)
    */
    .course-list-nickname-column-header,
    .course-list-nickname-column {
        display: none !important;
    }