* {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

body {
	background-color:#F3F3F3;
	margin:0px 0Px;
	width:100%;
	overflow-y: scroll;
	font-family: Comfortaa;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	overflow: auto;
}

.texto     {font-family: Comfortaa; font-style: normal;text-decoration: none;font-weight:normal;color: #000;}
.numeros   {font-family: Inconsolata, monospace; font-style: normal;text-decoration: none;font-weight:normal;color: #000;}
.textodash {font-family: Tilt Warp, cursive;font-style: normal;text-decoration: none;font-weight:normal;color: #000;}

.texto8    {font-size: 8px;}
.texto9    {font-size: 9px}
.texto10   {font-size: 10px}
.texto11   {font-size: 11px}
.texto12   {font-size: 12px}
.texto13   {font-size: 13px}
.texto14   {font-size: 14px}
.texto15   {font-size: 15px}
.texto16   {font-size: 16px}
.texto18   {font-size: 18px}
.texto20   {font-size: 20px}
.texto22   {font-size: 22px}
.texto24   {font-size: 24px}
.texto26   {font-size: 26px}
.texto28   {font-size: 28px}
.texto30   {font-size: 30px}
.texto32   {font-size: 32px}
.texto34   {font-size: 34px}
.texto36 {font-size: 36px;}
.texto40 {font-size: 40px;}
.texto50 {font-size: 50px;}
.texto60 {font-size: 60px;}

.textoWhite {color: #fff;}
.textoGray {color: #444444;}
.textoBlack {color: #000;}
.textoRed {color:#CC0000;}
.textoBlue {color:#0000FF;}
.textoViolet {color:#660000;}
.textoLightBlue {color: #23AFE7;}
.textoDarkBlue {color: #000644;}

.teste {color:black}

.textoCenter  {text-align:center;}
.textoLeft    {text-align:left;}
.textoRight   {text-align:right;}
.textoJustify {text-align:justify;}

.textoUpper {text-transform: uppercase;}
.textoUpperF::first-letter {text-transform: uppercase;}

.textoBold {font-weight:bold;}
.textoBolder {font-weight:bolder;}
.textoBold200 {font-weight: 200;}
.textoBold300 {font-weight: 300;}
.textoBold400 {font-weight: 400;}
.textoBold500 {font-weight: 500;}
.textoBold600 {font-weight: 600;}

.optionMenuBar {
	padding: 4px 5px 4px 10px;
	background-color:#2d3e50;
	cursor: pointer;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
.optionMenuBar:hover{
	background-color:#506d8b;
}
/*CSS para o primeiro botao do menudrop down*/
.optionMenuDropDown:not(.divisor) > button {
	background-color:#415061;
	font-size: 10px;
	padding: 4px 5px 4px 10px;
}
/*CSS para o botao do submenu*/
.optionMenuDropDown:not(.divisor) .optionMenuDropDown > button {
/*	background-color: transparent;*/
	background-color:#41506171;
	font-size: 10px;
	padding: 4px 5px 4px 10px;
}
.optionMenuDropDown:not(.divisor) button:hover {
	background-color:#506d8b;
}
/* ----- SE QUISER APLICAR UMA COR DE BACKGROUND DIFERENTE PRO BOTAO DROPDOWN DO MENU -------------
.optionMenuDropDown.divisor button:hover {
	background-color:#506d8b;
}
*/ 



.checkbox-list {display: flex; flex-direction: column;position: relative;}
.checkbox-list > button { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; padding: 0 5px; height: 28px;background-color:white; border-radius: 3px; border: 1px solid #999999;}
.checkbox-list ul {min-width: 100%;display: flex; flex-direction: column; gap:1px; position: absolute; top: 110%; left: 0; background-color: white; border-radius: 3px; border: 1px solid #999999; z-index: 10;}
.checkbox-list li {display: flex;align-items: center; gap: 2px; padding:5px;}


.flex-row {display: flex; flex-direction: row;flex-shrink: 1;}
.flex-rowreverse {display: flex; flex-direction: row-reverse;flex-shrink: 1;}
.flex-column {display: flex; flex-direction: column;flex-shrink: 1;}
.flex-row-mobile {display: flex; flex-direction: row;flex-shrink: 1;}
.flex-row-desktop {display: flex; flex-direction: column;flex-shrink: 1;}
.flex-column-mobile { display: flex; flex-direction: column;flex-shrink: 1;}
.flex-column-desktop { display: flex; flex-direction: row;flex-shrink: 1;}

/* #e8e7e7   #f4f4f4   #b4b4b4*/

.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

.flex-stretch {align-items: stretch;}
.flex-center {align-items: center;}
.flex-end {align-items: flex-end;}
.flex-start {align-items: flex-start;}
.flex-base {align-items: baseline;}

.flex-grow1 {flex-grow: 1;}
.flex-grow2 {flex-grow: 2;}
.flex-grow3 {flex-grow: 3;}

.flex-gap1  {gap: 1px; }
.flex-gap2  {gap: 2px;}
.flex-gap3  {gap: 3px;}
.flex-gap4  {gap: 4px;}
.flex-gap5  {gap: 5px;}
.flex-gap6  {gap: 6px;}
.flex-gap7  {gap: 7px;}
.flex-gap8  {gap: 8px;}
.flex-gap9  {gap: 9px;}
.flex-gap10 {gap: 10px;}
.flex-gap15 {gap: 15px;}
.flex-gap20 {gap: 20px;}
.flex-gap25 {gap: 25px;}
.flex-gap30 {gap: 30px;}
.flex-gap40 {gap: 40px;}
.flex-gap50 {gap: 50px;}
.flex-gap60 {gap: 60px}
.flex-gap70 {gap: 70px}
.flex-gap80 {gap: 80px}
.flex-gap90 {gap: 90px}
.flex-gap100 {gap: 100px}
.flex-gap5Perc  {gap: 5%;}

.flex-between {justify-content: space-between;}
.flex-between-f {justify-content: space-between; align-items: stretch; }
.flex-between-c {justify-content: space-between; align-items: center;}
.flex-between-s {justify-content: space-between; align-items: flex-start;}
.flex-between-e {justify-content: space-between; align-items: flex-end;}
.flex-evenly-b  {justify-content: space-between; align-items: baseline;}

.flex-evenly {justify-content: space-evenly;}
.flex-evenly-c {justify-content: space-evenly; align-items: center;}
.flex-evenly-s {justify-content: space-evenly; align-items: flex-start;}
.flex-evenly-e {justify-content: space-evenly; align-items: flex-end;}
.flex-evenly-b {justify-content: space-evenly; align-items: baseline;}

.flex-start-c {justify-content: flex-start; align-items: center;}
.flex-start-s {justify-content: flex-start; align-items: flex-start;}
.flex-start-e {justify-content: flex-start; align-items: flex-end;}

.flex-end-c {justify-content: end; align-items: center;}
.flex-end-s {justify-content: end; align-items: flex-start;}
.flex-end-e {justify-content: end; align-items: flex-end;}

.flex-center-c {justify-content: center; align-items: center;}
.flex-center-s {justify-content: center; align-items: flex-start;}
.flex-center-e {justify-content: center; align-items: flex-end;}
.flex-center-b {justify-content: center; align-items: baseline;}

.flex-stretch-c {justify-content: stretch; align-items: center;}




.inputGestorTexto {padding: 5px; background-color:#fff; box-sizing: border-box; border-radius: 3px; border: 1px solid #999999; outline:none; resize: none;}
.inputGestorTexto:disabled {background-color: #cecece;}
.inputGestorTexto:focus {border: 1px solid #000; background-color: #FFFFCC; outline:none;}
.inputGestorTextoDecimal {text-align:right;}

.inputGestorCheckBox {min-width: 10px; min-height: 10px; outline:none; resize: none;border-radius: 3px; border: 1px solid #999999;}
.inputGestorCheckBox:disabled {background-color: #cecece;}
.inputGestorCheckBox:focus {border: 1px solid #000; background-color: #FFFFCC; outline:none;}

.inputGestorData {padding: 4px; max-width: 135px; outline:none; resize: none;border-radius: 3px; border: 1px solid #999999;}
.inputGestorData:disabled {background-color: #cecece;}
.inputGestorData:focus {border: 1px solid #000; background-color: #FFFFCC; outline:none;}

.inputGestorHora {padding: 5px; outline:none; resize: none;border-radius: 3px; border: 1px solid #999999;}
.inputGestorHora:disabled {background-color: #cecece;}
.inputGestorHora:focus {border: 1px solid #000; background-color: #FFFFCC; outline:none;}



.button {
	background-color:#CCCCCC;
	border-radius: 6px;
	border: none;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition-duration: 0.4s;
	cursor: pointer;
	padding: 4px 5px 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	background-repeat: no-repeat;
	background-position: center center;
	outline:none;
	resize: none;
}
/*
.button:focus {
	border: 1px solid #000;
}
*/

.buttonEmpty {border: 0;background-color: transparent;cursor: pointer;}
  
.buttonSmall  {padding: 3px 10px;font-size: 12px;}
.buttonSmallP {padding: 1px 6px;font-size: 10px;}
.buttonNormal {padding: 4px 10px;font-size: 10px;}
.buttonLarge  {padding: 8px 25px;font-size: 14px;}
.buttonLarge2 {padding: 8px 50px;font-size: 14px;}
.buttonBig    {padding: 8px 25px;font-size: 20px;}
.buttonGG    {padding: 15px 20px;font-size: 20px;}

.buttonBlue {background-color:#F8F8F8; color: black; border: 2px solid #008CBA;}
.buttonBlue:hover {background-color: #008CBA;color: white;}

.buttonRed {background-color:#F8F8F8; color: black; border: 2px solid #ba2800;}
.buttonRed:hover {background-color: #ba2800;color: white;}

.buttonBlue2 {background-color:#E5E5E5; color: black; border: 2px solid #003399;}
.buttonBlue2:hover {background-color: #003399;color: white;}

.buttonGreen {background-color:#E5E5E5; color: black; border: 2px solid #006600;}
.buttonGreen:hover {background-color: #006600;color: white;}

.buttonBlack {background-color:#000; color: black; border: 1px solid #000;}
.buttonBlack:hover {background-color: #000;color: white;}

.buttonGray {background-color:#f1f1f1; color: black; border: 1px solid #999999;}
.buttonGray:hover {background-color: rgb(255, 255, 255); color: black;}

.buttonSilver {background-color:#888888; color: black; border: 1px solid #999999;}
.buttonSilver:hover {background-color: #e4e4e4; color: black;}

.button-default {border:0;background-color:transparent;cursor:pointer}

.buttonH {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; border: 1px solid black; background-color: transparent; cursor: pointer; padding: 5px; }
.buttonV {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid black; background-color: transparent; cursor: pointer; padding: 5px; }

.tabButton {opacity: 100%;display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 0; background-color: transparent; cursor: pointer; padding: 2px;}
.tabButton:disabled {opacity: 30%;}
.tabButton p {display: none;}
.tabButton-Clicked  {background-color: #F3F3F3;}
.tabButtonsWithBar .tabButton {padding: 0 3px;}

.tabOptionsButton {justify-content:center; width:100%; background-color:#c0c0c0}

/*CSS para o primeiro botao do menudrop down*/
.menu-dropdown > button {background-color:#415061;}
/*CSS para o botao do submenu*/.
.menu-dropdown .menu-dropdown > button {background-color: transparent;}


.GridBGWhite{background-color:#FFFFFF;}
.GridBGWhite:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGGray{background-color:#F0F0F0;}
.GridBGGray:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGBlue{background-color: #d0f3ff;}
.GridBGBlue:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGRed{background-color:#FFD2D2}
.GridBGRed:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGRedDark{background-color:#ff9e9e}
.GridBGRedDark:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGRedSilver{background-color:#e4e4e4}
.GridBGRedSilver:not([NotHover]):hover{background-color:#FFFFCC;}

.GridBGYellow{background-color:#ffffeb;}

.GridBGGreen{background-color:#daffd0;}


/* WEBM */
.frameFormNoBorder {border: 0px;float:left;margin-right:10px; z-index:1000;}

.textosys  {font-family: Inconsolata, monospace;font-style: normal;text-decoration: none;font-weight:normal;color: #000;}

.Texto8C    {font-family: Comfortaa;font-size: 8px ;font-style: normal;color: #444444;text-decoration: none;;font-weight:normal;}
.Texto8CB   {font-family: Comfortaa;font-size: 8px ;font-style: normal;color: #444444;text-decoration: none;;font-weight:bold;}
.texto9    {font-size: 9px}
.Texto10P   {font-family: Comfortaa;font-size: 10px;font-style: normal;color: #000000;text-decoration: none;;font-weight:normal;}
.texto12   {font-size: 12px}

.textoRedBlack {color:#9F1114;}
.textoRedGreen {color:#006600;}

.inputTextoForm{padding: 5px; border-radius: 3px; box-sizing: border-box; border: 1px solid #999999; outline: none; background-color: #FFFFFF;font-family: Comfortaa; height:24px;}
.inputTextoForm:focus {border: 1px solid #000; background-color: #FFFFCC;}
.inputTextoFormRight {text-align:right;}

.scrolltabdiv {background-color: #fff;overflow-y: scroll;} 
.FrameRoundQ {border: 1px solid #999999;border-radius: 2px;background-color:#fff; z-index:1000; padding: 5px;}
.FrameRound {border: 1px solid #999999;border-radius: 5px;background-color:#F9F9F9; z-index:1000}
.FrameRoundFixed {border: 1px solid #999999;border-radius: 3px;background-color:#FFFFFF;float:left;position: relative; margin: 0px 2px;}
.FrameFloaRelative {float:left;position: relative;margin: 0px 4px;}

.frameInputx {margin-right: 5px; vertical-align: bottom;}
.tabvisible {display: none;}
.divvisible {display: block;}
.divinvisible {display: none;}

.buttonList {
	background:#E0E0E0;
	color:#000000;
	padding:2px 5px;
	margin: 0px 4px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0;
	font-size: 8px;
	cursor:pointer;
	border: 1px solid #999999;
	border-radius: 3px;
	text-decoration: none;
}
.buttonList:hover {background-color:#999999;cursor:pointer;}

.DisplayWaitBlack{ 
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	z-index:5555; 
	-moz-opacity: 0.3; 
	opacity:.30; 
	filter: alpha(opacity=60); 
} 
.DisplayWaitBlackFrame{ 
	display: none; 
	position: fixed; 
	top: calc(100vh/2 - 50px);
	left: calc(100vw/2 - 100px);
	z-index:5556; 
	width: 200px; 
	height: 100px;
	overflow:hidden;  
} 

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


@media screen and (min-width: 768px) and (max-width: 1080px) {
.tabButton p {display: block;}
}

@media screen and (min-width: 1080px) {
.tabButton p {display: block;}
}