/*----------// CSS - Cascating Styles Sheet //---------*/

			body {
				font-size:14pt;
			}

			input[type=date],
			input[type=number],
			input[type=password],
			input[type=text],
			select, textarea {
				background: #d8d8fd;
				border: none;
				border-bottom: #a9a9ff solid 1px;
				color: #0b4a16;
			}

			#divBase {
			    background-color: #434c55;
				font-family: "Oxanium", serif;
				font-optical-sizing: auto;
				font-weight: 600;
				font-style: normal;
				height: -webkit-fill-available;
			    left: 0;
			    margin: 0;
				padding: 0.2rem;
			    position: absolute;
			    top: 0;
			    width: -webkit-fill-available;
			}

			#divConteudo {
			    background-color: #ceceff;
			    float: right;
			    padding: .8rem;
			    position: relative;
			    width: 89%;
			}

			#divLinha {
				float:left;
				padding: 0.2rem 0;
			}

			#divLogin {
				background-color: #598d58;
			    border: solid #203e23 1px;
			    box-shadow: 10px 10px 17px 0px rgba(0, 0, 0, 0.75);
			    border-radius: 1.5rem;
			    display: block;
			    height: 15rem;
			    left: 0;
			    margin: calc(25% - 14rem) calc(50% - 14rem);
			    padding: 1rem;
			    position: fixed;
			    top: 0rem;
			    width: 26rem;
			    -webkit-box-shadow: 10px 10px 17px 0px rgba(0, 0, 0, 0.75);
			    -moz-box-shadow: 10px 10px 17px 0px rgba(0, 0, 0, 0.75);
			}

			#divMenu {
			    background-color: #25472f;
			    color:#DaDbDc;
			    float: left;
			    font-size: 0.8rem;
				font-weight: 300;
			    padding: 0.2rem;
			    position: relative;
			    width: 8%;
			}

			#divMenu span {
			    background-color: #25472f;
			    display: inline-block;
			    padding: 0.1rem;
			    margin: 0.1rem;
			    width: 100%;
			}

			#divMenu span:hover {
			    background-color: #436951;
			    cursor:pointer;
			    font-size: 0.9rem;
				font-weight: 400;
			    width: 100%;
			}

			#divPagina {
				background-color: #598d58;
				display: block;
			    padding: 0rem 0.1rem;
			}

			#divReg {
				background-color: #598d58;
				border: solid 1px #396d38;
				display: inline-table;
				float: left;
			    padding: 0rem 0.1rem;
			}

			#divTopo {
			    background-color: #405be1;
    			color: #f8f9fa;
				font-family: "Goldman", serif;
				font-weight: 400;
				font-style: normal;
			    left: 0;
			    margin: 0;
				padding: 0.5rem 2rem 0.6rem 0.2rem;
			    position: relative;
			    text-align: right;
			    top: 0;
			    width: -webkit-fill-available;
			}

			#field {
				padding:0.1rem;
			}

			#formLojas, #formUsuarios {
				font-size:0.9rem;
				font-weight:300;
				padding: 0.4rem;
			}

			#label {
				font-size: x-small;
			    color: #6264df;
			    font-weight: 600;
			}

			#logo {
			    color: #ffff00;
			    cursor:pointer;
				font-family: "Oxanium", serif;
			    font-weight:400;
			    float: left;
			    position: relative;
			    top: 0;
			    text-decoration: none;
			}

			#logo img {
				position:relative;
				top:-.6rem;
				width:1rem;
			}

			#novaLinha {
				clear:both;
			}

			#topShow, 
			#kpiTitulo, #kpi, 
			#loginTitulo, #login, 
			#lojasTitulo, #lojas, 
			#fornecedoresTitulo, #fornecedores, 
			#entradasTitulo, #entradas, 
			#clientesTitulo, #clientes, 
			#saidasTitulo, #saidas, 
			#usuariosTitulo, #usuarios, 
			#parceirosTitulo, #parceiros, 
			#produtosTitulo, #produtos, 
			#servicosTitulo, #servicos, 
			#midiasTitulo, #midias, 
			#redessociaisTitulo, #redessociais, 
			#acessosTitulo, #acessos{
				display:block;
			}

			/*----------------- Acessos -----------------*/			
			#aceCodigo, #aceCategoria, #aceNome,
			#aceEmail, #aceLoja, #aceDia, 
			#aceHora, #aceEstado, #aceGerente {
				background-color: #efefff;
				border:1px solid #c1c5cf;
				color: #395e4a;
				cursor:default;
				display: inline-block;
				font-size:small;
				font-weight: 100;
				margin: 0;
				padding: 0.5px;
				text-align: center !important;
				white-space: nowrap;
			}

			#aceResult{
				display:block;
			}

			#divRel {
				float:left;
				padding: 0;
				margin: 0 !important;
				display: inline-grid;
			}

			#infCategoria, #aceCategoria {
				text-align:center;
				width: 6rem;
			}

			#infCodigo,  #aceCodigo {
				text-align:right;
				width: 2.2rem;
			}

			#aceCodigo small {
				cursor: pointer;
    			display: block;
				text-align: center;
			}

			#infCodigo big {
    			display: block;
				text-align: center;
			}

			#infCodigo, #infCategoria, #infNome,
			#infEmail, #infLoja, #infDia,
			#infHora, #infEstado, #infGerente {
				background-color: #dfdfef;
				border:1px solid #c1c5cf;
				border-radius: 0.2rem 0.2rem 0 0;
				color: #395e4a;
				display: inline-table;
				margin: 0;
				padding: 0.5px;
			}

			#infDia, #aceDia {
				text-align:center;
				width: 6rem;
			}

			#infEstado, #aceEstado {
				text-align:center;
				width: 8rem;
			}

			#infEmail, #aceEmail {
				text-align:left;
				width: 13rem;
			}

			#infGerente, #aceGerente {
				text-align:center;
				width: 4.35rem;
			}

			#infHora, #aceHora {
				text-align:center;
				width: 6rem;
			}

			#infLoja, #aceLoja {
				text-align:left;
				width: 8rem;
			}

			#infNome, #aceNome {
				text-align:left;
				width: 10rem;
			}

			#relAcessos {
				display:block;
			}

			#titAcesso {
				color: #436951;
				display:none;
				font-size :larger;
				font-weight :700;
			} 

			/*----------------- Login -----------------*/

			#fieldsLogin {
				display:block;
				text-align: center;
			}

			#logUsuario, #logSenha {
				background-color: #dfdfef;
				border:1px solid #c1c5cf;
			    border-radius: 0.5rem;
				color: #395e4a;
				font-size:1.5rem;
				text-align:center;
			}

			#fieldsLogin div #getBtn {
			    background-color: #396d38;
			    border: 1px solid #c1c5cf;
			    border-radius: 0.5rem;
			    color: #bedcfb;
			    cursor: pointer;
			    font-size: 1.5rem;
			    margin: 1.5rem 0 0.5rem 0;
			}

			#fieldsLogin div #getBtn:Hover {
			    background-color: #529a50;
			    border: 1px solid #b9f1fd;
			}

			#fieldsLogin div #label {
			    color: #212248;
				font-size: x-small;
			    font-weight: 800;
			    line-height: 90%;
			    margin: 0;
			    padding: 0.5rem 0 0 0;
			}

			#formLogin {
				color: #bedcfb;
				font-family: 'Oxanium';
			}

			/*----------------- Lojas -----------------*/

			#fieldsLoja {
				display:block;
			}

			#lojAtualizado,  #lojCadastro, #lojCategoria,#lojGerente {
				text-align:left;
				width: 11.6rem;
			}

			#lojCep {
				text-align:left;
				width: 10rem;
			}

			#lojCidade {
				text-align:left;
				width: 29.6rem;
			}

			#lojCnpj, #lojIe, #lojNumero {
				text-align:left;
				width: 10rem;
			}

			#lojCodigo {
				text-align:right;
				width: 4rem;
			}

			#lojComplemento, #lojBairro {
				text-align:left;
				width: 22.5rem;
			}

			#lojEmail, #lojTelefone, #lojWeb {
				text-align:left;
				width: 16.9rem;
			}

			#lojEndereco {
				text-align:left;
				width: 35rem;
			}

			#lojFantasia {
				text-align:left;
				width: 25rem;
			}

			#relLojas {
				display:block;
			}

			#lojObs {
				text-align:left;
				width: 45.5rem;
			}

			#lojRazaosocial {
				text-align:left;
				width: 35rem;
			}

			#lojResult {
				cursor:default;
			}

			#lojUf {
				text-align:left;
				width: 5rem;
			}

			#relLojas {
				display:block;
			}

			#titLoja {
				color: #436951;
				display:block;
				font-size :larger;
				font-weight :700;
			}

			/*----------------- Usuarios -----------------*/

			#fieldsUsuario {
				display:block;
			}

			#relUsuarios {
				display:block;
			}

			#titUsuario {
				color: #436951;
				display:none;
				font-size :larger;
				font-weight :700;
			}

			#usCategoria {
				text-align:left;
				width: 8rem;
			}

			#usrCodigo {
				text-align:right;
				width: 4rem;
			}

			#usrEmail, #usrSenha, #usrLoja, 
			#usrCadastro, #usrAtualizado, 
			#usrGerente {
				text-align:left;
				width: 14.9rem;
			}

			#usrNome {
				text-align:left;
				width: 12rem;
			}

			#usSobrenome {
				text-align:left;
				width: 20rem;
			}

			#usResult{
				cursor:default;
			}