/* Ensures the navbar stays at the top */
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

html {
    overflow-y: scroll;
}

.btn-truncate {
    width: auto;
    max-width: 100%; /* Adjust width as needed */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#centerWhenNotLG {
    /* Default styles for larger screens (no centering) */
}

@media (max-width: 991.98px) { /* Target screens below Bootstrap's large breakpoint */
    #centerWhenNotLG {
        display: block;
        flex-direction: column;
        text-align: center;      /* Center text inside the element */
        margin-left: auto;
        margin-right: auto;
        padding-left: 12px !important;
    }
}


.custom-border {
    border-bottom: 3px solid var(--bs-info);
}

/* Custom CSS colors */
.PoliceBlueBg{
    background-color: #92bafc !important;
}

.PoliceYellow{
    color: #D99814 !important;
}

/* Ofical CSS colors */

.AliceBlueBg{
    background-color: AliceBlue !important;
}
.AntiqueWhiteBg{
    background-color: AntiqueWhite !important;
}
.AquaBg{
    background-color: Aqua !important;
}
.AquamarineBg{
    background-color: Aquamarine !important;
}
.AzureBg{
    background-color: Azure !important;
}
.BeigeBg{
    background-color: Beige !important;
}
.BisqueBg{
    background-color: Bisque !important;
}
.BlackBg{
    background-color: Black !important;
}
.BlanchedAlmondBg{
    background-color: BlanchedAlmond !important;
}
.BlueBg{
    background-color: Blue !important;
}
.BlueVioletBg{
    background-color: BlueViolet !important;
}
.BrownBg{
    background-color: Brown !important;
}
.BurlyWoodBg{
    background-color: BurlyWood !important;
}
.CadetBlueBg{
    background-color: CadetBlue !important;
}
.ChartreuseBg{
    background-color: Chartreuse !important;
}
.ChocolateBg{
    background-color: Chocolate !important;
}
.CoralBg{
    background-color: Coral !important;
}
.CornflowerBlueBg{
    background-color: CornflowerBlue !important;
}
.CornsilkBg{
    background-color: Cornsilk !important;
}
.CrimsonBg{
    background-color: Crimson !important;
}
.CyanBg{
    background-color: Cyan !important;
}
.DarkBlueBg{
    background-color: DarkBlue !important;
}
.DarkCyanBg{
    background-color: DarkCyan !important;
}
.DarkGoldenRodBg{
    background-color: DarkGoldenRod !important;
}
.DarkGrayBg{
    background-color: DarkGray !important;
}
.DarkGreyBg{
    background-color: DarkGrey !important;
}
.DarkGreenBg{
    background-color: DarkGreen !important;
}
.DarkKhakiBg{
    background-color: DarkKhaki !important;
}
.DarkMagentaBg{
    background-color: DarkMagenta !important;
}
.DarkOliveGreenBg{
    background-color: DarkOliveGreen !important;
}
.DarkOrangeBg{
    background-color: DarkOrange !important;
}
.DarkOrchidBg{
    background-color: DarkOrchid !important;
}
.DarkRedBg{
    background-color: DarkRed !important;
}
.DarkSalmonBg{
    background-color: DarkSalmon !important;
}
.DarkSeaGreenBg{
    background-color: DarkSeaGreen !important;
}
.DarkSlateBlueBg{
    background-color: DarkSlateBlue !important;
}
.DarkSlateGrayBg{
    background-color: DarkSlateGray !important;
}
.DarkSlateGreyBg{
    background-color: DarkSlateGrey !important;
}
.DarkTurquoiseBg{
    background-color: DarkTurquoise !important;
}
.DarkVioletBg{
    background-color: DarkViolet !important;
}
.DeepPinkBg{
    background-color: DeepPink !important;
}
.DeepSkyBlueBg{
    background-color: DeepSkyBlue !important;
}
.DimGrayBg{
    background-color: DimGray !important;
}
.DimGreyBg{
    background-color: DimGrey !important;
}
.DodgerBlueBg{
    background-color: DodgerBlue !important;
}
.FireBrickBg{
    background-color: FireBrick !important;
}
.FloralWhiteBg{
    background-color: FloralWhite !important;
}
.ForestGreenBg{
    background-color: ForestGreen !important;
}
.FuchsiaBg{
    background-color: Fuchsia !important;
}
.GainsboroBg{
    background-color: Gainsboro !important;
}
.GhostWhiteBg{
    background-color: GhostWhite !important;
}
.GoldBg{
    background-color: Gold !important;
}
.GoldenRodBg{
    background-color: GoldenRod !important;
}
.GrayBg{
    background-color: Gray !important;
}
.GreyBg{
    background-color: Grey !important;
}
.GreenBg{
    background-color: Green !important;
}
.GreenYellowBg{
    background-color: GreenYellow !important;
}
.HoneyDewBg{
    background-color: HoneyDew !important;
}
.HotPinkBg{
    background-color: HotPink !important;
}
.IndianRedBg{
    background-color: IndianRed !important;
}
.IndigoBg{
    background-color: Indigo !important;
}
.IvoryBg{
    background-color: Ivory !important;
}
.KhakiBg{
    background-color: Khaki !important;
}
.LavenderBg{
    background-color: Lavender !important;
}
.LavenderBlushBg{
    background-color: LavenderBlush !important;
}
.LawnGreenBg{
    background-color: LawnGreen !important;
}
.LemonChiffonBg{
    background-color: LemonChiffon !important;
}
.LightBlueBg{
    background-color: LightBlue !important;
}
.LightCoralBg{
    background-color: LightCoral !important;
}
.LightCyanBg{
    background-color: LightCyan !important;
}
.LightGoldenRodYellowBg{
    background-color: LightGoldenRodYellow !important;
}
.LightGrayBg{
    background-color: LightGray !important;
}
.LightGreyBg{
    background-color: LightGrey !important;
}
.LightGreenBg{
    background-color: LightGreen !important;
}
.LightPinkBg{
    background-color: LightPink !important;
}
.LightSalmonBg{
    background-color: LightSalmon !important;
}
.LightSeaGreenBg{
    background-color: LightSeaGreen !important;
}
.LightSkyBlueBg{
    background-color: LightSkyBlue !important;
}
.LightSlateGrayBg{
    background-color: LightSlateGray !important;
}
.LightSlateGreyBg{
    background-color: LightSlateGrey !important;
}
.LightSteelBlueBg{
    background-color: LightSteelBlue !important;
}
.LightYellowBg{
    background-color: LightYellow !important;
}
.LimeBg{
    background-color: Lime !important;
}
.LimeGreenBg{
    background-color: LimeGreen !important;
}
.LinenBg{
    background-color: Linen !important;
}
.MagentaBg{
    background-color: Magenta !important;
}
.MaroonBg{
    background-color: Maroon !important;
}
.MediumAquaMarineBg{
    background-color: MediumAquaMarine !important;
}
.MediumBlueBg{
    background-color: MediumBlue !important;
}
.MediumOrchidBg{
    background-color: MediumOrchid !important;
}
.MediumPurpleBg{
    background-color: MediumPurple !important;
}
.MediumSeaGreenBg{
    background-color: MediumSeaGreen !important;
}
.MediumSlateBlueBg{
    background-color: MediumSlateBlue !important;
}
.MediumSpringGreenBg{
    background-color: MediumSpringGreen !important;
}
.MediumTurquoiseBg{
    background-color: MediumTurquoise !important;
}
.MediumVioletRedBg{
    background-color: MediumVioletRed !important;
}
.MidnightBlueBg{
    background-color: MidnightBlue !important;
}
.MintCreamBg{
    background-color: MintCream !important;
}
.MistyRoseBg{
    background-color: MistyRose !important;
}
.MoccasinBg{
    background-color: Moccasin !important;
}
.NavajoWhiteBg{
    background-color: NavajoWhite !important;
}
.NavyBg{
    background-color: Navy !important;
}
.OldLaceBg{
    background-color: OldLace !important;
}
.OliveBg{
    background-color: Olive !important;
}
.OliveDrabBg{
    background-color: OliveDrab !important;
}
.OrangeBg{
    background-color: Orange !important;
}
.OrangeRedBg{
    background-color: OrangeRed !important;
}
.OrchidBg{
    background-color: Orchid !important;
}
.PaleGoldenRodBg{
    background-color: PaleGoldenRod !important;
}
.PaleGreenBg{
    background-color: PaleGreen !important;
}
.PaleTurquoiseBg{
    background-color: PaleTurquoise !important;
}
.PaleVioletRedBg{
    background-color: PaleVioletRed !important;
}
.PapayaWhipBg{
    background-color: PapayaWhip !important;
}
.PeachPuffBg{
    background-color: PeachPuff !important;
}
.PeruBg{
    background-color: Peru !important;
}
.PinkBg{
    background-color: Pink !important;
}
.PlumBg{
    background-color: Plum !important;
}
.PowderBlueBg{
    background-color: PowderBlue !important;
}
.PurpleBg{
    background-color: Purple !important;
}
.RebeccaPurpleBg{
    background-color: RebeccaPurple !important;
}
.RedBg{
    background-color: Red !important;
}
.RosyBrownBg{
    background-color: RosyBrown !important;
}
.RoyalBlueBg{
    background-color: RoyalBlue !important;
}
.SaddleBrownBg{
    background-color: SaddleBrown !important;
}
.SalmonBg{
    background-color: Salmon !important;
}
.SandyBrownBg{
    background-color: SandyBrown !important;
}
.SeaGreenBg{
    background-color: SeaGreen !important;
}
.SeaShellBg{
    background-color: SeaShell !important;
}
.SiennaBg{
    background-color: Sienna !important;
}
.SilverBg{
    background-color: Silver !important;
}
.SkyBlueBg{
    background-color: SkyBlue !important;
}
.SlateBlueBg{
    background-color: SlateBlue !important;
}
.SlateGrayBg{
    background-color: SlateGray !important;
}
.SlateGreyBg{
    background-color: SlateGrey !important;
}
.SnowBg{
    background-color: Snow !important;
}
.SpringGreenBg{
    background-color: SpringGreen !important;
}
.SteelBlueBg{
    background-color: SteelBlue !important;
}
.TanBg{
    background-color: Tan !important;
}
.TealBg{
    background-color: Teal !important;
}
.ThistleBg{
    background-color: Thistle !important;
}
.TomatoBg{
    background-color: Tomato !important;
}
.TurquoiseBg{
    background-color: Turquoise !important;
}
.VioletBg{
    background-color: Violet !important;
}
.WheatBg{
    background-color: Wheat !important;
}
.WhiteBg{
    background-color: White !important;
}
.WhiteSmokeBg{
    background-color: WhiteSmoke !important;
}
.YellowBg{
    background-color: Yellow !important;
}
.YellowGreenBg{
    background-color: YellowGreen !important;
}

/* Text classes */

.AliceBlueTxt{
    color: AliceBlue !important;
}
.AntiqueWhiteTxt{
    color: AntiqueWhite !important;
}
.AquaTxt{
    color: Aqua !important;
}
.AquamarineTxt{
    color: Aquamarine !important;
}
.AzureTxt{
    color: Azure !important;
}
.BeigeTxt{
    color: Beige !important;
}
.BisqueTxt{
    color: Bisque !important;
}
.BlackTxt{
    color: Black !important;
}
.BlanchedAlmondTxt{
    color: BlanchedAlmond !important;
}
.BlueTxt{
    color: Blue !important;
}
.BlueVioletTxt{
    color: BlueViolet !important;
}
.BrownTxt{
    color: Brown !important;
}
.BurlyWoodTxt{
    color: BurlyWood !important;
}
.CadetBlueTxt{
    color: CadetBlue !important;
}
.ChartreuseTxt{
    color: Chartreuse !important;
}
.ChocolateTxt{
    color: Chocolate !important;
}
.CoralTxt{
    color: Coral !important;
}
.CornflowerBlueTxt{
    color: CornflowerBlue !important;
}
.CornsilkTxt{
    color: Cornsilk !important;
}
.CrimsonTxt{
    color: Crimson !important;
}
.CyanTxt{
    color: Cyan !important;
}
.DarkBlueTxt{
    color: DarkBlue !important;
}
.DarkCyanTxt{
    color: DarkCyan !important;
}
.DarkGoldenRodTxt{
    color: DarkGoldenRod !important;
}
.DarkGrayTxt{
    color: DarkGray !important;
}
.DarkGreyTxt{
    color: DarkGrey !important;
}
.DarkGreenTxt{
    color: DarkGreen !important;
}
.DarkKhakiTxt{
    color: DarkKhaki !important;
}
.DarkMagentaTxt{
    color: DarkMagenta !important;
}
.DarkOliveGreenTxt{
    color: DarkOliveGreen !important;
}
.DarkOrangeTxt{
    color: DarkOrange !important;
}
.DarkOrchidTxt{
    color: DarkOrchid !important;
}
.DarkRedTxt{
    color: DarkRed !important;
}
.DarkSalmonTxt{
    color: DarkSalmon !important;
}
.DarkSeaGreenTxt{
    color: DarkSeaGreen !important;
}
.DarkSlateBlueTxt{
    color: DarkSlateBlue !important;
}
.DarkSlateGrayTxt{
    color: DarkSlateGray !important;
}
.DarkSlateGreyTxt{
    color: DarkSlateGrey !important;
}
.DarkTurquoiseTxt{
    color: DarkTurquoise !important;
}
.DarkVioletTxt{
    color: DarkViolet !important;
}
.DeepPinkTxt{
    color: DeepPink !important;
}
.DeepSkyBlueTxt{
    color: DeepSkyBlue !important;
}
.DimGrayTxt{
    color: DimGray !important;
}
.DimGreyTxt{
    color: DimGrey !important;
}
.DodgerBlueTxt{
    color: DodgerBlue !important;
}
.FireBrickTxt{
    color: FireBrick !important;
}
.FloralWhiteTxt{
    color: FloralWhite !important;
}
.ForestGreenTxt{
    color: ForestGreen !important;
}
.FuchsiaTxt{
    color: Fuchsia !important;
}
.GainsboroTxt{
    color: Gainsboro !important;
}
.GhostWhiteTxt{
    color: GhostWhite !important;
}
.GoldTxt{
    color: Gold !important;
}
.GoldenRodTxt{
    color: GoldenRod !important;
}
.GrayTxt{
    color: Gray !important;
}
.GreyTxt{
    color: Grey !important;
}
.GreenTxt{
    color: Green !important;
}
.GreenYellowTxt{
    color: GreenYellow !important;
}
.HoneyDewTxt{
    color: HoneyDew !important;
}
.HotPinkTxt{
    color: HotPink !important;
}
.IndianRedTxt{
    color: IndianRed !important;
}
.IndigoTxt{
    color: Indigo !important;
}
.IvoryTxt{
    color: Ivory !important;
}
.KhakiTxt{
    color: Khaki !important;
}
.LavenderTxt{
    color: Lavender !important;
}
.LavenderBlushTxt{
    color: LavenderBlush !important;
}
.LawnGreenTxt{
    color: LawnGreen !important;
}
.LemonChiffonTxt{
    color: LemonChiffon !important;
}
.LightBlueTxt{
    color: LightBlue !important;
}
.LightCoralTxt{
    color: LightCoral !important;
}
.LightCyanTxt{
    color: LightCyan !important;
}
.LightGoldenRodYellowTxt{
    color: LightGoldenRodYellow !important;
}
.LightGrayTxt{
    color: LightGray !important;
}
.LightGreyTxt{
    color: LightGrey !important;
}
.LightGreenTxt{
    color: LightGreen !important;
}
.LightPinkTxt{
    color: LightPink !important;
}
.LightSalmonTxt{
    color: LightSalmon !important;
}
.LightSeaGreenTxt{
    color: LightSeaGreen !important;
}
.LightSkyBlueTxt{
    color: LightSkyBlue !important;
}
.LightSlateGrayTxt{
    color: LightSlateGray !important;
}
.LightSlateGreyTxt{
    color: LightSlateGrey !important;
}
.LightSteelBlueTxt{
    color: LightSteelBlue !important;
}
.LightYellowTxt{
    color: LightYellow !important;
}
.LimeTxt{
    color: Lime !important;
}
.LimeGreenTxt{
    color: LimeGreen !important;
}
.LinenTxt{
    color: Linen !important;
}
.MagentaTxt{
    color: Magenta !important;
}
.MaroonTxt{
    color: Maroon !important;
}
.MediumAquaMarineTxt{
    color: MediumAquaMarine !important;
}
.MediumBlueTxt{
    color: MediumBlue !important;
}
.MediumOrchidTxt{
    color: MediumOrchid !important;
}
.MediumPurpleTxt{
    color: MediumPurple !important;
}
.MediumSeaGreenTxt{
    color: MediumSeaGreen !important;
}
.MediumSlateBlueTxt{
    color: MediumSlateBlue !important;
}
.MediumSpringGreenTxt{
    color: MediumSpringGreen !important;
}
.MediumTurquoiseTxt{
    color: MediumTurquoise !important;
}
.MediumVioletRedTxt{
    color: MediumVioletRed !important;
}
.MidnightBlueTxt{
    color: MidnightBlue !important;
}
.MintCreamTxt{
    color: MintCream !important;
}
.MistyRoseTxt{
    color: MistyRose !important;
}
.MoccasinTxt{
    color: Moccasin !important;
}
.NavajoWhiteTxt{
    color: NavajoWhite !important;
}
.NavyTxt{
    color: Navy !important;
}
.OldLaceTxt{
    color: OldLace !important;
}
.OliveTxt{
    color: Olive !important;
}
.OliveDrabTxt{
    color: OliveDrab !important;
}
.OrangeTxt{
    color: Orange !important;
}
.OrangeRedTxt{
    color: OrangeRed !important;
}
.OrchidTxt{
    color: Orchid !important;
}
.PaleGoldenRodTxt{
    color: PaleGoldenRod !important;
}
.PaleGreenTxt{
    color: PaleGreen !important;
}
.PaleTurquoiseTxt{
    color: PaleTurquoise !important;
}
.PaleVioletRedTxt{
    color: PaleVioletRed !important;
}
.PapayaWhipTxt{
    color: PapayaWhip !important;
}
.PeachPuffTxt{
    color: PeachPuff !important;
}
.PeruTxt{
    color: Peru !important;
}
.PinkTxt{
    color: Pink !important;
}
.PlumTxt{
    color: Plum !important;
}
.PowderBlueTxt{
    color: PowderBlue !important;
}
.PurpleTxt{
    color: Purple !important;
}
.RebeccaPurpleTxt{
    color: RebeccaPurple !important;
}
.RedTxt{
    color: Red !important;
}
.RosyBrownTxt{
    color: RosyBrown !important;
}
.RoyalBlueTxt{
    color: RoyalBlue !important;
}
.SaddleBrownTxt{
    color: SaddleBrown !important;
}
.SalmonTxt{
    color: Salmon !important;
}
.SandyBrownTxt{
    color: SandyBrown !important;
}
.SeaGreenTxt{
    color: SeaGreen !important;
}
.SeaShellTxt{
    color: SeaShell !important;
}
.SiennaTxt{
    color: Sienna !important;
}
.SilverTxt{
    color: Silver !important;
}
.SkyBlueTxt{
    color: SkyBlue !important;
}
.SlateBlueTxt{
    color: SlateBlue !important;
}
.SlateGrayTxt{
    color: SlateGray !important;
}
.SlateGreyTxt{
    color: SlateGrey !important;
}
.SnowTxt{
    color: Snow !important;
}
.SpringGreenTxt{
    color: SpringGreen !important;
}
.SteelBlueTxt{
    color: SteelBlue !important;
}
.TanTxt{
    color: Tan !important;
}
.TealTxt{
    color: Teal !important;
}
.ThistleTxt{
    color: Thistle !important;
}
.TomatoTxt{
    color: Tomato !important;
}
.TurquoiseTxt{
    color: Turquoise !important;
}
.VioletTxt{
    color: Violet !important;
}
.WheatTxt{
    color: Wheat !important;
}
.WhiteTxt{
    color: White !important;
}
.WhiteSmokeTxt{
    color: WhiteSmoke !important;
}
.YellowTxt{
    color: Yellow !important;
}
.YellowGreenTxt{
    color: YellowGreen !important;
}