/* Import the Poppins font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

/* Set smooth scrolling for HTML */
html {
  scroll-behavior: smooth;
}

/*Font Family Trajan Text*/
.text-trajan{
    font-family: "trajan-pro-3", serif;
    font-weight: 600;
    font-style: normal;
                    
}

/* Default font and font size for the body */
body {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
}

/* Adjust font size for small elements */
small {
  font-size: 0.65rem;
}

/* Header styles */
header {
  border-top: 5px solid #fcbf15;
}

/* Adjust font size for h6 elements */
h6 {
  font-size: 0.90rem;
}

/* Remove border radius from cards */
.card {
  border-radius: 0;
}

/* Remove text decoration from links */
a {
  text-decoration: none;
}

/* Text weight classes */
.text-bold, strong {
  font-weight: 700;
}

.text-xbold {
  font-weight: 900;
}

.text-semibold {
  font-weight: 600;
}

.normal-text {
  font-weight: 400;
}

em {
  font-weight: 400i;
}

/* Text size classes */
.text-small {
  font-size: 0.9rem;
}

.text-xsmall {
  font-size: 0.6rem;
}

.text-x2 {
  font-size: 250% !important;
}

/* Line height classes */
.lh-2 {
  line-height: 2;
}

.lh-0 {
  line-height: 0.5;
}

/* Background color classes */
.bg-black {
  background-color: #121212 !important;
}

.bg-white {
  background: white !important;
}

.bg-dkblue {
  background: #323a45 !important;
}

.bg-gradient-yellow {
  background: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%) !important;
}

.bg-light-gray {
  background: #ecf0f1 !important;
}

.bg-cream {
  background: #F8F9FA;
}

.bg-dkgold {
  background: #fbb034 !important;
}

.bg-blue {
  background: #239fda !important;
}

.bg-midblue {
  background: #004b79 !important;
}

.bg-yellow {
  background: #fcbf15 !important;
}

/* Text color classes */
.text-yellow {
  color: #fcbf15;
}

.text-dkblue {
  color: #323a45 !important;
}

.text-black {
  color: #000000 !important;
}

.text-dkgold {
  color: #fbb034 !important;
}

.text-blue {
  color: #239fda !important;
}

.text-midblue, .text-primary {
  color: #004b79 !important;
}

.text-white {
  color: rgba(255, 255, 255, 0.85) !important;
}

.text-white-med {
  color: rgba(255, 255, 255, 0.60) !important;
}

/* Margin classes */
.mt-30px {
  margin-top: 30px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

/* Button link styles */
.btn-link {
  text-decoration: none !important;
  color: #323a45;
}

/* Active button style */
button.active {
  font-weight: 800 !important;
}

/* Hover effect for list items in an unordered list */
.list-unstyled .show li a:hover {
  color: white;
}

/* Copyright section background */
.copyright {
  background: #fcbf15;
}

/* Form control styles */
.form-control {
  border-radius: 0px;
}

/* For Filter div CSS */
* {
  box-sizing: border-box;
}

/* Button styles */
.btn {
  text-decoration: none;
  border-radius: 0px !important;
}

/* Gateway content styles */
.gateway-content {
  min-height: calc(100vh - 122.59px);
}

/* Icon badge styles */
.icon-badge {
  padding: 10px;
  border-radius: 50px;
  width: 64px;
  height: 64px;
  text-align: center;
  font-size: 1.75rem;
}

.icon-badge-success {
  border: 2px solid #28A745;
  background: #E6FFF2;
  color: #28A745;
}

.icon-badge-primary {
  border: 2px solid #0048A6;
  background: #B3D4FF;
  color: #0048A6;
}

/* Sidenav header styles */
.sidenav-header-inner {
  background: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
  padding: 16.5px;
  margin-bottom: 10px;
  color: #2d2926;
}

/* Layout Sidenav styles */
#layoutSidenav {
  min-height: calc(100vh - 56px);
}

/* Quill editor container styles */
.ql-container {
  height: auto !important;
}

/* Editor styles */
#editor {
  min-height: 250px;
}

/* Adjust gateway content height */
.gateway-content {
  min-height: calc(100vh - 117px);
}

/* Badge secondary background color */
.badge-secondary {
  background-color: var(--bs-yellow) !important;
}

/* Maximum length feedback styles */
.maxlength-feedback {
  font-size: 0.65rem !important;
  color: Gray;
}

/* DataTable child row styles */
table.dataTable>tbody>tr.child ul.dtr-details {
  width: 100%;
}