/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 #fe-quill-editor {
  resize: vertical;
  overflow-y: auto;
 }

 #quill-readonly .ql-editor{
  padding-left: 0px;
  padding-right: 0px;
 }

 .report-form-description {
  background: #ecf0f1;
 }
 .dark-theme .report-form-description {
  background: transparent;
 }

 .dark-theme .report-form-description .content {
  background: transparent;
 }
 .report-form-description .icon-info-circle{
  line-height: 1.5em;
  position: absolute;
  margin-left: 0.5em;
  margin-top: 0.5em;
  font-size: 1.75em;
 }
 .report-form-description .content .justify-content-between{
  margin-left: 2em;
 }

 .report-form-description .tf-switch-check{
  width: 30px;
 }

 .report-form-description .tf-switch-check:checked:before{
  left: 19px !important;
 }


 .turbo-container .content {
  background: transparent;
  padding: 8px !important;
 }

 body {
  max-width: 1024px;
  margin: 0 auto !important;
 }

 .menubar-footer {
  max-width: 1024px;
  left: unset !important;
 }

 .menubar-footer .home-menu path{
  stroke: #1A1528;
 }

 .menubar-footer .active path{
  stroke: red;
 }

 .app-content {
  background: white;
  max-width: 1024px;
 }
 .dark-theme .app-content {
  background: black;
 }

 .app-content .btn-fixed{
  max-width: 1024px;
  left: none !important;
  width: 100%;
  left: unset;
  right: unset;
 }

 .dropdown-toggle.search-filter {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row-reverse;
 }

 #recent_reports .content .button-1 {
  font-weight: 500;
 }
 .search-field{
  font-weight: 700 !important;
 }

 .search-results .content .content-left p{
  font-weight: 500;
 }

 .search-results-empty img {
  max-width: 400px;
 }

 .text-underline{
  text-decoration: underline;
 }

 .m-bt-0 {
  margin-bottom: 0.5em;
 }

 .app-content-inner {
  margin-top: 70px;
 }