/*
General stylesheet for the entire application. This CSS impacts all templates.

For specific requirements, we have two override stylesheets:
1. styles_portal.css: Tailored for the employee portal interface.
2. styles_public.css: Dedicated to the public-facing part of the application.
 */

@media print {

  /* Adjust font sizes for print */
  body {
    font-size: 10pt;
    line-height: 1.2;
      background-color: transparent;
  }
  h1 {
    font-size: 18pt;
  }
  h2 {
    font-size: 16pt;
  }
  h3 {
    font-size: 14pt;
  }
  h4 {
    font-size: 12pt;
  }
  h5 {
    font-size: 10pt;
  }

  /* Hide navigation, buttons, etc. if any */
  .no-print {
    display: none !important;
  }

  /* Prevent tables from breaking in awkward places */
  table {
    page-break-inside: avoid;
    border-collapse: collapse;
  }
  tr, td, th {
    page-break-inside: avoid;
    /*border: 1px solid #000;*/
  }
  .table>:not(caption)>*>* {
      padding: .25rem;
  }

  /* Ensure images (e.g., logos) are scaled nicely */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Optionally, reduce margins */
  @page {
    size: letter;
    margin: 0.5in 0.25in;

  }
    .container {
    width: auto;
        max-width: 100%;
  }
  body, .body {
    margin: 0 auto;
  }
}


.cfrtanksuite-navbar-logo{
    max-height:35px;
}

.simplebar-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.form-multi-select.form-select {
    /*
    Fixes the styling of multi-select forms using coreui's form-multi-select class
     */
    padding:0;
    border:none;
}

.tox.tox-tinymce {
    border-radius: var(--cui-border-radius);
    border-color: var(--cui-border-color);
    border-width: var(--cui-border-width);
}

.hide-label label{
    display: none;
}

.form-control:read-only, .mock-disable {
    color: var(--cui-body-color);
    background-color: var(--cui-secondary-bg);
    border-color: var(--cui-border-color);
    opacity: 1;
}

.mt-n2 {
    margin-top: -.75rem!important
}

.mock-invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--cui-form-invalid-color);
}

.form-control.mock-is-invalid, .mock-is-invalid {
    border-color: var(--cui-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e55353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

legend.form-label {
    font-size: 1rem;
}

.bigger_fieldset_legend legend.form-label{
    font-size: 1.5rem;
}

/*
Modifications to make jquery ui components use coreui colors
 */

.ui-widget.ui-widget-content {
    border-color: var(--cui-border-color);
    border-radius: var(--cui-border-radius);
}

.ui-widget-content {
    border-color: var(--cui-border-color);
    background: var(--cui-body-bg);
    color: var(--cui-body-color);

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border-color: var(--cui-info);
    background: var(--cui-info);
}

.ui-menu.ui-autocomplete {
    overflow: hidden;
}