a:link {
	text-decoration: none;
	color: #03604d !important;
}

a:visited {
	text-decoration: none;
	color: #03604d !important;
}

a:hover {
	text-decoration: none;
	color: #03604d !important;
}

a:active {
	text-decoration: none;
	color: #03604d !important;
}

.form-all {
	 background:transparent;
}

.debug {
	/* border: 2px solid;
	border-color: #ff0000 !important; */
	
}

.debug1 {
	/* border: 2px solid;
	border-color: #ff0000 !important; */
	
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
      font-family: FuturaStd-Book !important;
}


Html, body {
	height: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	background-color: #e0e0e0;
	font-size: 14px !important;
	font-family: FuturaStd-Book !important;
	
}

h1, h2, h3, h4, h5 {
	font-family: Futura Std Heavy !important;  
	/*font-weigth: bold !important;*/
	text-align: center;
	color: #03604d;
}

.grandParentContaniner {
	display: table !important;
	height: 100% !important;
	margin: 0 auto !important;
}

.parentContainer {
	display: table-cell !important;
	vertical-align: middle !important;
}

.parentContainer #resetPasswordForm {
	background: #ebf2d1 !important;
	width: 512px !important;
}

.parentContainer #TotaisRedeForm {
	/*background: #FFFFFF !important;*/
	/*box-shadow: 1px 1px 1px #888888 !important;*/
	padding: 2px !important;
	width: 1020px !important;
}

.parentContainer #ReclamacaoForm {
	background: #FFFFFF !important;	
	padding: 5px !important;
	width: 490px !important;
}

.parentContainer #MenuForm {
	background: #FFFFFF !important;
	/*box-shadow: 1px 1px 1px #888888 !important;*/
	padding: 5px !important;
	width: 490px !important;
}


.parentContainer #RespostasGrupo {
	/*background: #FFFFFF !important;*/
	/*box-shadow: 1px 1px 1px #888888 !important;*/
	padding: 5px !important;
	width: 490px !important;
}

.parentContainer #RespostasGrupo {
	/*background: #FFFFFF !important;*/
	/*box-shadow: 1px 1px 1px #888888 !important;*/
	padding: 5px !important;
	width: 490px !important;
}

.parentContainer ResultadosRedeForm {
	/*background: #FFFFFF !important;*/
	/*box-shadow: 1px 1px 1px #888888 !important;*/
	padding: 5px !important;
	width: 800px !important;
}

.form-control {
	border: 1px solid #B9B9B9 !important;
	border-radius: 0px !important;
}

.topRow {
	background-color: #4d4d4f !important;
}

.backgroundColorRow {
/*	background-color: #d2dce0;*/
	margin: 0;
    padding: 6px !important; 
    white-space: nowrap;
    overflow: auto;
    background-color: #03604d;
    /*color: #89949B;*/
    /*color: #e5e5e5;*/
    color: orange;
    /*font-size: initial;*/
    font-size: 16px;
    font-family: FuturaStd-Book !important;
    letter-spacing: 1px;
}


.floatIconRight {
	float: right !important;
}

.floatIconLeft {
	float: left !important;
}

.floatIconLeft:HOVER {
	background-color: #4d4d4f;
	text-decoration: none;
	height: 100%;
}

.floatIconRight:HOVER {
	background-color: #4d4d4f;
	text-decoration: none;
	height: 100%;
	padding-left: 15px;
}

.userNameConfigs {
	color: #ffffff;
	font-family: FuturaStd-Book !important;
	letter-spacing: 0.5px !important;
	padding-left: 15px;
	padding-right: 15px;
	font-size: large;
	vertical-align: -webkit-baseline-middle;
}

.userNameConfigs1 {
	color: #ffffff;
	font-family: FuturaStd-Book !important;
	letter-spacing: 0.5px !important;
	padding-left: 15px;
	padding-right: 15px;
	font-size: medium;
	vertical-align: text-top;
}

.userNameConfigs2 {
	color: #ffffff;
	font-family: FuturaStd-Book !important;
	letter-spacing: 0.5px !important;
	padding-left: 15px;
	padding-right: 15px;
	font-size: medium;
	vertical-align: -webkit-baseline-middle;
}

.userImgConfigs {
	margin-top: 8px;
}

.userImgConfigs1 {
	/*margin-top: 8px;*/
	margin-left: 8px;
}

.userImgConfigs2 {
	margin-top: 13px;
	margin-left: 8px;
}

.overlayOptions {
	/* width: 130px; */
	width: 188px;
}

.left::-webkit-scrollbar {
	/* This is the magic bit */
	display: none;
}

.wrapText {
	white-space: normal;
}

/* CSS para os quadros */
.breakValue {
	display: block;
}

.alignRight {
	text-align: center;
	color: #89949B !important;
	/*float: right;*/
}

.colorOfLabel {
	color: #89949B !important;
	float: left;
}

.ui-datatable table {
	/*	width: inherit !important;*/
	/* table-layout: auto !important; */
	width: inherit !important;
}

.ui-datatable thead th, .ui-datatable tfoot td {
	color: #ffffff !important;
	background: #4d4d4f !important;
}

.formatHeaders {
	/* background-color: #ffffff !important; */
	font-family: Futura Std Heavy !important;
	font-size: 14px !important;
	color: #868686 ! important;
	/*color: #ffffff !important;*/
	letter-spacing: 0.5px !important;
	min-width: 85px;
}

.formatIntroHeaders {
	font-family: Futura Std Heavy !important;
	font-size: 25px !important;
	/* color: #E5E5E5 !important; */
	color: #03604d !important;
	letter-spacing: 0.5px !important;
	vertical-align: middle;
}

.btn-primary {
	color: #FFFFFF !important;
	background-color: #03604d !important;
	border-color: transparent !important;
	font-family: Futura Std Heavy !important;	
	font-size: large !important;
	font-weight: bold !important;
	padding: 10px;
  	width: 350px;
  	height: 50px;
}

.btn-primary-lightgreen {
	color: #03604d !important;
	background-color: #ebf2d1 !important;
	border-color: transparent !important;
	font-family: Futura Std Heavy !important;	
	font-size: large !important;
	font-weight: bold !important;
	padding: 10px;
  	width: 200px;
  	height: 50px;
}

.btn-primary-white {
	color: #03604d !important;
	background-color: #ffffff !important;
	border-color: transparent !important;
	font-family: Futura Std Heavy !important;	
	font-size: large !important;
	font-weight: bold !important;
	padding: 10px;
  	width: 326px;
  	height: 33px;
}

.btn-reclamacao {
	color: #ffed00!important;
	background-color: #ff0000!important;
	border-color: transparent !important;
	font-size: 12px !important;
	font-family: Futura Std Heavy !important;
}

.btn-primary-gray {
	color: #e0e0e0!important;
	background-color: #4d4d4f !important;
	border-color: transparent !important;
	font-size: large !important;
	font-family: Futura Std Heavy !important;
}

.btn {
	border-radius: 12px !important;	
	user-select: none;
	
}

.noPaddings {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.innerOutPutPanel {
	padding: 20px;
}

.innerInPutPanel {
	background-color: white;
	padding: 15px;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 38px;
	background-color: #f5f5f5;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 20px;
}

.addMarginLeft {
	margin-left: 20px;
	margin-top: 8px
}

.addMarginTop {
	margin-top: 13px;
}

.menuIconOptions {
	vertical-align: -webkit-baseline-middle;
	margin-right: 15px;
}

.marginBottomForFooter {
	margin-bottom: 40px;
}

.filtersBox {
	border: 1px solid #636363;
	padding: 5px;
}

.footerLogoMargins {
	margin-top: 5px;
	margin-right: 5px;
}

.footerMarginTop {
	margin-top: 10px;
}

.ui-overlaypanel-content {
	padding: 1em 1em !important;
}

.ui-datatable-tablewrapper {
	overflow: auto !important;
}

.noteText {
	color: #4d4d4f;
	font-size: 14px !important;
	font-family: FuturaStd-Book !important;
	letter-spacing: 0.5px !important;
	font-weight: bold;
}

.ui-datatable.myTable th {
	background: #636363 !important;
}

.excelButton {
	color: #ffffff !important;
	background: #4d4d4f !important;
	margin-bottom: 20px;
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 100px;
	left: 240px;
	z-index: 100;
}

div.FichaAuditoria {
   width:1200px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

div.ModificarRevendedor {
   width:1078px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

div.RelatorioForm {
  width:812px;
  background: #868686 !important;
  color: white;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

div.InserirRevendedor {
  width:1020px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #4d4d4f !important;
}

div.Reclamacao {
  width:500px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #4d4d4f !important;
}

div.AvaliacaoGrupo {
  width:1024px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

div.ResultadosRede {
  width:1024px;
  background: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

div.RelatorioVisita {
  width:1024px;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  margin: auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border: 3px solid #4d4d4f;
  box-shadow: 1px 1px 1px #888888 !important;
}

table tr td {
    background-color: transparent;
}

div.divParaImprimir {
 
  background: #FFFFFF !important;
 
}

tr.border_bottom td {
  border-bottom:1pt solid black;
}

tr.border_bottom th {
  border-bottom:1pt solid black;
}

table.border_all {
	border-collapse: collapse;
}
tr.border_all td {
	border: 1px solid black;
}

tr.border_all th {
	border: 1px solid black;
}

#Respostas {
  border: 1px solid black;
  border-collapse: collapse;
}
#Perguntas {
  border: 1px solid black;
  border-collapse: collapse;
}

@media print {
body {-webkit-print-color-adjust: exact;}
}

.CellWithComment:hover span.CellComment{
  display:block;
}

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: #03604d;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
}

input[type="file"]
{
  display: none;
}
.fileUpload input.upload 
{
    display: inline-block;
}

.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .bottom {
    min-width:400px; 
    max-width:400px;
    top:40px;
    left:50%;
    transform:translate(-50%, 0);
    padding:10px 20px;
    color:#2f75b5;
    background-color:#FFFFFF;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #2f75b5;box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .bottom {
    visibility:visible; opacity:1;
}

.tooltip .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#FFFFFF;
    border:1px solid #2f75b5;box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.dialog_box #iconhelp {
  color: #FFFFFF !important;
  background-color: #03604d !important;
}
.dialog_box .ui-dialog-titlebar {
  color: #FFFFFF !important;
  background-color: #03604d !important;
  background-image: none;
}

/* .moreWidth{
	width: 90px;
} */