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

Common style

-------------------------------- */
html {

  font-size: 100%

}

body {
  width: 90%;
  max-width: 1200px;
  margin: 1em auto;
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif;
  line-height: normal;
  color: #2b3e51;
  word-wrap: break-word;
}

h1 {
  clear: both;
  font-size: 230%;
  font-weight: bold;
  text-align: left;
  color: #004698;
  margin-bottom: 0.8em;
}

h2 {
  clear: both;
  font-size: 180%;
  font-weight: bold;
  text-align: left;
  color: #004698;
  margin-bottom: 0.5em;
}

h3 {

  clear: both;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  color: #004698;
  margin-top: 0.2em;
  margin-bottom: 0.4em;

}

h4 {

  clear: both;
  font-size: 130%;
  text-align: left;
  color: #004698;
  margin-top: 0.7em;
  margin-bottom: 0.4em;
  padding-top: 0.9em;
  border-top: 1px solid #004698;
}

.line_query_error {
  color: #FF4141;
}

.line_bold {
  font-weight: bold;
}

p {
  margin-bottom: 0.7em;
}

ul  {
  line-height: normal;
  margin-top: 0.3em ;
  margin-bottom: 0.7em ;
  color: #2b3e51;
  list-style: square;
  padding-left: 1.5em;
}

ol  {
  line-height: normal;
  margin-bottom: 0.5em ;
  color: #2b3e51;
  list-style: decimal;
  padding-left: 1.5em;
}

li {
  word-wrap: break-word;
  margin-bottom: 0.5em;
}

#div_button_header {
  padding-top: 1.8em;
}

#div_button_header button {
  font-size: 100%;
  clear: both;
  margin-right: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

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

Box for special message
on the top of page

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

.message-box-border {
  margin: 0px;
  margin-top: 3em;
  margin-bottom: 2.4em;
  padding: 1px;
  background-color:#5f82ab;
  border:3px solid #2b3e51;
}

.message-box-border p {
  color:#ffffff;
  margin: 1.0em;

}

.message-box-border a:link {
  color: #ececec;
}

.message-box-border a:visited {
  color: #cdcdcd;
}

.message-box-border a:focus {
  outline: 0;
}

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

Box for special warning

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

.warning-box-border {
  margin: 0px;
  margin-top: 3em;
  margin-bottom: 2.4em;
  padding: 1px;
  background-color:#e44e38;
  border:3px solid #2b3e51;
}

.warning-box-border p {
  color:#ffffff;
  margin: 1.0em;

}

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

Box for special notice

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

.notice-box-border {
  margin: 0px;
  margin-top: 3em;
  margin-bottom: 2.4em;
  padding: 1px;
  background-color:#b17f6b;
  border:3px solid #2b3e51;
}

.notice-box-border p {
  color:#ffffff;
  margin: 1.0em;

}

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

Box for special advice

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

.advice-box-border {
  margin: 0px;
  margin-top: 3em;
  margin-bottom: 1em;
  padding: 1px;
  background-color:#e4cd38;
  border:3px solid #2b3e51;
}

.advice-box-border p {
  color:#2b3e51;
  margin: 1.0em;

}

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

Box for special advice

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

.advice-step4-box-border {
  margin: 0px;
  margin-top: 2.4em;
  margin-bottom: 2.4em;
  padding: 1px;
  background-color:#e4cd38;
  border:3px solid #2b3e51;
}

.advice-step4-box-border p {
  color:#2b3e51;
  margin: 1.0em;

}

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

Box for success

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

.success-box-border {
  margin: 0px;
  margin-top: 3em;
  margin-bottom: 2.4em;
  padding: 1px;
  background-color:#249f72;
  border:3px solid #2b3e51;
}

.success-box-border p {
  color:#ffffff;
  margin: 1.0em;

}

#div_general {
}

.div_general_info_usage {
  margin-bottom: 1em;
}

.div_general_info_usage p {
  font-weight: bold;
}

button:hover {
  cursor: pointer;
}

.always-visible {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
  background: #ffffff;
}

.always-visible p {

  border: 3px solid red;
  background: #ffffff;
  color: red;
  margin: auto;
  text-align: center;
  padding: 0.4em;
  font-size: 80%;
}


.button-header {
  border: 1px solid #000000;
  background: #eee;
  font-size: 100%;
  text-align: center;
  margin-top: 0em;
}

@media only screen and (max-width:540px) {

  .button-header {
  font-size: 60%;
  }
}

.button-header:focus {
  text-decoration: underline;
}


.common-terms {
  position:fixed;
  top: 5%;
  left: 10%;
  width: 80%;
  max-height: 90%;
  overflow: auto;
  z-index: 2;
}

.div_hold_credentials_buttons {
  margin-top: 1em;
}

#div_sector {
  padding-top: 1.2em;
}

.div_sector_info_usage {
  margin-bottom: 1em;
}

.div_sector_info_usage p {
  font-weight: bold;
}

.div_process_info_usage {
  margin-bottom: 1em;
}

.div_process_info_usage p {
  font-weight: bold;
}


.div_action_info_usage {
  margin-bottom: 1em;
}

.div_action_info_usage p {
  font-weight: bold;
}

#mask
{
  display: none;
  background: #000000;
  position: fixed; left: 0; top: 0;
  width: 100%; height: 100%;
  opacity: .50;
  z-index: 1;
}


.common-terms h1 {
  font-size: 125%;
  margin-top: 1.5em;
}

.common-terms p {
	margin-bottom: 1.4em;
	margin-top: 1.1em;
}

.common-terms-header {
  background: #ffffff;
  border-bottom: 1px solid;
  padding: 10px;
  padding-top: 15px;
}

.common-terms-header h1 {
  padding-top: 10px;

}
.common-terms-content {
  background: #ffffff;
  padding: 10px;
}

.button-close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: #ffffff;
  text-align: center;
}

#div_common_terms {
  clear: both;
}

.reference-link {
  border: 1px solid;
  text-align: center
}

.reference-link:hover {
}

.term-link {
  font-size: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px dashed;
  background: #ffffff;
  text-align: center;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
}

.term-link:hover {
}

.step-default {
  clear: both;
  margin-top: 1.7em;
}

.step-five {
  clear: both;
  margin-top: 3.8em;
}

.drop-down-list {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  font-size: 100%;
  max-width:80%;
  min-width:80%;
  clear: both;

}

.short-input {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  font-size: 100%;
  max-width:80%;
  min-width:80%;
  clear: both;
}

.textarea-input {
  min-height:100px;
}

.recaptcha {
  margin-top: 2em;
}

.select-button {
  font-size: 105%;
  color: #004698;

  margin: 0.6em;

}

.select-button:disabled {
  color: grey
}

.information div {
  padding:0.2em;
}

.query-form {
  border: 1px solid;
  padding: 1em;
  clear: both;
}

.field-end {
  clear:both
}

.more-button {

  border: 1px solid;
  font-size: 90%;
  display: inline-block;
}

.send-button {
  border: solid 5px #004698;
  font-size: 140%;
  color: #004698;
  padding: 1em;
  background-color: #ffffff;
  margin-top: 0.3em;
  margin-bottom: 1em;
}

.send-button:hover {
  border : solid 5px #ffffff;
  color : #ffffff;
  background-color : #004698;

}

.send-button[disabled] {
  color: #cdcdcd;
  border : solid 1px #cdcdcd;
}

.send-button[disabled]:hover {
  color: #cdcdcd;
  border : solid 1px #cdcdcd;
  background-color : #ffffff;
  cursor: auto;
}

.group-div {
  margin-top:1em;
  margin-bottom:1em;
}

.loader {
  border: 0.4em solid #f3f3f3; /* Light grey */
  border-top: 0.4em solid #3498db; /* Blue */
  border-radius: 50%;
  margin: 1em;
  width: 2em;
  height: 2em;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#div_loader {
  margin-top: 3.4em;
}

.center-div
{
  margin: 0 auto;
}

.footer {
  margin-bottom: 15em;
}

.relevant_field {
  font-style: italic;
  font-size: 75%;
}

.highlighted_error {
  color: #FFFFFF;
  background-color: #FF4141;
}