@CHARSET "UTF-8";

body {

	background-color: #ffffff;
	font: 62.5% "Trebuchet MS", sans-serif;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;

}

label {
	font: 100% "Trebuchet MS", sans-serif;
}

.div-principal{
	position: fixed;
	left: 0px;
	top: 60px;
	/**height: 500px;**/
	bottom: 0px;
	right: 0px;
	padding: 10px;
	overflow:auto;
	border: none !important;
}

button[type="button"] {
	border: none;
}

/*hover dos icons*/
.tooltip {
	position: relative;
	display: inline-block;
	padding: 3px 3px;
	cursor: pointer;
	transition: transform 0.1s;
  }
  .tooltip .text {
	position: absolute;
	max-width: 60px;
	height: auto;
	background-color: #5f5963;
	color: #fff;
	text-align: center;
	padding: 0px 1px;
	z-index: 1;
	border-radius: 1px;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 1s;
	visibility: hidden;
	display: inline-table;
  }
  
  .tooltip .text::after {
	position: absolute;
	content: "";
	border-style: solid;
	border-width: 2px;
	border-color: #5f5963 transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -2px;
  }
  
  .tooltip:hover .text {
	visibility: visible;
	opacity: 1;
    font-size: 8.5px;

    text-wrap: wrap !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
  }
  
  .tooltip:hover {
	transform: scale(1.3);
  }
  /* fim do hover dos icones */

.sombra-principal{
	position: fixed;
	left: 12px;
	top: 62px;
	right: 10px;
	bottom: 10px;
}

/** Toolbar principal **/
.toolbar-main{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10pt;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #e9e9e9;
	border: none !important;
}

/** Toolbar tabela **/
.toolbar-table{

	height: 40px;
	/* margin-top: 3px; */
	margin-left: 10px;
	margin-right: 15px;
	padding: 0px;
	width: 98%;

}

/** Container do grid **/
.searchResultsContainer{
	background: #dfdfdf79;
	position: absolute;
	top: 130px;
	left: 5px;
	right: 5px;
	bottom: 50px;
	overflow: auto;
	/* border: 1px solid #CCC; */
	padding: 15px 15px 15px 15px;
	overflow-x: hidden;
}

/** Container dos resultados da busca **/
.reportViewerContainer{
	background: none;
	position: absolute;
	top: 120px;
	left: 5px;
	right: 5px;
	bottom: 50px;
	overflow: auto;
	border: 1px solid #CCC;
	padding: 4px;
}

/** Container dos resultados da busca **/
.consolidacaoViewerContainer{
	background: none;
	position: absolute;
	top: 135px;
	left: 5px;
	right: 5px;
	bottom: 50px;
	overflow: auto;
	border: 1px solid #CCC;
	padding: 4px;
}


/** Toolbar botões **/
.toolbar-button{
	font-size: 8pt;
	margin-top: 7px;
}

.toolbar-button:hover{
	background-color: #999999;
	color: #212121;
	border-color: #323131;
}

/** DIV Loading **/
.loading{
	background: none;
	height: 19px;
	left: 50%;
	margin: -9px 0 0 -110px;
	position: absolute;
	top: 50%;
	width: 220px

}

/** H1 **/
h1{
	color: #212121;
	font-size: 18pt;
}

/** Inputs de texto **/
input[type=text]{
	height: 18px;
	width: 300px;
}
input[type=file]{
	height: 18px;
	width: 300px;
}
input[type=button]{
	border:none;	
}

select{
	height: 25px!important;
	width: 300px;
        padding:2px!important;
}
.text{
	height: 18px;
	width: 300px;
}

/** Container da busca **/
.searchContainer{
	width: 100%;
}

/** Grid de listagem **/
.listGrid{
	background-color: #bbbbbb;
	width: 100%;
}

.listGridSmallFont{
	background-color: #ccc;
	width: 100%;
	font-size: 7pt;
}

.listGridTd{
	padding-left: 2px;
	padding-right: 2px;
	background-color: #FFF;
}
.listGridTdAlter{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #E1E1FF;
}
.listGridHover{
	background-color: #FFF;
	width: 100%;
}
.listGridHoverTd{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #CCC;
}

/** Toolbar - rodapé - botões de ação **/
.footerToolbar {
	background: none;
	/* border: 1px solid #CCC; */
	left: 5px;
	right: 5px;
	bottom: 5px;
	height: 30px;
	position: absolute;
	text-align: right;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
}

/** Botao Salvar (disquete) **/
.diskButton{
	background: url(../images/disk.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Toolbar de formulário - botões de ação **/
.formToolbar {
	background: none;
	border: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
}

/** Botão de download **/
.linkDownload{
	background: url(../images/file.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
        text-decoration: none;
        font-size:14px;
        margin-left:5px;
}

/** Botão de busca **/
.searchButton{
	background: url(../images/search.png) no-repeat;
	cursor: pointer;
	width: 22px;
	height: 22px;
	border: none;
}

/** Botão editar **/
.editButton{
	background: url(../images/edit.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Deletar **/
.deleteButton{
	background: url(../images/delete.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Deletar **/
.deleteButton2{
	background: url(../images/delete-field.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Visualizar **/
.viewButton{
	background: url(../images/view.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Vínculos **/
.vinculosButton{
	background: url(../images/vinculos.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Enviar **/
.enviarButton{
	background: url(../images/email_go.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Visualizações **/
.visualizarButton{
	background: url(../images/inscricoes.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Classificar **/
.classificarButton{
	background: url(../images/classificar.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Consolidar **/
.consolidarButton{
	background: url(../images/consolidar.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Inscrições **/
.inscricoesButton{
	background: url(../images/inscricoes.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Lista Convite **/
.listaConviteButton{
	background: url(../images/lista_convite.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Relatorio **/
.relatorioButton{
	background: url(../images/relatorio.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão Teleatendimento **/
.teleAtendimentoButton{
	background: url(../images/teleatendimento.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão EVE **/
.eveButton{
	background: url(../images/eve.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão adicionar à lista **/
.addListButton{
	background: url(../images/adicionar-lista.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão de Cartão do Patrocinador **/
.cardButton{
	background: url(../images/cartao.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border: none;
}

/** Botão de Adicionar **/
.addButton{
    background: url(../images/add.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: none;
}

/** Botão de Remover **/
.removeButton{
    background: url(../images/remove.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: none;
}

/** Interrogacao **/
.questionButton{
    background: url(../images/question.png) no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}

/** Botão Visualizar Home **/
.viewHome{
    background: url(../images/viewHome.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: none;
}

.validationError{
	font-style: italic;
	color: #F00;
}

input.validationError{
	border-color: #F00;
	font-style: normal;
	color: #000;
}

label{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10pt;
}

/** Paginação **/
.paginator{
	list-style: none;
	float: right;
}
.paginator li{
	display: inline;
	width: 20px;
	height: 20px;
}

.paginator li button{
	background: #4CAF50;
	color: #e6e6e6;
	border: 0px;
	cursor: pointer;
}
.paginator li button:HOVER{
	background: rgb(83, 194, 89); 
	color: #fff;
	border: 0px;
}
.paginator li button:FOCUS{
	background: #4CAF50; 
	color: #ffffff;
	border: 0px;
}
.paginator li button.selected{
	background: #0d959f; 
	color: #ffffff;
	border: 0px;
	cursor: default;
}
.paginator li button.disabled{
	opacity: 0.50;
	background-color:#ccc;
	color: #fff;
	cursor: default;
}
.paginator li button.disabled:FOCUS{
	opacity: 0.50;
	background-color: #ccc;
	color: #fff;
	cursor: default;
}

/** Menu com submenu **/
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button {
	clear:left;
	margin:6px 4px 0px 20px;
	padding: .4em 1em;
	text-decoration:none !important;
	font-size: 8pt;
	cursor:pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }

.ui-datepicker-trigger {

	background: url(../images/calendar.png) no-repeat;
	border: 0px;
	cursor: pointer;
	width: 16px;
	height: 16px;

}

.taheader {
	cursor: pointer;
}

.hide {
	display: none;
}

/**
 * Menus de permissões
 */
.formMenu{
	list-style: none;
	margin-left: -10px;
	margin-bottom: 15px;
}
.formMenu li{
	margin-top: 10px;
}
.formMenu li label{
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.formSubMenu{
	list-style: none;
}
.formSubMenu li label{
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

.formAcao{
	list-style: none;
}
.formAcao li label{
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

#view-order{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	width: 250px;
}
#view-order li {
	display:inline;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -2px;
	margin-right: -2px;
	cursor: e-resize;
}

#order-order{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	width: 250px;
}
#order-order li {
	display:inline;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -2px;
	margin-right: -2px;
	cursor: e-resize;
}

#view-order-view{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	width: 250px;
}
#view-order-view li {
	display:inline;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -2px;
	margin-right: -2px;
	cursor: default;
}

#view-order-order{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	width: 250px;
}
#view-order-order li {
	display:inline;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -2px;
	margin-right: -2px;
	cursor: default;
}

.titulo{
	font-weight: bold;
	padding: 7px;
}
/* Botões adm Modal */
.botoesAdm {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;

  width: 100%;
  height: 37,5%;
}

.admModal, .material {
  border-radius: 10px;
  width: 350px;
  height: 70px;
  margin: auto auto;
  padding: 2px 0px 2px 0px;
 
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;

  margin: 15px auto;
}

.admModal.um {
  background: #337eb7;
}

.admModal.dois {
  background: #228b02;
}

.admModal.tres {
	background: #891bb1;
}
.admModal.quatro {
	background: #191970;
}
.admModal.cinco {
	background: #c01948;
}
.admModal.seis {
	background: #c9b83a;
	;
}
.meuschamados {
	background: #979797;
	border-radius: 10px;
	width: 350px;
	height: 35px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	margin: 15px auto;
}

.material.um {
  background: #337eb7;
}

.material.dois {
  background: #e2970c;
}

.material.tres {
  background: #73338b;
}

.material.quatro {
  background: #c7ba00;
}