/**
 * This CSS styles the login page and the home page
 */
 
/** Styles the primary nav bar  */

/** Styles the main header that contains the application image */
#main_nav.navbar {
    background-color:rgb(19, 39, 56) !important;
    border: 0px solid white;
}

/** Positions the application image */
#brand_icon{
    height: 57px;
}

.custom-brand {
}

.navbar-nav > li > a, navbar-nav > li > a > span {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 57px;
    line-height: 57px;
}
.navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 768px) {
    .navbar-nav > li > a .caret  {
        margin-top: 22px !important; 
    } 
}

.navbar-header {
    min-width: 100px;
}

.navbar-nav {
    margin-left: 0px;
}

.navbar-brand {
    padding: 0px;
    height: 57px;
    background-color: white;
}
.navbar-brand > img {
    margin-top: 0px;
    height: 57px;
}

/** Desktop view of username button **/
@media (min-width:769px) {
    #username-navbar {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        margin-right: 10px !important;
    }
    .navbar-header {
        margin-left: 0px;
    }
}

/** Mobile view of the primary-navbar and secondary-navbar **/
@media (max-width:769px) {
    #primary-navbar {
        min-height: 0px !important;
    }
}

/**
 * this addresses a bug in Edge browser where the 
 * div with class .page-title inside of this div, wraps
 * the page title. This is meant to override bootstrap.css line 6475
 */
.navbar-header:before {
    content:inherit !important;
}
.navbar-header:after {
    content:inherit !important;
}

.navbar-header .navbar-nav {
    margin-right: 0px !important;
}

@media (max-width:529px) {
    #proG_img {
        height: 100px !important;
    }
    .login-container .page-container {
        padding-top: 15px;
        position: static;
    }
	.footer {
		position: static !important;
		left: 20px;
		right: 20px;
		bottom: 10px;
		padding-top: 50px;
	}
	
	/** make the access images smaller on smaller screens */
	div.content1 > img {
		width: 250px !important; 
	}
	
}

.input-icons {
    top: 11px !important;
}

.footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
    padding-top: 50px;
}

/** Styles the main header that contains the application image */

.navbar {
    background-color: #132738;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 57px;
    border-width: 0px;
}

/** Styles the primary nav bar that contains user controls like logout */

#primary-navbar {
    min-height: 57px;
}

/** Styles the secondary nav bar that contains the controls for each view */

#secondary-navbar {
    background-color: rgb(40, 112, 157);
    min-height: 46px;
}

/** Styles the user drop down */

.nav {
    background-color: rgb(19, 39, 56);
}

/** Desktop view of the buttons that navigate to each application **/
div.content1 {
	margin: 30px;
}
div.content1 > img {
    width: 350px;
}
.center {
    text-align: center;
}
.inline-block-center {
    text-align: center;
}
.inline-block-center div {
    display: inline-block;
}
.content:first-child {
    padding-top: 0px;
}

.page-title {
    color: #ffffff;
    font-size: 1.5em;
    display: inline;
    line-height: 57px;
    margin-left: 15px;
    
}

/*
 * Styles the 'info' icon in the upper right corner.
 * The icon used to launch a software version info dialog  
 */
#version {
    font-style: italic;
    font-size: x-small;
}