/*Css que contém a classes css para ajustar algumas classes do Portal ao funcionamento do Módulo MVC*/

/*Validações usando Jquery Unnobtrusive*/
.field-validation-error {
  background: #BF321E;
  border-radius: 3px;
  padding: 5px;
  margin: .2rem auto;
  display: inline-block;
  color: #fff !important;
  font-size: .7rem;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-animation: fadeIn 1s 1;
  -o-animation: fadeIn 1s 1;
  -webkit-animation: fadeIn 1s 1;
  animation: fadeIn 1s 1;
  vertical-align: middle;
}

.input-txt {
  vertical-align: middle !important;
}

.input-validation-error {
  border: 1px solid red;
}


/* Classes para alinhar a mensagem de validação ao campo do formulário alinhado*/

.form-alinhado .label-padrao {
  max-width: 20%;
}

.form-alinhado .msg-validacao-alinhada {
  display: inline-block;
  max-width: 78%;
}


/*Mensagens de erro topo do portal*/
/*O MVC não permite adicionar a classe msg-erro-lista para os elementos que fazem parte da mensagem de erro do validation summary */
.msg-erro ul {
  float: left;
  font-size: .75rem;
  line-height: 1.4;
  margin-top: 5px;
  width: 95%;
}


/*Customização do carregamento do jquery-ui, isso deve ser passado para o pacote do portal*/

.ui-autocomplete-loading {
  background: url(../PortalStaticFiles/App_Themes/NewTheme/Images/loader.gif);
  background-repeat: no-repeat;
  background-position: right;
  /*remove os efeitos de transicao existentes no input-txt ou em outras classes enquanto está sendo carregada a resposta do autocomplete do campo*/
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}


/*Hacks para o IE e EDGE, eles exibem um elemento visual para limpar o campo de texto*/

.ui-autocomplete:not(.autocomplete-loading):not(.autocomplete-empty):focus {
  background-image: inherit;
}

.ui-autocomplete-loading::-ms-clear {
  display: none;
}


/*Customização do carregamento do jquery-ui, isso deve ser passado para o pacote do portal*/



/* Customização do espaçamento do rodapé do grid */

.grid-rodape {
  padding-right: 10px;
}

/* Rodapé da página */

.rodape-pagina {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px;
}

/* Popups */
.popup {
  padding: 5px;
}

  .popup .ui-dialog-titlebar {
    display: block;
  }

  .popup .popup-fechar {
    font-size: 1rem;
    top: .5rem;
  }