html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}
@media (min-width:1280px) and (max-width:1440px) {

    html {
        font-size: 12px;
    }
    
}
@media (min-width:1800px) {

    html {
        font-size: 15px;
    }
}


body {
    margin-bottom: 50px;
    font-weight: var(--bs-body-font-weight); 
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   
}


    .panel-heading {
        position: relative;
        border-bottom: 1px solid #e2e2e2;
    }

    .PanelColors {
        background: #e8e6e6;
    }

    .headersheading {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
    }

    .normalfont {
        font-size: 15px;
        font-weight: normal;
    }


    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    .bg_dashboard_grey {
        background: #E5C93A; /*#EAAC69;*/
        color: black;
    }

    .bg_panel {
        background: #7394d0;
        color: black;
    }

   

    .bg-navy {
        --bs-bg-opacity: 1;
        background-color: #202452 !important;
        color: #fff;
    }

    .navbar-light .navbar-brand {
        color: rgba(255, 255, 255) !important;
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(255, 255, 255) !important;
    }

    .dropdown-menu {
        background-color: #202452;
    }

    .navbar-light .navbar-toggler {
        color: #fff;
        border: 0px;
    }

    .navbar-collapse {
        background-color: #202452;
        position: relative;
        z-index: 4000;
        text-align: inherit;
    }



    @media only screen and (max-width: 500px) {
        .img-fluid {
            max-width: 100%;
            height: 25px;
        }
    }

    .navbar-toggler {
        padding: 0 0 0 0;
        background-color: transparent;
        border: 0px;
    }

    .linkcolor {
        color: #fa6c06;
    }
    .blackcolor {
        color: #000;
    }
    .whitecolor {
        color: #fff;
    }

    .navcolor {
        color: #061f63;
    }
    .orangecolor {
        color: #FFA500;
    }

    divtop {
        margin-top: 30px;
    }

.itemsfont {
    color: black;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.px-content {
    padding-left: 30px;
    margin-top: -114px;
   /* -90px;*/
    margin-bottom: 20px;
    margin-right: 10px;
}


.bg_dashboard_activegreen {
    background-color: #51bf99;
    color: #FFFFFF;
    border-color: #51bf99;
}
.hbluecolor {
    color: #350dfd;
}