/**
 * Custom HTML elements formatting
 */
html {
    height: 100%;
}
html, body {
    margin: 0px;
}
body {
    font-family: 'Arial', "DejaVu Sans", sans-serif;
    font-weight: normal;
    font-size: 13px;
    padding: 0;
    text-align: center;
    background-color: #0f0c0c;
}
body#iframe_body {
  background-color: #fff;
  text-align: left;
}
h1, h2, h3, h4, h5, h6, div, p, table, form, input, textarea, span {
    font-family: 'Arial', "DejaVu Sans", sans-serif;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6, div, table {
   line-height: 180%;
}
div.print_title {
  display: none;
}
p {
   line-height: 140%;
}
/* Links tags */
a {
    text-decoration: none;
    font-weight: normal;
}
a:link, a:active, a:visited { color: #c00; }
a:hover                     { color: #444; }
img#logo_print {
  display: none;
}

/**
 * Common HTML elements formatting
 */
input, textarea , select {
  border: solid 1px #ccc;
  margin-bottom: 2px;
}
input:focus , textarea:focus , select:focus {
  border: solid 1px #69c;
  box-shadow: 0 0 5px rgba(102, 152, 204, 0.2);
}
input , textarea {
  padding: 3px;
  border: 1px solid #ccc;
  font-size: 13px;
  margin-top: 4px;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  outline: none;
}
select {                                                                                               
  width: auto;
  padding: 3px;
  padding-right: 15px;
  overflow: hidden;
  background: url(../img/selectbox.png) no-repeat right #fff;
  border: 1px solid #ccc;
  /* remove the default image */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px;
  width: 245px;
  min-width: 245px;
  max-width: 245px;
  outline: none;
}
select::-ms-expand { /* for IE 11 */
  display: none;
}
select#assets_disposed {
  width: 128px;
  min-width: 128px;
  max-width: 128px;
}

input.user_input , input.result , input.result_neg {
  text-align: right;
  padding-right: 3px;
}
input.result_neg {
  color: #c00;
}

/**
 * Calculator formatting
 */
form.calculator {
    margin-bottom: 10px;
}
table.calculator {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
  margin-bottom: 5px;
}
td.calc_label , td.calc_field {
  background-color: #f9f9f9;
  color: #444;
  border: 0;
  border-bottom: 1px solid #eee;
  padding: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
}
td.calc_label {
  line-height: 130%;
  font-size: 15px;
}
td.calc_field {
  vertical-align: top;
  width: 28%;
  padding-right: 8px;
  padding-left: 5px;
  text-align: right;
}
div.action_button { margin-top: 5px; }


.advise1 {
  color: #290;
}
.advise2 {
}


input.public_submit_button,
input.public_submit_button_on,
input.public_cancel_button,
input.public_cancel_button_on {
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
    color: #fff;
    font-size: 15px;
    width: auto;
}
input.public_submit_button {
    background-color: #47a;
    border: 1px solid #258;
}
input.public_submit_button:focus {
    border: 1px solid #258;
    box-shadow: none;
}
input.public_submit_button_on {
    background-color: #258;
    border: 1px solid #258;
}
input.public_submit_button_on:focus {
    border: 1px solid #258;
    box-shadow: none;
}
input.public_cancel_button {
    background-color: #c33;
    border: 1px solid #900;
}
input.public_cancel_button:focus {
    border: 1px solid #900;
    box-shadow: none;
}
input.public_cancel_button_on {
    background-color: #900;
    border: 1px solid #900;
}
input.public_cancel_button_on:focus {
    box-shadow: none;
    border: 1px solid #900;
}


/**
 * Message formatting
 */
p.entitled        { background-color: #593; color: #fff; padding: 8px; }
p.no_entitlement  { background-color: #920; color: #fff; padding: 8px; }
div.infos         { background-color: #fff; padding: 8px; padding: 8px; }
span.remarks      { font-size: 12px; font-style: oblique; }
div.remarks       { font-size: 12px; line-height: 120%; margin-bottom: 8px; }

/**
 * Fortune depreciation formating
 */
table.fortune_depreciation_comments td {
  font-size: 12px; line-height: 120%; margin-bottom: 8px;
}
td.fortune_depreciation_sign,
td.fortune_depreciation_sign_neg {
  text-align: right;
}

td.fortune_depreciation_amount,
td.fortune_depreciation_amount_neg {
  text-align: right;
}
td.fortune_depreciation_sign_neg,
td.fortune_depreciation_amount_neg {
  color: #c00;
}
span.fortune_depreciation_subresult {
  font-style: italic;
}

/**
 * Table formatting
 */
table.list{
    width: 100%;
    border: 0px;
    border-left: 0px;
    border-bottom: 0px;
}
th.list {
    background-color: #f0f0f0;
    font-size: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #222;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1px;
    padding-left: 5px;
    text-align: left;
}
td.list {
    background-color: #f9f9f9;
    color: #444;
}
td.list,
td.list_current {
    border: 0;
    border-bottom: 1px solid #eee;
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

table.calculator , div.infos, p.entitled, p.no_entitlement  { 
  max-width: 800px;
}


/**
 * Small device formatting
 */
@media all and (max-width: 420px) {
  table.calculator tr , table.calculator td , table.calculator th {
    display: block;
  }

  table.calculator td , table.calucator th {
    width: calc(100% - 13px);
  }

  td.calc_label {
    border-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
  }
  td.calc_field {
    text-align: left;
    padding-bottom: 8px;
  }
  td.list {
    background-color: #fff;
    border: 0;
    display: none;
    visibility: hidden;
    padding: 0px;
    height: 0px;
  }
}


/************************* New props from 2026 ****************************/

input.assets_disposed_yes, input.assets_disposed_no {
  background-repeat: no-repeat;
  background-color: transparent;
  text-align: left;
  padding: 0px;
  padding-left: 25px;
  margin-right: 8px;
  border: 0px;
}
input.assets_disposed_yes:hover, input.assets_disposed_no:hover{
  cursor: pointer;
}
input.assets_disposed_yes:focus, input.assets_disposed_no:focus{
  border: none;
  box-shadow: none;
}
input.assets_disposed_yes {
  background-image: url(checked.gif);
}
input.assets_disposed_no {
  background-image: url(unchecked.gif);
}

div#assets_disposed_viewer {
  display: none;
}
table#assets_disposed_data {
  width: 280px;
}

/**
 * Icon buttons. This is needed to avoid image based icons in order to let
 * the additional css to overwrite the default design.
 */
input.inf_icon_button {
}
input.inf_icon_button ,
input.sub_icon_button ,
input.add_icon_button ,
input.equal_icon_button {
  width: auto;
  max-width: 14px;
  min-width: 14px;
  color: #fff;
  font-size: 11px;
  font-weight: bolder;
  padding: 0px;
  border: 0px;
  border-radius: 50%;
  margin: 5px;
  margin-right: 0px;
}

input.inf_icon_button {
  background-color: #68b;
  background-color: #666;
}
input.add_icon_button {
  background-color: #666;
}
input.sub_icon_button {
  background-color: #666;
}
input.equal_icon_button {
  background-color: #666;
}

/**
 * Disposal data
 */
table#assets_disposed_data th {
  background: none;
  font-size: 16px;
  font-weight: bolder;
  border: 0px;
  color: #444;
  padding-bottom: 0px;
}

table#assets_disposed_data td {
  padding: 0px;
  vertical-align: bottom;
}

input.disposed_data_store:hover , input.disposed_data_remove:hover {
  cursor: pointer;
}
input.disposed_data_store {
  visibility: none;
  opacity: 0;
}

input.disposed_data_remove {
  background-color: #c20;
}
input.disposed_data_remove:hover{
  background-color: #999;
}

  input.disposed_data_store:focus
, input.disposed_data_remove:hover {
  box-shadow: none;
}

input.disposed_data_value_field {
  margin: 0px;
}


/**
 * Print Button formatting
 */
input.result_printer {
  float: right;
  background: url(../img/printer.gif) no-repeat 15px 50% #593;
  border: 0px;
  border-radius: 15px;
  box-shadow: none;
  padding: 20px;
  padding-left: 45px;
  cursor: pointer;
  margin-top: 2px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 185px;
  min-width: 185px;
  color: #fff;
}
input.result_printer:hover {
  background-color: #371;
}
input.result_printer:focus {
  border: 0px;
  box-shadow: none;
}

/* EOF */