/************************/
/* ESTILOS DO ACCORDION */
/************************/

/* Font-size de headers (tem de ser aqui) */
.ui-accordion .ui-accordion-header {
  font-size: 14px;
}

.ui-accordion-header {
  cursor: default !important;
}

.ui-accordion-header-active {
  background: #440639;
  color: #dbd0d9;
  border: 1px solid #440639;
  font-weight: bold;
}

.ui-accordion-content {
  background-color: #dbd0d9;
  border: 1px solid #440639;
  color: #440639;
  font-size: 13px;
}

.ui-widget {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/**
 *  UI baseada em ul's e li's
 */
.ul_block_reag {
  list-style-type: none;
  padding-inline-start: 0;
  margin-left: 10px;
  margin-top: 0px;
  padding-left: 0;
}

.li_item_reag {
  display: block;
  margin-bottom: 5px;
  color: #424242;
  *zoom: 1; /* evita overlaping com o elemento seguinte em IE8 */
}

.li_item_reag:after {
  /* limpa os floats | IE8 só suporta :after e nao ::after */
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.li_item_title_reag,
.li_item_content_reag {
  line-height: 20px;
  height: 25px;
  margin-top: 3px;
  margin-right: 4px;
}

.li_block_content_reag {
  clear: left;
  margin-top: 5px;
}

.li_item_title_reag {
  width: 168px;
  display: inline-block;
  text-align: right;
  color: #424242;
  float: left;
  margin-top: 4px \9; /* for IE8 */
  display: table \9; /* for IE8 */
}

.item_title_reag,
.item_text_reag {
  vertical-align: middle;
  margin-top: 1px;
  position: relative;
  display: inline-block;
}

.item_text_reag {
  margin-right: 4px;
}

.li_item_content_reag {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  color: #424242;
  float: left;
  /*display: table \9;*/ /* for IE8 */
}

/*************************/
/* --------------------- */
/* --------------------- */
/*************************/

#reag_accordion,
#registo_accordion {
  /*width: 64%;*/
  width: 716px;
  vertical-align: top;
  display: inline-block;
}

#reag_content2 {
  /*height: 600px;*/
  font-size: 13px;
  line-height: 18px;
  text-align: justify;
  text-justify: inter-word;
}

.aviso_consent {
  font-size: 13px;
  line-height: 18px;
  text-align: justify;
  text-justify: inter-word;
}

#registo_content {
  /*height: 500px;*/
}

#login_content {
  /*height: 270px;*/
}

#info_content {
  /*height: 170px;*/
}

#login_info_div {
  /*width: 35%;*/
  width: 370px;
  display: inline-block;
}

#aviso_browser_antigo {
  margin-top: 2px;
  width: 358px;
  display: none;
  background-color: #e4d054;
  color: #440639;
  border: 1px solid #440639;
  border-radius: 4px;
  font-family: helvetica;
  padding: 5px;
}

/* ************************* */

/* Div contentor geral */
#contentor {
  /*margin-left: 15%;
	margin-right: 15%;*/

  width: 1100px;
}

/* Cabecalho com logotipo e titulo */
#cabecalho {
  width: 100%;
}

#logo {
  vertical-align: middle;
  height: 160px;
  width: 360px;
}

#titulo,
.titulo {
  vertical-align: middle;
  margin-left: 5%;

  font-size: 35px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  color: #7d0f68;
}

/* Styling de inputs de texto */
input[type="text"],
input[type="password"] {
  border: 2px solid #440639;
  padding: 3px;
}

/* label de campos a preencher para login */
.label {
  /*font-style: italic;*/
}

/* Botoes de "Entrar" e "Limpar" */
.divButtonSet {
  display: inline-block;
  font-size: 14px;
}

#erro_login {
  /*visibility: none;*/
  font-weight: bold;
  font-style: italic;
  color: #ba2c2c;

  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
}

/* Link de registo */
#registar,
#recuperar {
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

#registar:focus {
  color: #440639;
}
/* ************** */

.info_label {
  color: #440639;
  font-weight: bold;
}

/* Espacos nos campos do accordion INFORMACOES para alinhas com os contactos */
.espacos_info {
  margin-left: 5px;
}

/* ******************** */
/* ACCORDION DE REGISTO */
/* -------------------- */

#tabela_registo {
  text-align: left; /* PARA IE8 */
}

#legenda_campo_obg {
  color: red;
  margin-right: 20px;
}

/* ************** */
/* ACCORDION REAG */
/* ************** */

#link_politicas_acesso {
  cursor: pointer;
  font-style: italic;
  text-decoration: underline;
}

#link_politicas_acesso:hover {
  color: #989057;
}

body {
  background-color: #fef4f4;
}

/* **************** */
/* ToolTip classses */
/* ---------------- */

.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
  cursor: default;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #eeeeee;
  color: #424242;
  text-align: center;
  border-radius: 6px;
  font-size: 11px;
  font-family: Helvetica;
  font-style: italic;

  /* Posição do texto */
  padding: 5px 10px;
  position: absolute;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #eeeeee transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* AUTOCOMPLETE STYLING */

.ui-autocomplete {
  /* Tamanho do autocomplete
	   + scrollbar */
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;

  background-color: #eeeeee;
  font-style: italic;
  font-size: 14px;
}

.ativar_dados_label {
  font-weight: bold;
  padding-left: 15px;
}

#especialidade_outra_div {
  display: none;

  margin-top: 20px;
}

#N_ORDEM_REC {
  width: 150px;
  height: 25px;
  font-size: 20px;
  text-align: center;
  color: #424242;
}

#erro_cedula,
#erro_ativo {
  display: none;
  color: red;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-top: 15px;
  opacity: 0;
}

#rec_sucesso {
  display: none;
  color: green;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-top: 15px;
  opacity: 0;
}

.campo_pass,
#cod {
  width: 250px;
  height: 30px;
  font-size: 25px !important;
  text-align: center;
  color: #424242;
}

.mensagem_erro {
  margin-top: 5px;
  color: red;
  font-style: italic;
  display: none;
  opacity: 0;
}

#mensagem_recup_sucesso {
  margin-top: 5px;
  color: green;
  font-style: italic;
  display: none;
  opacity: 0;
}

.loading {
  height: 50px;
  width: 50px;
  display: none;
}

.button_recup {
  width: 80px;
}

#div_captcha {
  margin-top: 10px;
  display: none;
}

#captcha_input_text {
  display: none;
}

.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type="file"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.001;
}

/* Estilos para select2 */
.select2-selection {
  border: 1px solid #440639 !important;
  background: #e6e6e6 url(../js/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png)
    50% 50% repeat-x;
}
.select2-selected {
  color: #440639 !important;
  background: #fed766 !important;
}
/* --- */

.registo-select2_label,
.registo-select2_label select,
.registo-select2_label span {
  display: block;
}

.registo-select2_label .registo-select2_label-text {
  margin-bottom: 3px;
}