﻿


[data-toggle~="collapse"] {
    cursor: pointer;
}


.font{
    font-family:Arial !important;
}



/*Bottom Line for the links in the navigation bar*/
.topnav-border {
    border-bottom: 2px solid black;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;

}

.nav-text {
   
    font-weight: bold;
   
}

.nav-link {
    margin-top: 15px;
    font-weight: bold;
}

.nav-link2 {
    margin-top: 10px;    
}
/*Light blue line with text below the footer*/

.footer-copyright
{
    background-color:#0085B0;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    color:white;
}
.footer-copyright-mobile
{
    background-color:#0085B0;
    font-size:6px;
    font-weight:bold;
    padding:3px;
    color:white;
}
/*padding top on footer for mobile view*/
.p
{
    padding-top:8px;
}
/*text color*/
.text-white
{
  color:white;
}
/*make text bold*/
.font-weight-bold
{
    font-weight:800;
}

/*make font smaller*/
.font-small
{
    font-size:65%;
}


.footer-link {
    color: white !important;
    margin-right: 5px;
    font-size: 1.25vh;
}

    .footer-link:hover {
        color: black;
        text-decoration: none;
    }


/*About us in Footer*/
.footer-about-us {
    font-weight: 400;
    font-size: 8px;
}


/*Footer CSS (To make it stay at the bottom when zooming out on a page with less contents*/
html,
body {
    height: 100%;
    font-size: 14px;
}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: 0;
}

.adjustbodyheight {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}



.navbar-nav > li > .dropdown-menu {
    width:100% !important;
  
}

a {
    color: black !important;
    text-decoration: none;
    padding: 5px;
}


/*To hide and show navigation bar for mobile/table/pc view*/
@media screen and (max-width: 769px) {
    .hidden_mobile {
        display: none;
    }

    .show_mobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .hidden_mobile {
        display: block;
    }

    .show_mobile {
        display: none;
    }
}


