/* Importação de ícone do Google Fonts */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url('./GoogleFonts/MaterialSymbolsOutlined.woff2') format('woff2'),
    url('./GoogleFonts/MaterialSymbolsOutlined.ttf') format("truetype"),
	url('./GoogleFonts/MaterialSymbolsOutlined.codepoints') format("codepoints");		
}

/* Site com ícones: https://fonts.google.com/icons?icon.size=24&icon.color=%235f6368&icon.set=Material+Symbols */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: 300;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */  
  display: inline-block;
  line-height: 0.7em !important;  
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;  
  vertical-align: middle;
  position: relative;
  top: -2.7px;
}

/* Manter as imagens de background sempre ao fundo */ 
.img-background {
	z-index: -1 !important;
}

/* Evitar seleção de conteúdo */ 
body {
  user-select: none !important;
}

/* SweetAlert2: Evitar deslocamento do background */
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
	height: 100% !important;
}

/* SweetAlert2: Remover sombreado sobre botão com foco */
.swal2-styled {
    box-shadow: none !important;	
}

.swal2-popup {
	border-radius: 20px !important;
}

/* Barra de progresso vertical */
.progress-bar-container {
	position: relative !important;
    overflow: hidden !important;
}

.vertical-progress-bar {
	width: 100%;
    height: 100%;    
    position: absolute;
    top: 0;
	left: 0;
    transform-origin: top;
    transform: scaleY(0);
	background-color: #d9d9d9;
}

/* Customizações sobre o SumoSelect */
.SumoSelect>.CaptionCont>label>i {
	background-image: url(../../ext/ANL01345b_16_1.png) !important;		
}

.SumoSelect>.CaptionCont>label {	
	padding-right: 15px !important;
}

.SumoSelect .CaptionCont,
.SumoSelect  {
    border-radius: 20px !important;	
}

.SumoSelect > .CaptionCont {
	font-family: Roboto, sans-serif !important;
    color: inherit !important;		
    padding-left: 15px !important;
	border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.SumoSelect .optWrapper li, 
.SumoSelect .CaptionCont span.placeholder {    
	font-family: Roboto, sans-serif !important;
	color: inherit !important;
}

.SumoSelect .CaptionCont span.placeholder {	
	color: rgba(38,72,108, 0.6) !important;
}

.SumoSelect.open>.optWrapper {
	top: auto !important;	
}

.SumoSelect>.optWrapper {
	border-radius: 10px !important;
}

.SumoSelect>.optWrapper ul {
	line-height: 1.2em !important;
}

.SumoSelect.open .search-txt {
	background: transparent;
	height: 100%;
    padding-left: inherit !important;
}

.sumo-select-relativo {
	position: relative !important;
}

/* Campos obrigatórios não preenchidos */
.vazio {
	background-color: #FBE4E4 !important;	
}

/* Placeholders */
input::placeholder {
	color: rgba(38,72,108, 0.6) !important;
}

/* Customização de scrollbar */
html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
	height: 8px;
    border-radius: 20px;
	background-color: #D9D9D9;	
	border: 2px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb {    
	width: 10px;
	height: 10px;
    border-radius: 20px;
	background-color: #26486C;		  
}

::-webkit-scrollbar-thumb:hover {
	background-color: #26486C;
}

::-webkit-scrollbar-button {
    display: none;
}

/* Estilo para Firefox */

/*
html {
    scrollbar-width: thin !important;
    scrollbar-color: #26486C #D9D9D9;
}

html::-webkit-scrollbar-thumb {
    border-radius: 20px !important;
    width: 8px !important;
}

html::-webkit-scrollbar-track {
    border-radius: 10px !important;
}
*/

/* Ajuste de tamanho de 'popupdisplaypage' */
iframe#__PAP__pageConfete
{
	height: 100% !important;
	width: 99% !important;
}

iframe#__PAP__pageSelecionarEscola
{
	height: 100% !important;
	width: 100% !important;
}