/*
 * summarizor-website - The summarizor.com website.
 * Copyright (C) 2025  SUMMARIZOR
 *     contact@summarizor.com
 *     Tel. +33 (0) 970 462 005
 *
 * This file is part of summarizor-website.
 *
 * summarizor-website is non-exclusive, non-transferable, non-redistributable.
 *
 * summarizor-website is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  direction: ltr;
}
img {
  border: 0px;
}
#max_fixed_wrapper,
#fixed_wrapper,
#full_wrapper {
  position:relative;
  text-align:left;
}
#max_fixed_wrapper,
#fixed_wrapper {
  margin-left:auto;
  margin-right:auto;
}
#max_fixed_wrapper {
  max-width:1000px;
}
#fixed_wrapper {
  width:1000px;
}
#full_wrapper {
  width:100%;
}
#wrapperPush {
  clear:both;
}
/* TODO: Convert all old wrapper to new CSS in aide_ar.i18n.jsp */
#wrapper {
  margin-top:16px;
  margin-bottom:4em;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:880px; /* 688 */
  clear:both;
  text-align: left;
}
#h1Header {
  padding-top: 4em;
}
#h1Header h1 {
  /* TODO: v2: match color and style with other pages */
  padding:0px;
  margin:0px;
  text-align: center;
}
.formError {
  font-weight: bold;
  color: red;
}
/*
 * h1 tags are used outside and above content sections.
 */
/* TODO: v2
h1 {
  font-size: 1.5em;
  margin: .75em 0px;
}
 */
/*
 * h2 tags are used within sections.
 */
/* TODO: v2
h2 {
  font-size: 1.5em;
  margin: .75em 0px;
}
*/
/*
 * Each page is divided in to several parts with an appearance and a position.
 *
 * The appearances include:
 *
 *   content - main content within the page.  If the user is to enter information
 *             into a form, it goes in the content section.
 *
 *   extraInfo - provides additional information about the main content, and does
 *               not usually involve user interaction.  This may be offset by a
 *               slightly smaller font and/or background color.
 *
 *   alert - highlights important information that should be brought to the user's
 *           immediate attention.
 *
 * The positions include:
 *
 *   section - a distinct main section of the page
 *
 *   right - positioned on the right side of the page
 */
.content {
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  padding: 1em;
}
.content > h1,
.content > h2 {
  padding-top:0px;
  margin-top:0px;
}
.extraInfo {
  background-color: #f0f0ff;
  border: 1px solid #c0c0cc;
  padding: 1em;
  font-size: 11px;
}
.extraInfo > h1,
.extraInfo > h2 {
  padding-top:0px;
  margin-top:0px;
}
.alert {
  background-color: #fff0f0;
  border: 1px solid #ccc0c0;
  padding: 1em;
}
.alert > h1,
.alert > h2 {
  padding-top:0px;
  margin-top:0px;
}
.section {
  clear: left;
  float: left;
  margin: 1em 0em 0em 0em;
}
.meRight {
  margin: 1em 0em 0em 1em;
  float: right;
}
/*
 * A content table presents tabular data within a content area.
 */
.contentTable {
  border:0px;
  background-color: white;
  border-collapse: collapse;
}
.contentTable:first-child {
  margin-top:1em;
}
.contentTable > * > tr > th,
.contentTable > * > tr > td {
  border: 1px solid #c0c0c0;
  padding: 2px;
}
.contentTable > thead > tr > th {
  text-align: center;
}
.contentTable > tbody > tr > th,
.contentTable > tfoot > tr > th {
  text-align: left;
}
/*
 * Provides a visual separation within a contentTable, while maintaining
 * column alignment since it is all one table.  This should be applied to the
 * td or th comprising the break area.
 */
.contentTableBreak {
  background-color: #f0f0f0;
  border-top: 0px;
  border-left: 1px solid #f0f0f0; /* TODO: Why are these borders still visible in Firefox? */
  border-right: 1px solid #f0f0f0;
  border-bottom: 0px;
}
/*
 * A table where the headers should be aligned to the left.
 */
.leftThTable th {
  text-align: left;
}
/*
 * A table where the headers should be aligned to the right.
 */
.rightThTable th {
  text-align: right;
}

/* TODO: v2: begin fix these in the original scss files instead of overriding here */
a,
a:visited,
a:hover {
  /* $pantone1:#ff4207;//orange */
  color: #0000ee;
}
a:active {
  color: #ee0000;
}
a:hover {
  text-decoration: underline;
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0px 4px 4px 0px;
}
label {
  display: inline;
}
/* TODO: v2: end fix these ... */