/* this_file_name: estilos.css By Série Manancial "https://seriemanancial.com" */ 

body {
	overscroll-behavior-y: contain;
	font-family: 'arial narrow';
	font-size: 16px;
	padding: 0;
	background-color: #fff;
	margin: 30px auto 0 auto;
	max-width: 900px;
	color:#333;
	height:100%;
	background-image: url("");
	background-repeat: repeat;
	background-attachment: scroll;
	background-size: 100% 100%;
	background-origin: content-box;
	width: 100%;
}

div::-webkit-scrollbar, body::-webkit-scrollbar {
	width: 0px;
}

.cookieBox{z-index:999;width:350px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;right:30px;display:none;border-radius:10px;}.cookieBox .cookieTitle a{font-family:OpenSans,arial,sans-serif;color:#fff;font-size:24px;line-height:28px;display:block}.cookieBox .cookieDesc p{margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:16px;line-height:25px;display:block;margin-top:15px}.cookieBox .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}.cookieBox .cookieButton a{display:inline-block;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:16px;font-weight:700;margin-top:18px;background:#111;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s;border-radius:5px;}.cookieBox .cookieButton a:hover{cursor:pointer;background:#3e9b67}@media (max-width:980px){.cookieBox{bottom:0!important;left:0!important;width:100%!important}}@media (min-width:580px){.cookieBox .cookieDesc p{font-size:18px;}.cookieBox .cookieTitle a{font-size:26px;} .cookieBox .cookieButton a{font-size:18px;}}

.inputImport {
	display: none;
	width: 97.3%;
	min-height: 100px;
	padding: 10px;
	font-size: 22px;
	margin-top: 5px;
}

.txtDownload {
	font-size: 26px;
	margin: 0% 10% 0% 10%;
}

.inputDatas {
	grid-template-columns: 10% 33.5% 10% 45%;
}

.inputDias {
	grid-template-columns: 10% 29% 10% 29% 20%;
}

.inputTotais {
	grid-template-columns: repeat(3,18%) 27% 17%;
}

.inputVoz {
	grid-template-columns: 14.7% 69.5% 14.7%;
}

.inputConv {
	grid-template-columns: 15% 53.5% 15% 15%;
}

.textFloat {
	float: right;
	font-size: 16px;
}

.divPedras {
	width: 35px;
	height: 35px;
	float: left;
	margin: 4px;
}

.divImportAudio {
	position: fixed;
	left: 5px;
	bottom: 120px;
	z-index: 99;
	background: transparent;
	border: 0px;
	display: none;
	opacity:.7;
}

.imgShowGames {
	width: 70%;
}

.imgWater {
	position: fixed;
	left: 44%;
	top: 44%;
	width: 12%;
	opacity: .5;
	display: none;
	z-index: 9;
}


.montTopo {
	position: absolute;
	top: -7%;
	left: 42%;
	z-index:1;
	font-family: digital;
	font-size: 28px;
	text-shadow: -1px -1px #111, 1px 1px #888;
}


.bordaCell {
	border-radius: 40px;
	border-top: 50px #444 solid;
	border-bottom: 40px #444 solid;
	border-left: 10px #444 solid;
	border-right: 10px #444 solid;
	box-shadow: 3px 3px 10px #4682B4;
	-moz-box-shadow: 3px 3px 10px #4682B4;
	-webkit-box-shadow: 3px 3px 10px #4682B4;
	opacity: 0.92;
	cursor: move;
}

.listaGrupoSons {
	cursor: pointer;
	margin: 0px 2px 0px 0px;
	padding: 0px 2px;
	font-size:90%;
}

.listaSons {
	cursor: pointer;
	font-family: courier;
	margin: 0px 2px;
	padding: 0px 4px;
	border-radius: 5px;
}

.divVolume {
	cursor: pointer;
	margin: 0px 8px 0px 0px;
	padding: 0px 4px;
	font-size:90%;
	border-radius: 5px;
}

.divSomNotif {
	cursor: pointer;
	margin: 0px 8px 0px 0px;
	padding: 0px 4px;
	font-size:90%;
	border-radius: 5px;
}

.frameExtraFundo {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.25);
	z-index: 998;
	backdrop-filter: blur(2px);
}

.frameExtra {
	display: none;
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	max-width: 600px;
	height: 80%;
	margin: 0 auto;
	box-sizing: border-box;
	border: 0;
	z-index: 999;
	background-image: url("../css/img/fundocel.jpg");
	border-radius: 10px;
}


.botCloseframeExtra {
	position: fixed;
	top: calc(10% + 10px);
	left: calc(50% + 262px);
	width: 28px;
	height: 28px;
	font-size: 26px;
	display: none;
	z-index: 99999;
	color: #ddd;
	cursor: pointer;
	background-color: #888;
	border-radius: 8px;
}

@media screen and (max-width: 749px) {
	.botCloseframeExtra {
		left: auto;
		right: calc(10% + 10px);
	}
}

.contentOverflow {
	overflow-y:auto;
	height: 300px;
	max-height:400px;
}

.scrolltMemory::-webkit-scrollbar {
	width: 2px;
}

.scrolltMemory::-webkit-scrollbar-track {
  background: tranparent;
}

.scrolltMemory::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 20px;
  border: 1px solid #888;
}

.botoesTopo {
	font-size: 16px;
	cursor: pointer;
	margin: 5px;
	line-height: 30px;
	border: .5px solid #666;
	border-radius: 8px;
	padding: 3px;
	background-color: #eee;
}

.botoesTopo:hover {
	color:#fff;
	font-weight: bold;
}

.iconTelaCheia {
	position:fixed;
	left:55%;
	top:80%;
	font-size:40px;
	cursor: pointer;
}

.configNotif {
	box-shadow:0 0px 0px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19) !important;
	border: 0px !important;
	cursor: pointer;
}


html {
	touch-action: manipulation;
}


.tracoDivisor {
	margin: 5px 10px;
	border: .05em solid #ddd;
	
}

.textAreaConfig {
	height: 100px;
	width: 98%;
	padding: 16px;
}


.alturaJanelaEdicao {
	display:none;
	overflow-y:auto;
	max-height:400px;
}


.uiPopupModal {
	position: fixed;
	inset: 0;
	display: none;
	background: rgba(0, 0, 0, 0.12);
	z-index: 2;
	touch-action: none;
}

.divPopUpPadrao {
	position:absolute;
	top:20%;
	left:20%;
	width:255px;
	background-color: #fff;
	z-index:3;
	border-radius:8px;
	display: none;
	padding: 5px;
}

.divPopUpFontes {
	position:absolute;
	top:20%;
	left:20%;
	width:340px;
	background-color: #fff;
	z-index:3;
	border-radius:8px;
	display:none;
	padding: 5px;
}

.divPopUpTransicao {
	position:absolute;
	top:20%;
	left:20%;
	width:220px;
	background-color: #fff;
	z-index:3;
	border-radius:8px;
	display:none;
	padding: 5px;
}

.selTransicao {
	color:#777;
	float:left;
	width:85px;
	height:20px;
	border-radius:8px;
	margin:5px;
	padding:5px;
	background-color: #eee;
	text-align:center;
	cursor: pointer;
}


.elementSelectFontes {
	color:#777;
	float:left;
	width:70px;
	height:20px;
	border-radius:8px;
	margin:3px;
	padding:3px;
	background-color: #eee;
	text-align:center;
	cursor: pointer;
}

.selCorFonte {
	float:left;
	width:20px;
	height:20px;
	margin:4.7px;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:6px;
	cursor: pointer;
}

.elementSelectPadrao {
	float:left;
	width:50px;
	height:50px;
	border-radius:8px;
	margin: 5px 5.7px 5px 5.7px;
	cursor: pointer;
}

.elementSelectBorda {
	float:left;
	width:36px;
	height:36px;
	border-radius:8px;
	margin:4px;
	cursor: pointer;
}

.alturaTextAlfa {
	height:60px;
}

.corPurple {
	color:purple;
}

.corRed {
	color:#8B0000;
}

.vMontcalc {
	_width: 100%;
	height:100%;
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 100% 100%;
	background-origin: content-box;
	padding: 5px;
}


.modal {
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display:none;
	background-image: url("");
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: 100% 100%;
}

.brFlag {
	border-radius: 5px;
	width:30px;
}

.defineDivisor {
	padding: 0px 5px;
	border-radius: 3px;
	cursor: pointer;
}

.listaDatasPri {
	margin-right:15px;
	float:right;
	font-size:80%;
	padding:3px;
}

.listaDatasSeg {
	font-size: 36px;
}

.listaDefrag {
	padding:1px;
	font-family:icofont;
}

.telaCheia {
	position:absolute;
	left:0px;
	top:30px;
	width:100%;
	height:100%;
	overflow-y:auto;
	display:none;
	padding:0px;
}

.msgTelaCheia {
	font-size: 20px;
	float: left;
	width: 100%;
}

.classeDev {
	font-size:16px;
	padding:5px;
	text-align:center;
	height:25px;
	display:none;
	cursor: pointer;
}

.imagemCentro {
	position:absolute;
	width:70%;
	left:10%;
	top:30%;
	display:none;
	z-index:122;
	padding:10px;
	border-radius: 10px;
	border: 1px #ccc solid;
	text-align:center;
	color: #458B74;
	box-shadow: inset 0 0 1em #ccc, 0 0 1em #ccc;
}

.iconeLeft {
	font-family:icofont;
	float:left;
	padding:0px 8px 0px 8px;
}

.iconeRight {
	font-family:icofont;
	float:right;
	padding:0px 8px 0px 8px;
}

.iconeCenter {
	font-family:icofont;
	float:center;
	padding:0px 8px 0px 8px;
}

.textoLeft {
	text-align:left;
	float:left;
	padding:0px 8px 0px 8px;
}

.textoRight {
	text-align:right;
	float:right;
	padding:0px 8px 0px 8px;
}

.textoCenter {
	float:center;
	padding:0px 8px 0px 8px;
}

.miniTecladoQwerty {

	left: 0;
	right: 0;
	width: calc(100% - 4%);
	margin: 0 auto;

	display: none;
	position: fixed;
	bottom: 50px;
	bottom: calc(env(safe-area-inset-bottom, 0px) + 50px);
	max-width:900px;
	box-sizing: border-box;
	padding: 5px;
	background-color: rgb(0,0,0,.8);
	border: #444 .05em solid;
	z-index: 1000;
}

.tecladoQwerty {
	border: 0px;
	cursor: pointer;
	font-size: 22px;
	font-family: courier;
	font-weight: bold;
	text-align: center;
}

.imgLogo {
	width:190px;
	height:190px;
	border:0px;
	position:absolute;
	z-index:102;
}

.imagemMarcada {
	float:left;
	width:80px;
	margin-right:5px;
	margin-bottom:5px;
}

.nomeTitulos {
	display:none;
	background-color: #eee;
	font-size:20px;
	background-color:#fff;
	width:100%;
	height:40px;
	color:#777;
	margin: 0px 0px 3px 0px;
	cursor: pointer;

}

.xClose {
	float:right;
	color:#aaa;
	padding: 5px;
}

.botTransp {
	position:absolute;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}

.xClose3 {
	left:10px;
	top:35px;
	color:#ccc;
	position:absolute;
}

.soTamFonte {
	font-size: 16px;
}

.logoEntrada {
	float:center;
	border:0px;
	width:33%;
	margin:33%;
	margin-top:43%;
	margin-bottom:50%;
}

.elementoEntrada {
	margin:0px;
	height:100%;
	display:none;
}

.msgExtra {
	color:#333;
	position:fixed;
	width:70%;
	left:10%;
	font-weight:normal;
	z-index:99;
	border:.05em solid #aaa;
	text-align:left;
	padding:20px;
	top:16%;
	background-color: #eee;
	display:none;
}

.avisoNot {
	position:fixed;
	left:5px;
	bottom:5px;
	display:none;
	width:50px;
	height:50px;
	z-index:105;
}

.classNot td {
	font-size:20px;
}

.classNot {
	font-size:20px;
	color:#777;
	position:fixed;
	left:0px;
	text-align:left;
	padding:10px;
	width:280px;
	max-height:360px;
	overflow-y:auto;
	bottom:0px;
	margin:0px 5px -5px 5px;
	right:0px;
	display:none;
	border-radius: 10px 10px 0px 0px;
	border: 1px #aaa solid;
	z-index:4;
	box-shadow: inset 0 0 .3em #aaa, 0 0 .3em #aaa;
	word-wrap: break-word;
}

.titNotif td {
	border:0px;
	font-size: 20px;
	background-color: #181818;
}

#irTopo, .irTopo  {
	color:#aaa;
	text-align:center;
}

.subTit {
	font-size: 18px;
}

.itemSistemas {
	font-size: 16px;
}

.wordLinks {
	background-color:#eee;
	border-radius:5px;
	text-decoration:none;
	font-size: 20px;
	float:left;
	word-wrap: break-word;
	cursor:pointer;
	padding:5px 8px;
	margin: 2px;
	font-family: Verdana;
	overflow-x:hidden;
	flex-wrap: wrap;
}

.wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.wrapperWide {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.wordLinks2 {
	font-size: 22px;
	font-family: courier;
	width: 100%;
	padding-bottom: 5px;
	overflow-x: hidden;
	text-align: left;
}

.wordLinks3 {
	overflow-x:hidden;
}

.wordFita {
	font-size:70%;
	vertical-align: top;
	overflow-x:hidden;
}

.tabEquivalencia td { 
	border:.05em #ddd solid;
}

#mManual {
	display:none;
}

a {
	color: #003399;
	text-decoration: none;
}

input {
	font-family: Verdana;
}

input:hover {
	background-color:#CAE1FF;
}

a:hover {
	color: darkorange;
	text-decoration: none:
}

menu {
	font-size: 15px;
}

form {
	margin: 0px;
}

.botaoAvulso {
	height: 45px;
	width:45px;
	font-size:32px;
}

input, textarea, text {
	-webkit-appearance: none;
	padding: 0px 0px 0px 5px;
	_width: 100%;
	_height: 100%;
}

table {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
}

.wrapperM {
	width:100%;
	height:50px;
	display: grid;
	gap: 3px;
	margin: 0px 0px 4px 0px;
}

.wrapper1 {
	grid-template-columns: repeat(1, 1fr);
}

.wrapper2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.wrapper3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	_grid-template-columns: 15% repeat(1, 1fr) 15%;
}

.wrapper4 {
	grid-template-columns: repeat(4, 1fr);
}

.wrapper5 {
	grid-template-columns: repeat(5, 1fr);
}

.wrapper6 {
	grid-template-columns: repeat(6, 1fr);
}

.wrapper7 {
	grid-template-columns: repeat(7, 1fr);
}

.wrapper8 {
	grid-template-columns: repeat(8, 1fr);
}

.wrapper9 {
	grid-template-columns: repeat(9, 1fr);
}

.wrapper10 {
	grid-template-columns: repeat(10, 1fr);
}

.alturaPadrao {
	_height: 100%;
	padding: 0px;
	margin: 0px;
	font-size:30px;
	border:0px;
	cursor:pointer;
	color:#777;
	/*width: 100%;*/
}

.titulos {
	height: 40px;
	font-size:22px;
	cursor:pointer;
	background-color:#eee;
	color:#777;
	padding-top:10px;
	margin: 3px 0px 3px 0px;
	padding-bottom:5px;
}

.titulos2 {
	height: 40px;
	font-size: 24px;
	cursor: pointer;
	background-color: #eee;
	color: #777;
	margin: 3px 0px 3px 0px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.miniBotao {
	width:100%;
	height: 22px;
	font-size:15px;
	margin:3px;
	padding:0px;
	color:#777;
	padding:0px;
	cursor:pointer;
}

.celCabecalho td, .iconSistemas, #iconSistemas {
	border:2px #ddd solid;
}

#bordaRidge, .bordaRidge {
	border: 2px #ddd solid;
}

.sTabela td {
	font-size:16px;
}	

#textoGeral, .textoGeral {
	font-size:22px;
	padding:15px;
}

.divBotao {
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
}

.celConv {
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
}

#sZoom, .sZoom, #tZoom, .tZoom {
	font-size:20px;
	background-color:#fff;
	_height: 96%;
	color:#777;
	font-family: 'arial narrow';
}

.tamTabAlfaNum {
	font-size:18px;
	padding-top:5px;
	padding-left:5px;
	margin-top:5px;
	width:100%;
}

.tZoomMat {
	font-size: 20px;
	resize: none;
	font-family: 'arial narrow';
}

.txtArea {
	font-size:22px;
	background-color:#fff;
	font-family: 'arial narrow';
	_height: 95%;
}

#BotManual {
	height:30px;
	font-size:16px;
	font-family: Tahoma;
}


_textarea, text, select, optgroup, option, input {
	font-family: 'arial narrow';
	font-size: 18px;
	background-color:#fff;
	border: 0px;
}

button {
	font-family: 'arial narrow';
	font-size: 14px;
	background-color: steelblue;
	color: white;
}


.TabModulos, #TabModulos {
	margin-bottom:3px;
	color:#777;
	overflow-x:hidden;
}

.tabTopo {
	/*margin: 0px 0px -2px 0px;*/
	display:none;
	_float: left;
	/*width:100%;*/
}

.tabRodape {
	margin: 2px 0px 0px 0px;
	cursor: pointer;
}

.divNavigation {
	margin: 2px 0px 2px 0px;
}

.fCampoOff {
	font-size:20px;
	width:100%;
	height:100%;
}

#fImage {
	width:55px;
	float:right;
	border:.05em #aaa ridge;
	padding:1px;
	margin:2px;
}

.bModulos {
	border-style:outset;
	color:#006880;
	width:100%;
	font-size:16px;
	height: 35px;
}

.alertaMsg {
	background: -webkit-linear-gradient(bottom right, #FFEC8B, #fff , #FFEC8B);
	margin-bottom:5px;
	font-size:22px;
	padding:5px;
	color:#777;
	display:none;
}


.divMsgFree {
	border-radius:15px;
	background: -webkit-linear-gradient(bottom right, #FFEC8B, #fff , #FFEC8B);
	font-size:16px;
	color:#777;
	display:none;
	position:fixed;
	left:0px;
	text-align:left;
	padding:10px;
	max-height:300px;
	overflow-y:auto;
	bottom:0px;
	right:0px;
	z-index:102;
}

.divMsgFree a {
	color:#777;
}

.imgMsgFree {
	color:#777;
	font-family:icofont;
	font-size:45px;
	float:left;
	padding:5px;
}

.sMsgErro {
	position:fixed;
	top:30px;
	left:0px;
	display:none;
	color:#444;
	background: -webkit-linear-gradient(bottom right, #FFEC8B, #fff , #FFEC8B);
	border: .05em ridge #eee;
	text-align:left;
	max-width:70%;
	margin-left:5px;
	padding:15px;
	font-size:18px;
	font-family: 'arial narrow';
	border-radius:5px;
	z-index:102;
	cursor: pointer;
	word-wrap: break-word;
}

.sMsgCentro {
	position: fixed;
	display:none;
	top:30px;
	left:0px;
	color: #444;
	background: -webkit-linear-gradient(bottom right, #fff, #ddd , #fff);
	text-align:left;
	max-width:70%;
	margin-left:5px;
	padding:15px;
	font-size:18px;
	font-family: 'arial narrow';
	border-radius:5px;
	z-index:102;
	cursor: pointer;
	word-wrap: break-word;
}

.sMsgPreview {
	position: fixed;
	display:none;
	top:30px;
	left:0px;
	color: #444;
	background: -webkit-linear-gradient(bottom right, #fff, #ddd , #fff);
	text-align:left;
	max-width:70%;
	margin-left:5px;
	padding:15px;
	font-size: 20px;
	font-family: 'arial narrow';
	border-radius:5px;
	z-index:101;
	cursor: pointer;
	word-wrap: break-word;
	overflow-y: auto;
}

.sMsgPreview {
	overflow-y:auto;
	max-height: 300px;
}

.sMsgPreview::-webkit-scrollbar {
	width: 2px;
}

.sMsgPreview::-webkit-scrollbar-track {
  background: tranparent;
}

.sMsgPreview::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 20px;
  border: 1px solid #888;
}

#sImagem td, .sImagem td {
	border:.05em #aaa ridge;
	margin-right:4px;
	padding:1px;
}

.sTitMod {
	padding: 0px;
	margin:0px;
	color:#00688B;
	font-size:32px;
	width:100%;
	height:35px;
	cursor:pointer;
}

.sinaisTit {
	float:right;
	margin:3px 5px 0px 0px;
	height:33px;
	font-size:32px;
}

.icofonte {
	font-family:icofont;
	font-size:22px;
}

.soIcone {
	font-family:icofont;
}

.iconesTit {
	font-family:icofont;
	width:20px;
	float:left;
	margin:5px 12px 5px 5px;
	color:#00688B;
	font-size:32px;
	background-color:transparent;
	margin-right:16px;
}

.iconesMenu td {
	font-family:icofont;
	color:#00688B;
	font-size:32px;
	background-color:transparent;
	height:40px;
	min-width:25px;
	cursor:pointer;
	border:.05em #eee solid;
}

.imagesMenu {
	margin-left:5px;
	height:35px;
	cursor:pointer;
}

.iconSistemas  {
	border:3px #aaa ridge;
	padding:5px;
	text-align:center;
	width:100%;
}

.fundoResponsive td {
	background-color:#aaa;
	width:20px;
	height:3px;
}

.textManual {
	width: 94%;
}

@media screen and (min-width: 600px) {
	
	.wrapper {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
	}

	.wrapper2 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.wrapperWide {
		grid-template-columns: repeat(2, 1fr);
	}

	.listaDatasSeg {
		font-size: 40px;
	}
	
}

@media screen and (max-width: 395px) {
	.titulosMini {
		font-size: 20px;
	}
}

@media screen and (max-width: 360px) {
	.imgShowGames {
		width: 60%;
	}
	

	.botoesTopo {
		font-size: 14px;
		padding: 2px;
		border-radius: 5px;
		line-height: 28px;
	}
}

@media screen and (min-width: 400px) {

	.botoesTopo {
		font-size: 16px;
		padding: 3px;
		border-radius: 8px;
		line-height: 30px;
	}

	.brFlag {
		border-radius: 6px;
		width:40px;
	}

	.classNot {
		width: 300px;
		max-height:400px;
	}
	
}


@media screen and (min-width: 800px) {

	.imgWater {
		left: 47%;
		top: 47%;
		width: 6%;
	}
	
}

/*
@media screen and (max-width: 720px) {

	.telaCheia {
		max-width: 50%;
		left: 25%;
	}
	
}
*/

@media screen and (max-width: 360px) {
	.vMontcalc {
		padding: 3px;
	}
}

@media screen and (max-width: 500px) {

	.inputImport {
		width: 94.2%;
	}

	.inputDatas {
		grid-template-columns: 10% 33% 10% 44.5%;
	}

	.inputDias {
		grid-template-columns: 10% 29% 10% 29% 19%;
	}

	.inputTotais {
		grid-template-columns: repeat(3,18%) 27% 16%;
	}

	.inputVoz {
		grid-template-columns: 14.7% 69% 14.7%;
	}

	.inputConv {
		grid-template-columns: 15% 53% 15% 14.5%;
	}
	
}

@media screen and (min-width: 500px) {

	.txtDownload {
		font-size: 34px;
		margin: 0% 15% 0% 15%;
	}

	.textManual {
		width: 97.3%;
	}

	.textFloat {
		font-size: 22px;
	}

	.miniTecladoQwerty {
		left: 1%;
		right: 1%;
	}

	.divPedras {
		width: 45px;
		height: 45px;
	}

	.wrapperM {
		height:60px;
		gap: 4px;
	}

	.tdPadrao td {
		height: 60px;
	}

	.botoesTopo {
		font-size: 24px;
		line-height: 50px;
		border-radius: 10px;
		margin: 6px;
		padding: 5px;
	}

	.iconTelaCheia {
		font-size:50px;
	}

	.imgLogo {
		width: 240px;
		height: 240px;
	}

	.nomeTitulos {
		font-size:24px;
		height:50px;
	}

	.botTransp {
		width:80px;
	}

	.divPopUpPadrao {
		width:295px;
		border-radius:8px;
	}

	.elementSelectPadrao {
		width:60px;
		border-radius:8px;
		margin: 5px 6px 5px 6px;
	}

	.divPopUpFontes {
		width:400px;
		border-radius:8px;
	}

	.elementSelectFontes {
		width:77px;
		margin:5px;
		padding:5px;
		font-size:20px;
	}

	.selCorFonte {
		width:25px;
		margin:5.5px;
		padding:5px;
	}

	.divPopUpTransicao {
		width:310px;
		z-index:3;
		border-radius:8px;
	}

	.selTransicao {
		width:130px;
		border-radius:10px;
		margin:5px;
		padding:5px;
		font-size:20px;
	}

	.elementSelectBorda {
		width:44px;
	}

	.alturaTextAlfa {
		height:80px;
	}

	.brFlag {
		border-radius: 8px;
		width:50px;
	}
	
	.icofonte {
		font-size:28px;
	}

	.classeDev {
		font-size:24px;
	}
	
	.voceDigital {
		font-size:32px;
	}
	
	.titulos {
		height: 50px;
		padding-top:15px;
		font-size:32px;
		margin-left:3px 0px;
		margin-right:3px 0px;
	}

	.titulos2 {
		font-size:36px;
		padding-top:15px;
		padding-bottom:5px;
		height: 55px;
	}
	
	.tecladoQwerty {
		font-size:28px;
	}

	.imagemMarcada {
		width:120px;
		margin-right:8px;
		margin-bottom:8px;
	}

	.soTamFonte {
		font-size: 18px;
	}
	
	.tamTabAlfaNum {
		font-size:26px;
	}
	
	.classNot {
		width: 360px;
		max-height: 500px;
	}

	.classNot td {
		font-size:24px;
	}

	.titNotif td, .configNotif {
		font-size: 28px;
	}
	
	#textoGeral, .textoGeral { font-size:28px; }
	.botaoAvulso, .alturaPadrao { font-size:42px; }
	.botaoAvulso { width: 55px; }
	.tZoom, #tZoom, .sZoom, #sZoom { font-size:32px; } 
	
	.tZoomMat {
		font-size:40px;
	}
	
	.fCampoOff { font-size:30px; }
	.sMsgCentro, .bModulos, .sMsgErro { font-size:24px; }
	.sMsgPreview { font-size:26px; }
	.alertaMsg  { font-size: 24px; padding:7px; }
	.sTabela td { font-size:22px; }
	.divMsgFree { font-size:20px; }
	.imgMsgFree { font-size:55px; }

	.subTit { 
		font-size:24px;
	}

	.itemSistemas {
		font-size: 22px;
	}

	.miniBotao {
		font-size:18px;
		margin:6px;
	}

	.sTitMod,.sModTit,.sinaisTit,.iconesTit { font-size:42px; }
	.iconesTit  { margin-right:30px; }
	.iconesMenu td  { font-size:38px; height:50px;}
	.imagesMenu { height:45px; }

	.sinaisTit {
		height:40px;
	}

	_textarea, text, select, optgroup, option {
		font-size: 22px;
	}

	.wordLinks {
		font-size: 24px;
		padding: 8px;
		margin: 3px;
	}

	.wordLinks2, .txtArea {
		font-size: 30px;
	}

	.msgTelaCheia {
		font-size:30px;
		float:left;
	}


}

@media screen and (min-width: 700px) {

	.botoesTopo {
		font-size: 26px;
		line-height: 60px;
		border-radius: 12px;
		margin: 8px 13px;
		padding: 6px;
	}


}

/* EFEITO ESTRELAS */
/* desativado em 20/09/2023 */

/* 
.effectStars {
	position: absolute;
	left:0px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 500px 30px white, 
    100px 80px white,
    80px 120px white,
    300px 20px white,
    400px 130px white,
    600px 50px white,
    720px 160px white,
    1024px 60px white,
    1220px 115px white,
    1300px 90px white;
	animation: animStars 10s linear infinite;
}


.effectStars::after{
	content: " ";
	position: absolute;
	top: 50px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	box-shadow: 500px 30px white, 
    100px 80px white,
    80px 120px white,
    300px 20px white,
    250px 130px white,
    400px 130px white,
    600px 50px white,
    720px 160px white,
    1024px 60px white,
    1220px 115px white,
    1300px 90px white;
	animation: animStars 15s linear infinite;
}

.effectStars2{
	position: relative;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	box-shadow: 500px 15px white, 
    125px 35px white,
    50px 80px white,
    10px 120px white,
    275px 90px white,
    230px 10px white,
    400px 130px white,
    600px 50px white,
    720px 160px white,
    1220px 115px white,
    1300px 90px white;
	animation: animStars 20s linear infinite;
}

.effectStars2::after{
	content: " ";
	position: absolute;
	top: 50px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	box-shadow: 500px 15px white, 
    125px 35px white,
    50px 80px white,
    10px 120px white,
    275px 90px white,
    230px 10px white,
    400px 130px white,
    600px 50px white,
    720px 160px white,
    1220px 115px white,
    1300px 90px white;
	animation: animStars 25s linear infinite;
}


@keyframes animStars {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2048px);
    }
}
 */