@import "AnyStyles.ImagesTokens.css";

@import "DataCenterDS_Tokens.css";


@layer DataCenterDS {
/* [gx-css-import ignore - start] */

@keyframes entermask {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.1;
  }
}

@keyframes leavemask {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 0;
  }
}

div[data-align="center"] > div[data-align-outer] {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
div[data-align="right"] > div[data-align-outer] {
  display: table;
  margin-left: auto;
}
div[data-valign="middle"] > div[data-align-outer] {
  display: table;
  height: 100%;
  width: 100%;
}
div[data-valign="middle"] > div[data-align-outer] > div[data-align-inner] {
  display: table-cell;
  vertical-align: middle;
}
div[data-valign="bottom"] > div[data-align-outer] {
  display: table;
  height: 100%;
  width: 100%;
}
div[data-valign="bottom"] > div[data-align-outer] > div[data-align-inner] {
  display: table-cell;
  vertical-align: bottom;
}
td[data-cell-valign="top"] {
  vertical-align: top;
}
td[data-cell-valign="middle"] {
  vertical-align: middle;
}
td[data-cell-valign="bottom"] {
  vertical-align: bottom;
}
div[data-cell-valign="middle"] {
  display: table-cell;
  vertical-align: middle;
}
div[data-cell-valign="bottom"] {
  display: table-cell;
  vertical-align: bottom;
}
div[data-align="center"] > div[data-align-outer] {
  width: auto;
}
div[data-align="right"] > div[data-align-outer] {
  width: auto;
}
div[data-align][data-align-image] > div[data-align-outer] {
  display: block;
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
div[data-align][data-align-image]
  > div[data-align-outer]
  > div[data-align-inner] {
  height: 100%;
}
div[data-valign][data-align-image]
  > div[data-align-outer]
  > div[data-align-inner] {
  display: block;
  height: 100%;
}
div[data-align="center"][data-align-image] img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
div[data-align="right"][data-align-image] img {
  margin-left: auto;
  display: block;
}
div[data-align="center"]:not([data-valign])[data-align-image] img {
  background-position: center top;
}
div[data-align="center"][data-valign="middle"][data-align-image] img {
  background-position: center center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div[data-valign][data-align-image] div[data-align-inner] {
  position: relative;
}
div[data-valign][data-align-image] img {
  position: absolute;
  margin: auto;
}
div[data-align="center"][data-valign="bottom"][data-align-image] img {
  background-position: center bottom;
  right: 0;
  bottom: 0;
  left: 0;
}
div[data-align="right"]:not([data-valign])[data-align-image] img {
  background-position: right top;
}
div[data-align="right"][data-valign="middle"][data-align-image] img {
  background-position: right center;
  top: 0;
  right: 0;
  bottom: 0;
}
div[data-align="right"][data-valign="bottom"][data-align-image] img {
  background-position: right bottom;
  right: 0;
  bottom: 0;
}
div:not([data-align])[data-valign="middle"][data-align-image] img {
  background-position: left center;
  top: 0;
  bottom: 0;
}
div:not([data-align])[data-valign="bottom"][data-align-image] img {
  background-position: left bottom;
  bottom: 0;
}
div[data-align="center"]
  > div
  > div
  > div.gx-attribute
  > p.form-control-static {
  text-align: center;
}
div[data-align="right"] > div > div > div.gx-attribute > p.form-control-static {
  text-align: right;
}

[data-gx-flex] {
  display: flex;
}

div[data-gx-canvas] {
  position: relative;
}

div[data-gx-canvas-cell] > div.gx-attribute {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

div[data-gx-smarttable] {
  display: grid;
}

div[data-gx-smarttable-cell] > div [data-gxgridid] {
  width: 100%;
  height: 100%;
}

div[data-gx-smarttable-cell] > div.gx-attribute {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

.gxlivepreview-hidesubelements {
  visibility: hidden;
}
.gx-responsive-grid .gx-remove-row {
  position: absolute;
  z-index: 1;
}

.gx-responsive-grid .gx-remove-row-right {
  right: 10px;
}

.gx-responsive-grid .gx-remove-row-top {
  top: 0;
}

.gx-responsive-grid .gx-remove-row-bottom {
  bottom: 0;
}

[data-gxrow].RowDeleted div {
  text-decoration: inherit;
}

[data-gxgridid] > [data-gx-flex] > [data-gxrow] > .gx-remove-row + div,
[data-gxgridid] > [data-gx-flex] > [data-gxrow] > .gx-remove-row + table {
  margin: 15px;
}

[data-gxgridid] > [data-gx-flex] > [data-gxrow] {
  position: relative;
}

.gx-responsive-grid > [data-gx-flex] > [data-gxrow] > .gx-remove-row-right {
  right: 0;
}

.gx-popup-frame-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

form[tabindex="-1"] {
  outline: none;
}

.gx-navbar .gx-attribute,
.gx-action-group .gx-attribute,
.gx-action-group .gx-button {
  display: inline-block;
}

div[data-align-flex][data-align],[data-align-flex][data-valign] {
    display: flex;
}
div[data-align-flex][data-align]>:has([data-align-flex]), div[data-align-flex][data-valign]>:has([data-align-flex]) {
  width: 100%;
}
div[data-align-flex]:not([data-align]) div.gx-form-group {
    flex-grow: 1;
}
div[data-align-flex][data-valign=middle] {
    flex-wrap:wrap;
    align-content: center;
}
div[data-align-flex][data-valign=bottom] {
    flex-wrap:wrap;
    align-content: end;
}
div[data-align-flex][data-align=center] {
    justify-content: center;
}
div[data-align-flex][data-align=end] {
    justify-content: end;
}
div[data-align-flex][data-align=justify] {
    justify-content: space-evenly;
}

.gx-action-group .gx-form-group {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
}

.gx-radio-button-vertical,
.gx-radio-button-vertical label {
  display: block;
  line-height: 25px;
}

label.gx-radio-label.disabled.active {
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.28);
}

.gx-prompt.gx-disabled {
  display: none;
}

.input-group input.form-control.gx-invisible + span > a.gx-image-link,
.input-group input.form-control[disabled] + span > a.gx-image-link {
  display: none;
}

div.gxwebcomponent > div.gx-mask {
  position: absolute;
}

html.gx-blocking,
html.gx-blocking body {
  overflow: hidden;
}

.gx-call-target.empty {
  display: none !important;
}

.gx-invisible,
.gx-sr-only,
[data-gx-sr-only] {
  display: none !important;
}

.gx-grid [data-gx-grid-nodata] + .GridNoDataText {
  display: block;
}

.gx-grid .GridNoDataText {
  display: none;
}

td.gx-attribute .form-control {
  display: inline-block;
  width: 100%;
}

.MainContainer .gx-infinite-scrolling-container, .container-fluid .gx-infinite-scrolling-container {
	padding-left:15px;
	padding-right:15px;
	margin-left:-15px;
	margin-right:-15px;
}

.gx-infinite-scrolling-container table,
.gx-infinite-scrolling-container thead {
  overflow-x: hidden;
  display: block;
  width: 100%;
}

.gx-infinite-scrolling-container > table {
  width:100%;  
}

.gx-infinite-scrolling-element {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.gx-grid .gx-grid-fixed-height {
  overflow-y: scroll;
  display: inline-block;
}

.gx-grid-fixed-header-ie7 > table > thead > tr {
  display: block;
  position: absolute;
}
.gx-grid-fixed-header-ie7 {
  overflow-x: hidden;
  overflow-y: auto;
}
.gx-grid-fixed-header-ie7 > table > tbody {
  height: auto;
}
.gx-grid-fixed-header-ie7 > table {
  width: auto;
}

table > .gx-infinite-scrolling-element {
  width: 100%;
  display: block;
}

.gx-tbldsp-container {
  display: table;
}
.gx-tbldsp-container > div {
  display: table-cell;
}
[data-gx-evt],
[data-gx-evt-control] {
  cursor: pointer;
}
.gx-disabled[data-gx-evt],
.gx-disabled[data-gx-evt-control] {
  cursor: auto;
}

span.gx-disabled > a {	
	color: inherit;
	cursor: inherit;
	text-decoration: inherit;
}

span[data-text-format="3"]{	
	white-space: pre-wrap;
}

.gx-uc-container {
	display: contents;
}

/* Start Responsive Popups required Styling */
.gx-responsive-popup.gx-popup {
  position: fixed;
  z-index: 1500;
  margin-top: 0px;
}

.gx-responsive-popup .gx-popup-content > iframe {
  border: none;
}

.gx-responsive-popup div.gx-popup-pdf {
  overflow: hidden;
}

body.gx-popup-opened {
  overflow: hidden;
}

div[data-gx-dynitem-container] {
  display: inline;
}

li[data-gx-dynitem-hook],
input[type="checkbox"].gx-invisible + label {
  display: none;
}

.input-group input[data-gx-password-reveal] {
  width: 100%;
}

input[data-gx-password-reveal] + .gx-pwd-reveal-btn {
  display: table-cell;
}

.gx-pwd-reveal-btn {
  display: none;
}

input[data-gx-password-reveal]::-ms-reveal {
  display: none;
}

.gxwebcomponent-loading {
  opacity: 0;
}

.gx-label {
  font-weight: 700;
}

.gx-form-item {
  padding-right: 15px;
  padding-left: 15px;
}

.gx-default-form-group {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: nowrap;
}

.gx-default-form-group.gx-label-top {
  flex-wrap: wrap;
}

[data-gx-checkbox-title] {
  font-weight: normal;
  margin-left: 5px;
}

.gx-checkbox-wrapper {
  min-height: 27px;
  display: inline-block;
  padding-top: 7px;
  padding-left: 20px;
}

.gx-checkbox-wrapper > input {
  position: absolute;
  margin-left: -20px;
}

.form-control[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}

body:not(.gx-show-input-spinner) input[type="number"] {
  -moz-appearance: textfield;
}

body:not(.gx-show-input-spinner)
  input[type="number"]::-webkit-inner-spin-button,
body:not(.gx-show-input-spinner)
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (min-width: 736px) {
  /* Just in case for compatibility reasons.*/
  .gx-responsive-popup .gx-popup-header {
    float: none;
    width: auto;
  }

  .gx-popup-opened,
  .gx-popup-opened form {
    overflow: hidden;
  }

  .gx-responsive-popup .gx-popup-content iframe {
    overflow: auto;
  }
  .gx-responsive-popup .gx-popup-resize {
    position: absolute;
    bottom: 2px;
    right: 2px;
  }

  .gx-responsive-popup div.iframe-container {
    max-height: calc(100vh - 80px);
  }

  .gx-responsive-popup div.iframe-container > iframe {
    max-height: none !important;
  }

  .gx-responsive-popup.gx-popup-initial .gx-popup-content iframe {
    max-height: calc(
      100vh - 80px
    ); /* 80px harcoded for Header Popup Height. Not good. Flexbox instead? */
    max-width: 100vw;
  }
  .gx-responsive-popup.gx-popup-centered {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 50% !important;
  }

  .gx-responsive-popup.gx-popup-horizontal-center {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
  }
}
@media (max-width: 736px) /*Small and ExtraSmall*/ {
  .gx-responsive-popup .gx-popup-header {
    height: 40px;
  }
  .gx-responsive-popup.gx-popup {
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
  }
  .gx-responsive-popup .gx-popup-content {
    height: calc(
      100% - 40px
    ); /* 40px harcoded for Header Popup Height. Not good. Flexbox instead? */
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gx-responsive-popup .gx-popup-content > iframe {
    width: 100vw !important;
  }
  .gx-responsive-popup .gx-popup-resize {
    display: none;
  }

  body.gx-popup-opened {
    position: fixed;
  }

  .gx-popup-document {
    width: 100% !important;
  }
}

.gx-multimedia-ro img:not([src=""]) {
  background-image: none;
}

.gx-multimedia-ro img:not([src=""]) + * {
  display: none;
}

/* Bootstrap Float Labels  https://github.com/tonystar/bootstrap-float-label/blob/master/bootstrap-float-label.css */

.has-float-label {
  display: block;
  position: relative;
}
.has-float-label label,
.has-float-label > span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: -0.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}
.has-float-label label::after,
.has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}
.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
  transition: all 0.2s;
}
.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: all 0.2s;
}
.has-float-label .form-control::placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.has-float-label
  .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label
  .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 125%;
  opacity: 0.5;
  top: 50%;
  transform: translate(0, -50%);
}

.input-group .has-float-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.input-group .has-float-label .form-control {
  width: 100%;
  border-radius: 0.25rem;
}
.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
@keyframes SpinnerSpin{
	0% {transform : rotate(0deg);}
	100% {transform : rotate(360deg);}
}
@keyframes CarrosselScroll{
	from {transform : translateX(0);}
	to {transform : translateX(-50%);}
}
Html, Body, Form, Form > .Section, Form > .Section > div, Form > .Section > div > .row, Form > .Section > div > .row > div 
{
	height : 100%;
	line-height : 0px;
	margin : 0px !important;
	margin-inline-start : 0px !important;
	margin-inline-end : 0px !important;
	padding-inline-start : 0px !important;
	padding-inline-end : 0px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 
{
	min-height : 0px !important;
	padding-inline-start : 0px !important;
	padding-inline-end : 0px !important;
}
.DataCenterHidden 
{
	opacity : 0;
	pointer-events : none;
}
.DataCenterVisivel 
{
	opacity : 1;
	pointer-events : auto;
}
.DataCenterInvisivel 
{
	display : none !important;
}
.VwDcTextBlockAlerta 
{
	Background-color : #FCF8E3 !important;
	border-color : #FAEBCC;
	border-radius : 2px 2px 2px 2px;
	border-style : solid;
	border-width : 1px;
	color : #8A6D3B;
	display : flex;
	flex-direction : column;
	font-family : sans-serif;
	font-size : 12px;
	line-height : 1.4;
	margin : 0px 70px 0px 70px;
	min-height : 36px;
	padding : 10px 30px 10px 30px;
	text-transform : uppercase;
}
.CompusisButtonAzul 
{
	background-color : #002067;
	border : none;
	border-radius : 8px;
	color : #FFFFFF;
	font-family : CompusisFonteMulishBold;
	font-size : 24px;
	height : 60px;
	outline : none;
	width : 100%;
}
.CompusisButtonAzulCell 
{
	margin : 40px 70px 10px 70px;
}
.CompusisButtonAzulClaro 
{
	background-color : #046EC4;
	border-width : 1px;
	border-color : #046EC4;
	border-style : solid;
	border-radius : 8px;
	color : #FFFFFF;
	font-family : CompusisFonteMulishBold;
	font-size : 22px;
	height : 50px;
	outline : none;
	width : 240px;
}
.CompusisButtonAzulClaroCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 40px 0px 0px 0px;
	width : 100%;
}
.CompusisButtonBranco 
{
	background-color : #FFFFFF;
	border : none;
	border-radius : 8px;
	color : #002067;
	font-family : CompusisFonteMulishBold;
	font-size : 32px;
	height : 70px;
	margin : 5% 0px 0px 0px;
	outline : none;
	padding : 0px 50px 0px 50px;
}
.CompusisButtonBrancoBordaCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 20px 0px 0px 0px;
	width : 100%;
}
.CompusisButtonBrancoBorda 
{
	background-color : #FFFFFF;
	border-color : #333333;
	border-style : solid;
	border-radius : 8px;
	border-width : 1px;
	color : #333333;
	font-family : CompusisFonteMulishBold;
	font-size : 18px;
	height : 50px;
	outline : none;
	padding : 0px 50px 0px 50px;
	width : 240px;
}
.CompusisButtonLaranja 
{
	background-color : #D86C00;
	border-color : #FFFFFF00;
	border-radius : 8px;
	border-width : 0px;
	font-family : CompusisFonteMulishBold;
	font-size : 18px;
	color : #FFFFFF;
	height : 46px;
	margin-left : 30px;
	outline : none;
	width : 150px;
}
.CompusisButtonBorda 
{
	background-color : #FFFFFF00;
	border-color : #FFFFFF;
	border-radius : 8px;
	border-style : solid;
	border-width : 2px;
	color : #FFFFFF;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	height : 46px;
	margin-left : 50px;
	width : 220px;
}
.CompusisButtonVazio 
{
	border : none;
	background-color : #FFFFFF00;
	color : #FFFFFF;
	height : 46px;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	margin-left : 25px;
	outline : none;
	width : 120px;
}
.CompusisButtonDataCenterAzul 
{
	background-color : #046EC4;
	border-radius : 4px;
	border-style : none;
	border-width : 0px;
	color : #F7F7F7;
	font-family : CompusisFonteMulishBold;
	font-size : 18px;
	height : 34px;
	margin : 0px 0px 0px 20px;
	padding : 0px 25px 0px 25px;
}
.CompusisButtonDataCenterVazio 
{
	background-color : #FFFFFF00;
	border-color : #F7F7F7;
	border-radius : 4px;
	border-style : solid;
	border-width : 1px;
	color : #F7F7F7;
	font-family : CompusisFonteMulishBold;
	font-size : 18px;
	height : 34px;
	padding : 0px 25px 0px 25px;
}
.CompusisButtonDataCenterVazio.Disabled 
{
	background-color : #FFFFFF80;
	border-color : #FFFFFF80;
	color : #FFFFFF80;
	pointer-events : none;
}
.CompusisButtonDataCenterConectar 
{
	margin : 2px 0px 0px 0px;
	padding : 8px 15px 6px 15px;
	background-color : #2663AD;
	border-style : none;
	border-radius : 5px 5px 5px 5px;
	font-family : sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #F7F7F7;
	letter-spacing : 1px;
	text-transform : uppercase;
	text-decoration : none;
	text-shadow : -1px 1px 1px rgba(0, 0, 0, 0.6);
}
.CompusisButtonDataCenterConectar:active 
{
	outline : 0;
	color : #333;
	background-color : #e6e6e6;
	background-image : none;
	border-color : #ADADAD;
	box-shadow : inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.CompusisButtonDataCenterConectar:hover 
{
	color : #F7F7F7;
	background-color : #002067;
	border-color : #002067;
}
.DataCenterTable 
{
	width : 100%;
	height : 100%;
}
.VwDataCenterTabCell 
{
	display : flex;
	justify-content : center;
	margin : 10px 0px 0px 0px;
}
.VwDataCenterTab 
{
	margin : 0px 20% 0px 20%;
	width : 100%;
}
.VwDataCenterTab > .nav-tabs 
{
	border-bottom : 1px solid #ddd;
	padding-left : 0;
	margin-bottom : 0;
	list-style : none;
}
.VwDataCenterTab > .nav-tabs > li 
{
	display : block;
	float : left;
	margin-bottom : -1px;
	position : relative;
}
.VwDataCenterTab > .nav-tabs > li > a 
{
	color : #337ab7;
	text-decoration : none;
	position : relative;
	display : block;
	padding : 10px 15px 10px 15px;
	font-family : sans-serif;
	margin : 0px 2px 0px 0px;
	line-height : 1.42857143;
	border : 1px solid transparent;
	border-radius : 4px 4px 0px 0px;
}
.VwDataCenterTab > .nav-tabs > li.active > a, .VwDataCenterTab > .nav-tabs > li.active > a:focus, .VwDataCenterTab > .nav-tabs > li.active > a:hover 
{
	color : #555;
	cursor : default;
	background-color : #fff;
	border : 1px solid #ddd;
	border-bottom-color : transparent;
}
.VwDataCenterTab > ul 
{
	display : block;
	list-style-type : disc;
	margin-block-start : 1em;
	margin-block-end : 1em;
	padding-inline-start : 40px;
	unicode-bidi : isolate;
	margin-top : 0;
	margin-bottom : 10px;
}
.VwDcDataCenterHeader 
{
	background-color : #2663AD;
	height : 90px;
}
.VwDcDataCenterHeaderConteinerCell 
{
	width : 60%;
}
.VwDcDataCenterHeaderConteinerRight 
{
	margin : 10px 0px 0px 0px;
}
.VwDcDataCenterLogoCell 
{
	display : flex;
	flex-direction : column;
	justify-content : center;
}
.VwDcDataCenterLogo 
{
	color : #E6E6E6;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 35px;
	height : 90px;
	line-height : 40px;
	padding : 20px 0px 20px 0px;
	position : relative;
	user-select : none;
	word-spacing : 1px;
}
.VwDcDataCenterLogo.Delta 
{
	font-size : 42px;
	margin : 2px -31px 0px 0px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.Delta::before 
{
	content : '\e09a';
}
.VwDcDataCenterLogo.C 
{
	margin : 2px 0px 0px 0px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.C::before 
{
	content : '\e09b';
}
.VwDcDataCenterLogo.O 
{
	margin : 2px 0px 0px -6px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.O::before 
{
	content : '\e09c';
}
.VwDcDataCenterLogo.M 
{
	margin : 2px 0px 0px -2px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.M::before 
{
	content : '\e09d';
}
.VwDcDataCenterLogo.Perna 
{
	margin : 2px 0px 0px -35px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.Perna::before 
{
	content : '\e09e';
}
.VwDcDataCenterLogo.P 
{
	margin : 2px 0px 0px -5px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.P::before 
{
	content : '\e09f';
}
.VwDcDataCenterLogo.U 
{
	margin : 2px 0px 0px -7px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.U::before 
{
	content : '\e0a0';
}
.VwDcDataCenterLogo.S1 
{
	margin : 2px 0px 0px -8px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.S1::before 
{
	content : '\e0a1';
}
.VwDcDataCenterLogo.I 
{
	margin : 2px 0px 0px -17px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.I::before 
{
	content : '\e0a2';
}
.VwDcDataCenterLogo.S2 
{
	margin : 2px 0px 0px -17px;
	padding : 0px !important;
}
.VwDcDataCenterLogo.S2::before 
{
	content : '\e0a1';
}
.VwDcDataCenterLogo.Rodape 
{
	color : #E6E6E6;
	font-family : CompusisFonteMulishBold;
	font-size : 8px;
	font-weight : 700;
	left : 40px;
	letter-spacing : 0.75px;
	position : absolute;
	top : 25px;
	user-select : none;
}
.VwDcDataCenterTitulo 
{
	color : #FFFFFF;
	font-family : CompusisFonteMulishRegular;
	font-size : 10px;
	line-height : 1.4;
	float : right;
	margin : 0px 4px 0px 0px;
	pointer-events : none;
	user-select : none;
}
.VwDcDataCenterLabelRodape 
{
	display : block;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	color : #8290BA;
	margin : 45px 0px 25px 0px;
	pointer-events : none;
	user-select : none;
}
.VwDcDataCenterPopupCloseCell 
{
	cursor : pointer;
	display : flex;
	flex-direction : column;
	height : 50px;
	justify-content : center;
	position : absolute;
	right : 0px;
	text-align : center;
	top : 0px;
	width : 50px;
}
.VwDcDataCenterPopupClose 
{
	color : #000000;
	font-family : 'CompusisFonte';
	font-size : 20px;
	line-height : 1;
}
.VwDcDataCenterPopupClose::before 
{
	content : '\e044';
}
.VwDcDataCenterPopupLoginClose 
{
	color : #E6E6E6;
	font-family : 'CompusisFonte';
	font-size : 20px;
	line-height : 1;
}
.VwDcDataCenterPopupLoginClose::before 
{
	content : '\e044';
}
.VwDataCenterTableServidores 
{
	margin : 15px 0px 0px 0px;
	width : 100%;
}
.VwDataCenterTableServidores > thead > tr 
{
	background-color : #EAEAEA;
	height : 51px;
}
.VwDataCenterTableServidores > thead > tr > th 
{
	background-color : #F7F7F7;
	padding-left : 20px;
	font-family : CompusisFonteMulishRegular;
	font-size : 16px;
	line-height : 1.42857143;
	color : #333333;
	pointer-events : none;
	user-select : none;
}
.VwDataCenterTableServidores > thead > tr > th:first-child 
{
	border-radius : 6px 0px 0px 6px;
}
.VwDataCenterTableServidores > thead > tr > th:last-child 
{
	border-radius : 0px 6px 6px 0px;
}
.VwDataCenterTableServidores > tbody > tr 
{
	line-height : 36px;
}
.VwDataCenterTableServidores > tbody > tr:hover 
{
	background-color : #f3f3f3;
}
.VwDataCenterTableServidores > tbody > tr > td 
{
	padding-left : 20px;
	font-family : CompusisFonteMulishRegular;
	color : #787778;
	white-space : nowrap;
	border-bottom : 1px solid #eaeaea;
}
.VwDataCenterTableServidores > tbody > tr > td:nth-child(1), .VwDataCenterTableServidores > thead > tr > th:nth-child(1) 
{
	width : 70px;
}
.VwDataCenterTableServidores > tbody > tr > td:nth-child(3), .VwDataCenterTableServidores > thead > tr > th:nth-child(3) 
{
	width : 100px;
}
.VwDataCenterTableServidores > tbody > tr > td:nth-child(4), .VwDataCenterTableServidores > thead > tr > th:nth-child(4), .VwDataCenterTableServidores > tbody > tr > td:nth-child(5), .VwDataCenterTableServidores > thead > tr > th:nth-child(5) 
{
	width : 150px;
}
.VwDcDataCenterAplicacao 
{
	display : flex;
	color : #787778;
	font-family : CompusisFonteMulishRegular;
	position : relative;
	line-height : 36px;
}
.VwDcDataCenterAplicacao::before 
{
	font-family : CompusisFonte;
	content : '\e015';
	font-size : 22px;
	color : #787778;
	margin : 0px 5px 0px 0px;
}
.VwDcDataCenterAplicacao.Online::before 
{
	color : #027C02;
}
.VwDcDataCenterAplicacao.Offline::before 
{
	color : #FF0000;
}
.VwDcHomeLogo 
{
	color : #E6E6E6;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 50px;
	line-height : 40px;
	position : relative;
	user-select : none;
}
.VwDcHomeLogo.Delta 
{
	font-size : 59px;
	margin : 2px -45px 0px 0px;
	padding : 0px !important;
}
.VwDcHomeLogo.Delta::before 
{
	content : '\e09a';
}
.VwDcHomeLogo.C 
{
	margin : 2px 0px 0px 0px;
	padding : 0px !important;
}
.VwDcHomeLogo.C::before 
{
	content : '\e09b';
}
.VwDcHomeLogo.O 
{
	margin : 2px 0px 0px -10px;
	padding : 0px !important;
}
.VwDcHomeLogo.O::before 
{
	content : '\e09c';
}
.VwDcHomeLogo.M 
{
	margin : 2px 0px 0px -4px;
	padding : 0px !important;
}
.VwDcHomeLogo.M::before 
{
	content : '\e09d';
}
.VwDcHomeLogo.Perna 
{
	margin : 2px 0px 0px -50px;
	padding : 0px !important;
}
.VwDcHomeLogo.Perna::before 
{
	content : '\e09e';
}
.VwDcHomeLogo.P 
{
	margin : 2px 0px 0px -8px;
	padding : 0px !important;
}
.VwDcHomeLogo.P::before 
{
	content : '\e09f';
}
.VwDcHomeLogo.U 
{
	margin : 2px 0px 0px -11px;
	padding : 0px !important;
}
.VwDcHomeLogo.U::before 
{
	content : '\e0a0';
}
.VwDcHomeLogo.S1 
{
	margin : 2px 0px 0px -12px;
	padding : 0px !important;
}
.VwDcHomeLogo.S1::before 
{
	content : '\e0a1';
}
.VwDcHomeLogo.I 
{
	margin : 2px 0px 0px -26px;
	padding : 0px !important;
}
.VwDcHomeLogo.I::before 
{
	content : '\e0a2';
}
.VwDcHomeLogo.S2 
{
	margin : 2px 0px 0px -25px;
	padding : 0px !important;
}
.VwDcHomeLogo.S2::before 
{
	content : '\e0a1';
}
.VwDcHomeLogo.Rodape 
{
	color : #E6E6E6;
	font-family : CompusisFonteMulishBold;
	font-size : 13px;
	left : 55px;
	position : absolute;
	top : 35px;
	user-select : none;
}
.VwDcHomeLogoCell 
{
	display : block;
}
.VwDcHomeBloco01HeaderCell 
{
	margin : 10% 0px 0px 0px;
}
.VwDcHomeBloco01ConteinerCell 
{
	bottom : 0px;
	display : flex;
	justify-content : center;
	left : 0px;
	position : absolute;
	right : 0px;
	top : 0px;
}
.VwDcHomeBloco01Conteiner 
{
	margin : 0px 20% 0px 20%;
	width : 100%;
}
.VwDcHomeBloco01TituloCell 
{
	margin : 15% 0px 0px 0px;
	width : 100%;
}
.VwDcHomeBloco01Titulo 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishBold;
	font-size : 50px;
	gap : 10px;
	line-height : 1;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco01Titulo.Laranja 
{
	color : #D86C00;
}
.VwDcHomeBloco01TextoCell 
{
	margin : 30px 0px 0px 0px;
}
.VwDcHomeBloco01Texto 
{
	color : #FFFFFF;
	font-family : CompusisFonteMulishRegular;
	font-size : 28px;
	line-height : 1;
	pointer-events : none;
	position : relative;
	user-select : none;
}
.VwDcHomeBloco01Background 
{
	height : 100%;
}
.VwDcHomeBloco01Background > img 
{
	height : 100%;
	min-width : 100%;
	width : auto;
}
.VwDcHomeBloco01Variavel 
{
	border-color : #979797;
	border-radius : 4px;
	border-style : solid;
	border-width : 1px;
	color : #000000;
	font-family : CompusisFonteMulishBold;
	font-size : 15px;
	height : 50px;
	line-height : 1.4;
	outline : none;
	padding : 0px 5px 0px 5px;
	resize : none;
	width : 100%;
}
.VwDcHomeBloco01VariavelVermelho 
{
	border-radius : 4px;
	border-style : solid;
	border-width : 1px;
	color : #000000;
	font-family : CompusisFonteMulishBold;
	font-size : 15px;
	height : 50px;
	line-height : 1.4;
	outline : none;
	padding : 0px 5px 0px 5px;
	resize : none;
	width : 100%;
	border-color : #ff0000;
}
.VwDcHomeBloco01Variavel::placeholder 
{
	color : #979797;
}
.VwDcHomeBloco01PopupCell 
{
	background-color : #00000080;
	bottom : 0px;
	left : 0px;
	overflow-y : auto;
	position : fixed;
	right : 0px;
	top : 0px;
	transition : opacity 0.3s ease;
	z-index : 10;
}
.VwDcDatacenterMascaraCell 
{
	background-color : #00000080;
	bottom : 0px;
	display : flex;
	flex-direction : column;
	justify-content : center;
	left : 0px;
	position : fixed;
	right : 0px;
	top : 0px;
	transition : opacity .3s ease;
	z-index : 100;
}
.VwDcDatacenterMascara 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcDatacenterMascara::before 
{
	animation : 2s linear 0s infinite normal none running SpinnerSpin;
	border-bottom-color : #E6E6E6;
	border-left-color : #E6E6E6;
	border-radius : 50px;
	border-right-color : #E6E6E6;
	border-style : solid;
	border-top-color : #FFFFFF00;
	border-width : 5px;
	content : '';
	display : flex;
	flex-direction : row;
	justify-content : center;
	height : 100px;
	width : 100px;
}
.VwDcHomeBloco01PopupContato 
{
	background-color : #FFFFFF;
	border-radius : 10px;
	left : 20%;
	max-height : 80%;
	min-width : 660px;
	overflow-y : auto;
	padding : 0px 0px 20px 0px;
	position : absolute;
	right : 20%;
	top : 10%;
}
.VwDcHomeBloco01PopupTituloCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 50px 70px 0px 70px;
}
.VwDcHomeBloco01PopupTitulo 
{
	color : #000000;
	font-family : CompusisFonteMulishBold;
	font-size : 24px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco01PopupTextoCell 
{
	margin : 10px 70px 0px 70px;
}
.VwDcHomeBloco01PopupTexto 
{
	color : #000000;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco01TableContatoCell 
{
	margin : 40px 70px 0px 70px;
}
.VwDcHomeBloco01TableContato 
{
	width : 100%;
}
.VwDcHomeBloco01TableContato > tbody 
{
	display : flex;
	flex-direction : column;
	gap : 15px;
}
.VwDcHomeBloco01TableContato > tbody > tr 
{
	display : flex;
	gap : 15px;
	width : 100%;
}
.VwDcHomeBloco01TableContato > tbody > tr > td 
{
	width : 100%;
}
.VwDcHomeBloco01TableContatoSub 
{
	gap : 15px;
}
.VwDcHomeBloco01PopupLogin 
{
	background-color : #FFFFFF;
	border-radius : 10px;
	left : 35%;
	max-height : 80%;
	min-width : 360px;
	overflow-y : auto;
	padding : 0px 0px 40px 0px;
	position : absolute;
	right : 35%;
	top : 21%;
}
.VwDcHomeBloco01LoginLogoCell 
{
	background-color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 95px;
	justify-content : center;
	padding : 0px 0px 0px 20px;
}
.VwDcHomeBloco01LoginTituloCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 40px 0px 30px 0px;
	width : 100%;
}
.VwDcHomeBloco01LoginTitulo 
{
	color : #000000;
	font-family : CompusisFonteMulishBold;
	font-size : 30px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco01Login 
{
	color : #333333;
	font-family : CompusisFonteMulishBold;
	font-size : 15px;
	line-height : 1.4;
	margin : 0px 0px 5px 5px;
	width : 300px;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco01LoginCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	width : 100%;
}
.VwDcHomeBloco01LoginCell > div 
{
	width : 300px;
}
.VwDcHomePopupLogo 
{
	color : #E6E6E6;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 35px;
	line-height : 60px;
	position : relative;
	user-select : none;
	word-spacing : 1px;
}
.VwDcHomePopupLogo.Delta 
{
	font-size : 42px;
	margin : 2px -31px 0px 0px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.Delta::before 
{
	content : '\e09a';
}
.VwDcHomePopupLogo.C 
{
	margin : 2px 0px 0px 0px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.C::before 
{
	content : '\e09b';
}
.VwDcHomePopupLogo.O 
{
	margin : 2px 0px 0px -6px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.O::before 
{
	content : '\e09c';
}
.VwDcHomePopupLogo.M 
{
	margin : 2px 0px 0px -2px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.M::before 
{
	content : '\e09d';
}
.VwDcHomePopupLogo.Perna 
{
	margin : 2px 0px 0px -35px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.Perna::before 
{
	content : '\e09e';
}
.VwDcHomePopupLogo.P 
{
	margin : 2px 0px 0px -5px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.P::before 
{
	content : '\e09f';
}
.VwDcHomePopupLogo.U 
{
	margin : 2px 0px 0px -7px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.U::before 
{
	content : '\e0a0';
}
.VwDcHomePopupLogo.S1 
{
	margin : 2px 0px 0px -8px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.S1::before 
{
	content : '\e0a1';
}
.VwDcHomePopupLogo.I 
{
	margin : 2px 0px 0px -17px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.I::before 
{
	content : '\e0a2';
}
.VwDcHomePopupLogo.S2 
{
	margin : 2px 0px 0px -17px;
	padding : 0px !important;
}
.VwDcHomePopupLogo.S2::before 
{
	content : '\e0a1';
}
.VwDcHomePopupLogo.Rodape 
{
	color : #E6E6E6;
	font-family : CompusisFonteMulishBold;
	font-size : 8px;
	font-weight : 700;
	left : 40px;
	letter-spacing : 0.75px;
	position : absolute;
	top : 25px;
	user-select : none;
}
.VwHomeBloco02 
{
	background-color : #FFFFFF;
	width : 100%;
}
.VwDcHomeBloco02ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco02Conteiner 
{
	margin : 0px 20% 0px 20%;
	width : 100%;
}
.VwDcHomeBlocoTitulo 
{
	color : #2A2929;
	font-family : CompusisFonteMulishBold;
	font-size : 40px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBlocoTituloCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 75px 0px 0px 0px;
}
.VwDcHomeBlocoTituloSub 
{
	color : #2A2929;
	font-family : CompusisFonteMulishregular;
	font-size : 24px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBlocoTituloSubCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	margin : 5px 0px 0px 0px;
}
.VwDcHomeBloco02Secao 
{
	display : flex;
	flex-direction : row;
	margin : 120px 0px 50px 0px;
	width : 100%;
}
.VwDcHomeBloco02Secao > div > div 
{
	gap : 10px;
}
.VwDcHomeBloco02SecaoCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco02SecaoIcon 
{
	background-color : #1A73E880;
	border-radius : 50px;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	width : 85px;
}
.VwDcHomeBloco02Secao01Icon 
{
	background-color : #1A73E880;
	border-radius : 50px;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	width : 85px;
}
.VwDcHomeBloco02Secao01Icon::before 
{
	color : #1557B0;
	content : '\e0b7';
	font-family : CompusisFonte;
	font-size : 50px;
	text-align : center;
}
.VwDcHomeBloco02Secao02Icon 
{
	background-color : #1A73E880;
	border-radius : 50px;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	width : 85px;
}
.VwDcHomeBloco02Secao02Icon::before 
{
	color : #1557B0;
	content : '\e0a8';
	font-family : CompusisFonte;
	font-size : 50px;
	text-align : center;
}
.VwDcHomeBloco02Secao03Icon 
{
	background-color : #1A73E880;
	border-radius : 50px;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	width : 85px;
}
.VwDcHomeBloco02Secao03Icon::before 
{
	color : #1557B0;
	content : '\e0ac';
	font-family : CompusisFonte;
	font-size : 50px;
	text-align : center;
}
.VwDcHomeBloco02Texto 
{
	display : flex;
	color : #2A2929;
	flex-direction : row;
	font-family : CompusisFonteMulishregular;
	font-size : 16px;
	justify-content : center;
	line-height : 1.4;
	pointer-events : none;
	text-align : center;
	user-select : none;
	width : 300px;
}
.VwDcHomeBloco02TextoCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
	width : 100%;
}
.VwDcHomeBloco03 
{
	background-color : #F7F7F7;
}
.VwDcHomeBloco03ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco03Conteiner 
{
	margin : 0px 20% 0px 20%;
	width : 100%;
}
.VwDcHomeBloco03TileConteiner 
{
	gap : 50px;
	margin : 50px 0px 0px 0px;
}
.VwDcHomeBloco03Tile 
{
	background-color : #FFFFFF;
	border-radius : 30px;
	box-shadow : -2px -4px 0px 0px #00000040 inset;
	flex-basis : calc(50% - 50px);
	flex-grow : 0;
	flex-shrink : 0;
	padding : 30px 30px 30px 30px;
}
.VwDcHomeBloco03TileTitulo 
{
	color : #1557B0;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonteMulishBold;
	font-size : 26px;
	height : 60px;
	line-height : 1.4;
	padding : 10px 0px 10px 0px;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco03Tile01Titulo 
{
	color : #1557B0;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonteMulishBold;
	font-size : 26px;
	height : 60px;
	line-height : 1.4;
	padding : 10px 0px 10px 0px;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco03Tile01Titulo::before 
{
	content : '\e0a3';
	font-family : CompusisFonte;
	font-size : 50px;
	margin : -20px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.VwDcHomeBloco03Tile02Titulo 
{
	color : #1557B0;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonteMulishBold;
	font-size : 26px;
	height : 60px;
	line-height : 1.4;
	padding : 10px 0px 10px 0px;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco03Tile02Titulo::before 
{
	content : '\e0b4';
	font-family : CompusisFonte;
	font-size : 50px;
	margin : -20px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.VwDcHomeBloco03Tile03Titulo 
{
	color : #1557B0;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonteMulishBold;
	font-size : 26px;
	height : 60px;
	line-height : 1.4;
	padding : 10px 0px 10px 0px;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco03Tile03Titulo::before 
{
	content : '\e0b8';
	font-family : CompusisFonte;
	font-size : 50px;
	margin : -20px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.VwDcHomeBloco03Tile04Titulo 
{
	color : #1557B0;
	display : flex;
	flex-direction : row;
	font-family : CompusisFonteMulishBold;
	font-size : 26px;
	height : 60px;
	line-height : 1.4;
	padding : 10px 0px 10px 0px;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco03Tile04Titulo::before 
{
	content : '\e0aa';
	font-family : CompusisFonte;
	font-size : 50px;
	margin : -20px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
}
.VwDcHomeBloco03Tile03Texto 
{
	color : #333333;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.3;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco03Tab 
{
	padding : 50px 50px 50px 50px;
}
.VwDcHomeBloco03TabHeader 
{
	gap : 40px;
}
.VwDcHomeBloco03TabIconBefore 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
}
.VwDcHomeBloco03TabIconBeforeActive 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
}
.VwDcHomeBloco03TabIconAfter 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
}
.VwDcHomeBloco03TabIcon01::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0a4';
}
.VwDcHomeBloco03TabIcon01.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
}
.VwDcHomeBloco03TabIcon01::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Logística e distribuidora';
}
.VwDcHomeBloco03TabIcon01.Active::after 
{
	display : none;
}
.VwDcHomeBloco03TabIcon02::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0a5';
}
.VwDcHomeBloco03TabIcon02.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
	padding : 0px 3px 0px 0px;
}
.VwDcHomeBloco03TabIcon02::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Supermercado';
}
.VwDcHomeBloco03TabIcon02.Active::after 
{
	display : none;
}
.VwDcHomeBloco03TabIcon03::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0ab';
}
.VwDcHomeBloco03TabIcon03.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
}
.VwDcHomeBloco03TabIcon03::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Industria';
}
.VwDcHomeBloco03TabIcon03.Active::after 
{
	display : none;
}
.VwDcHomeBloco03TabIcon04::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0b2';
}
.VwDcHomeBloco03TabIcon04.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
}
.VwDcHomeBloco03TabIcon04::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Prestador de Serviço';
}
.VwDcHomeBloco03TabIcon04.Active::after 
{
	display : none;
}
.VwDcHomeBloco03TabIcon05::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0b5';
}
.VwDcHomeBloco03TabIcon05.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
	padding : 0px 0px 0px 5px;
}
.VwDcHomeBloco03TabIcon05::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Posto de Gasolina';
}
.VwDcHomeBloco03TabIcon05.Active::after 
{
	display : none;
}
.VwDcHomeBloco03TabIcon06::before 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonte;
	font-size : 55px;
	line-height : 1;
	justify-content : center;
	text-align : center;
	width : 120px;
	content : '\e0b6';
}
.VwDcHomeBloco03TabIcon06.Active::before 
{
	background-color : #1A73E880;
	border-radius : 50px;
	color : #1557B0;
	display : flex;
	flex-direction : column;
	height : 85px;
	justify-content : center;
	margin : 0px 17px 0px 17px;
	width : 85px;
	padding : 0px 0px 5px 0px;
}
.VwDcHomeBloco03TabIcon06::after 
{
	color : #333333;
	cursor : pointer;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 14px;
	letter-spacing : 0.4px;
	line-height : 1;
	justify-content : center;
	padding : 5px 0px 0px 0px;
	text-align : center;
	width : 120px;
	content : 'Comercio e Varejo';
}
.VwDcHomeBloco03TabIcon06.Active::after 
{
	display : none;
}
.TableBloco03TabItem 
{
	gap : 40px;
	height : 350px;
	margin : 50px 0px 50px 0px;
	transition : opacity 0.3s ease;
}
.TableBloco03TabItemInner 
{
	gap : 10px;
}
.VwDcHomeBloco03TabTitle 
{
	color : #000000;
	font-family : CompusisFonteMulishBold;
	font-size : 24px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco03TabTexto 
{
	color : #000000;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.3px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco03TabTextoBullet 
{
	color : #000000;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.3px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco03TabTextoBullet::before 
{
	content : '\e065';
	font-family : CompusisFonte;
	font-size : 12px;
	padding : 0px 5px 0px 0px;
}
.VwDcHomeBloco04 
{
	background-color : #1557B0;
	width : 100%;
}
.VwDcHomeBloco04ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco04Conteiner 
{
	gap : 130px;
	margin : 0px 20% 0px 20%;
	width : 100%;
}
.VwDcHomeBloco04Icon 
{
	color : #FFFFFF;
	font-family : CompusisFonte;
	font-size : 45px;
	line-height : 1.4;
}
.VwDcHomeBloco04Item 
{
	gap : 8px;
}
.VwDcHomeBloco04ItemCell 
{
	flex-basis : calc(33% - 50px);
	margin : 50px 0px 50px 0px;
}
.VwDcHomeBloco04Icon01 
{
	color : #FFFFFF;
	font-family : CompusisFonte;
	font-size : 45px;
	line-height : 1.4;
}
.VwDcHomeBloco04Icon01::before 
{
	content : '\e0a7';
}
.VwDcHomeBloco04Icon02 
{
	color : #FFFFFF;
	font-family : CompusisFonte;
	font-size : 45px;
	line-height : 1.4;
}
.VwDcHomeBloco04Icon02::before 
{
	content : '\e0a9';
}
.VwDcHomeBloco04Icon03 
{
	color : #FFFFFF;
	font-family : CompusisFonte;
	font-size : 45px;
	line-height : 1.4;
}
.VwDcHomeBloco04Icon03::before 
{
	content : '\e0b3';
}
.VwDcHomeBloco04Titulo 
{
	color : #FFFFFF;
	font-family : CompusisFonteMulishBold;
	font-size : 18px;
	letter-spacing : 0.3px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco04Texto 
{
	color : #FFFFFF;
	font-family : CompusisFonteMulishRegular;
	font-size : 16px;
	letter-spacing : 0.3px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco05 
{
	background-color : #F7F7F7;
	width : 100%;
}
.VwDcHomeBloco05ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco05Conteiner 
{
	gap : 60px;
	margin : 0px 20% 0px 20%;
	padding : 50px 0px 50px 0px;
	width : 100%;
}
.VwDcHomeBloco05Tile 
{
	background-color : #FFFFFF;
	border-radius : 30px;
	gap : 30px;
	padding : 20px 40px 20px 40px;
}
.VwDcHomeBloco05TileConteiner 
{
	gap : 20px;
	height : 100%;
	justify-content : center;
}
.VwDcHomeBloco05TileTitulo 
{
	color : #2A2929;
	font-family : CompusisFonteMulishBold;
	font-size : 20px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco05TileTexto 
{
	color : #2A2929;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco06 
{
	background-color : #FFFFFF;
	width : 100%;
}
.VwDcHomeBloco06ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco06Conteiner 
{
	margin : 0px 20% 0px 20%;
	overflow-x : hidden;
	width : 60%;
}
.VwDcHomeBlocoCarrossel 
{
	height : 160px;
	margin : 60px 0px 50px 0px;
	overflow : hidden;
	width : 100%;
}
.VwDcHomeBlocoCarrosselTrack 
{
	display : flex;
	width : max-content;
	animation : CarrosselScroll 100s linear infinite;
}
.VwDcHomeBlocoCarrosselItem 
{
	height : 160px;
	margin : 0px 20px 0px 20px;
	object-fit : contain;
}
.VwDcHomeBloco07 
{
	background-color : #F7F7F7;
	width : 100%;
}
.VwDcHomeBloco07ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco07Conteiner 
{
	margin : 0px 20% 0px 20%;
	padding : 50px 0px 50px 0px;
	width : 100%;
}
.VwDcHomeBloco07Tile 
{
	background-color : #005AD31A;
	border-radius : 10px;
	gap : 10px;
	min-width : 1100px;
	padding : 40px;
}
.VwDcHomeBloco07TileTitulo 
{
	color : #2A2929;
	font-family : CompusisFonteMulishBold;
	font-size : 40px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco07TileTexto 
{
	color : #2A2929;
	font-family : CompusisFonteMulishRegular;
	font-size : 22px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
}
.VwDcHomeBloco08 
{
	background-color : #002067;
	min-height : 340px;
	width : 100%;
}
.VwDcHomeBloco08ConteinerCell 
{
	display : flex;
	flex-direction : row;
	justify-content : center;
}
.VwDcHomeBloco08Conteiner 
{
	margin : 0px 20% 0px 20%;
	padding : 50px 0px 50px 0px;
	width : 100%;
}
.VwDcHomeBloco08ConteinerInner 
{
	gap : 10px;
	height : 100%;
}
.VwDcHomeBloco08PoliticaPrivacidade 
{
	gap : 40px;
	height : 100%;
}
.VwDcHomeBloco08RedesSociais 
{
	justify-content : center;
	gap : 40px;
}
.VwDcHomeBloco08Contato 
{
	gap : 10px;
	height : 100%;
	margin : 10px 0px 0px 0px;
}
.VwDcHomeBloco08Titulo 
{
	color : #FFFFFF;
	font-family : CompusisFonteMulishBold;
	font-size : 20px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	pointer-events : none;
	user-select : none;
	white-space : nowrap;
}
.VwDcHomeBloco08TituloLink > a 
{
	font-family : CompusisFonteMulishBold;
	font-size : 20px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	user-select : none;
	color : #D86C00;
	cursor : pointer;
	margin : 0px 0px 0px 10px;
	pointer-events : auto;
	text-decoration : underline;
	white-space : nowrap;
}
.VwDcHomeBloco08Texto 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
}
.VwDcHomeBloco08TextoEMail 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
}
.VwDcHomeBloco08TextoEMail::before 
{
	content : '\e0a6';
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 25px;
	margin : -5px 0px 0px 0px;
	padding : 0px 5px 0px 0px;
}
.VwDcHomeBloco08TextoFone 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
}
.VwDcHomeBloco08TextoFone::before 
{
	content : '\e0b7';
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 25px;
	margin : -5px 0px 0px 0px;
	padding : 0px 5px 0px 0px;
	pointer-events : none;
}
.VwDcHomeBloco08TextoLocal 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
	cursor : pointer;
}
.VwDcHomeBloco08TextoLocal::before 
{
	content : '\e0b1';
	display : flex;
	flex-direction : row;
	font-family : CompusisFonte;
	font-size : 25px;
	margin : -5px 0px 0px 0px;
	padding : 0px 5px 0px 0px;
}
.VwDcHomeBloco08TextoLocal > a 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	user-select : none;
	text-decoration : none;
}
.VwDcHomeBloco08LinkedIn::before 
{
	color : #FFFFFF;
	content : '\e0af';
	cursor : pointer;
	font-family : CompusisFonte;
	font-size : 40px;
	line-height : 1;
}
.VwDcHomeBloco08Facebook::before 
{
	color : #FFFFFF;
	content : '\e0ad';
	cursor : pointer;
	font-family : CompusisFonte;
	font-size : 40px;
	line-height : 1;
}
.VwDcHomeBloco08Instagram::before 
{
	color : #FFFFFF;
	content : '\e0ae';
	cursor : pointer;
	font-family : CompusisFonte;
	font-size : 40px;
	line-height : 1;
}
.VwDcHomeBloco08WhatsApp::before 
{
	color : #FFFFFF;
	content : '\e0b0';
	cursor : pointer;
	font-family : CompusisFonte;
	font-size : 40px;
	line-height : 1;
}
.VwDcHomeBloco08AppStore > a 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
	cursor : pointer;
}
.VwDcHomeBloco08GooglePlay > a 
{
	color : #FFFFFF;
	display : flex;
	font-family : CompusisFonteMulishRegular;
	font-size : 18px;
	letter-spacing : 0.4px;
	line-height : 1.4;
	max-width : 350px;
	text-decoration : none;
	user-select : none;
	cursor : pointer;
}
.VwDcPoliticaPrivacidadeContent 
{
	display : block;
	margin : 40px 20% 40px 20%;
	position : relative;
}
.VwDcPoliticaPrivacidadeDoc 
{
	font-family : Arial, sans-serif;
	line-height : 1.6;
	background : #fff;
	color : #222;
	padding : 30px;
	border-radius : 10px;
	box-shadow : 0 2px 8px rgba(0,0,0,0.3);
}
.VwDcPoliticaPrivacidadeDoc h1 
{
	font-size : 26px;
	margin-bottom : 10px;
	text-align : center;
	text-transform : uppercase;
	color : #333;
}
.VwDcPoliticaPrivacidadeDoc h2 
{
	font-size : 20px;
	margin-top : 25px;
	border-bottom : 1px solid #ccc;
	padding-bottom : 5px;
	color : #333;
}
.VwDcPoliticaPrivacidadeDoc ul 
{
	margin-left : 20px;
}
.VwDcPoliticaPrivacidadeDoc strong 
{
	font-weight : bold;
}
.VwDcPoliticaPrivacidadeDoc .rodape 
{
	margin-top : 40px;
	font-size : 14px;
	color : #555;
	text-align : center;
}


@media (max-width: 1400px)
{
	.VwDcHomeLogoCell 
	{
		display : none;
	}
	.VwDcHomeBloco01Titulo 
	{
		font-size : 40px;
		line-height : 0.75;
	}
	.VwDcHomeBloco01Texto 
	{
		font-size : 22px;
	}
}


@media (max-width: 1000px)
{
	.VwDcHomeBloco03TabHeader 
	{
		gap : 10px;
		min-width : 760px;
	}
	.TableBloco03TabItem 
	{
		min-width : 760px;
	}
	.VwDcHomeBloco03Tile 
	{
		margin : 0px 50px 0px 50px;
		min-width : 760px;
	}
	.VwDcHomeBloco04Conteiner 
	{
		gap : 10px;
	}
	.VwDcHomeBloco05 
	{
		display : none;
	}
	.VwDcHomeBloco07ConteinerCell 
	{
		display : none;
	}
}

@font-face
{
	font-family : CompusisFonte;
	src : url("CompusisFonte.woff2");
}
@font-face
{
	font-family : CompusisFonteMulishBold;
	src : url("CompusisFonteMulishBold.woff2");
}
@font-face
{
	font-family : CompusisFonteMulishRegular;
	src : url("CompusisFonteMulishRegular.woff2");
}
}