/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.text-green { color: #28a745; }
.text-red { color: #dc3545; }
.text-green::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #28a745; /* Green arrow pointing up */
  margin-right: 5px; /* Space between arrow and text */
  vertical-align: middle; /* Aligns arrow with text */
}

.text-red::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #dc3545; /* Red arrow pointing down */
  margin-right: 5px; /* Space between arrow and text */
  vertical-align: middle; /* Aligns arrow with text */
}
.text-break {
  overflow-wrap: break-word;
}
.text-bold {
  color: #1f327c !important;
  font-weight: bold;
  border-bottom:1px solid #CCC;
}
.date-link {
  color: #999;
}
body.nocontainer .header-and-banner-con {
  padding-top: 0;
}
body.nocontainer .header-and-banner-con header {
  height:50px;
}
body.nocontainer .header-and-banner-con .p-4 {
  padding:0!important;
}
body.nocontainer .header-and-banner-con img {
  height: 40px;
}
body.nocontainer .header-and-banner-con .contact-btn {
  padding: 5px 43px 4px 43px;
}
body.nocontainer .header-and-banner-con .navbar-collapse {
  padding-top:8px;
}
body .dropdown-toggle::after {
  margin: 12px 0 0 10px;
  position: absolute;
}
.modernpadding h2 {
  color: black;
}
.modernpadding h2 {
  padding-top: 1em;
}
.modernpadding h3 {
  padding-top: 0.7em;
}
img.img {
  max-width: 100%;
  height: auto;
}