﻿/*Fix Sticky Footer hiding page content*/
body {
    padding-bottom: 120px;
    background-color: #0D6EFD;
}

/* Menu Styling */
.navbar.navbar-expand-lg.navbar-dark.bg-primary li a {
    color: #FFFFFF;
}

.navbar-dark .nav-link.active,
.navbar-dark .nav-item:hover {
    color: white;
    background-color: crimson;
}

.navbar-dark .nav-item {
    color: white;
}

/* End Menu Styling */

#GreenBar {
    background-color:#91bf3e;   
}

.HeadingTextPicture {
    width: 265px;
}

.BannerImage {
    width: 420px;
}

.FloatingImage {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -225px;
}

.card-img-top {
    width: 70%;
    /*height: 10vw;*/
    object-fit: cover;
}

.GreenBorder {
    border-radius: 15px 50px;
    border: 6px solid #91bf3e;
    padding: 20px;
}

.YellowBorder {
    border-radius: 15px;
    border: 6px solid #FFD503;
    padding: 20px;
}

.RedBorder {
    border-radius: 15px 50px;
    border: 6px solid #DC3545;
    padding: 20px;
}

/*For gallery*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}


/*Styling for Old Website Admin Pages Start here ------------------*/
/*.LoaderStyle {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 50%;
    margin-left: -50%;
    background-color: transparent;
    opacity: 1;
    z-index: 500;
}

.LoaderStyleInner {
    position: absolute;
    display: block;
    background-color: white;
    text-align: center;
    color: black;
    vertical-align: middle;
    height: 100px;
    width: 200px;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -100px;
    border: 3px solid #0099FF;
    opacity: 1;
    z-index: 501;
}

.FloatingPanelHeading {
    font-size: 14px;
    background-color: #0099FF;
    color: white;
    z-index: 100000;
}

.FloatingPanel {
    text-align: left;
    position: fixed;
    left: 50%;
    margin-left: -475px;
    width: 950px;
    top: 0%;
    bottom: 0%;
    overflow: auto;
    background-color: white;
    border: 3px solid #0099FF;
    z-index: 100000;
    color: black;
}*/