/*****************************************************************************/
/************************ CSS Lite Stylesheet for PM's ***********************/
/*****************************************************************************/


/* ====================== Base color palette information ==================== */


/*
Base blue
hex #e63c2f

Dark blue
hex #2a6496;
	
Base orange
hex #949599;
	
Base white
hex #fff; (or white)
*/


/* ====================== Default container styles ========================== */
* {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
}

div#ctl00_dvContent {
    padding-bottom: 60px;
}

div#dvTopSidebar {
    display: block;
}

.container{
    padding-left: 30px;
    padding-right: 30px;
}

a {
	color: #e63c2f;
}

a:hover {
	/*
	color: #2a6496;
	text-decoration: underline;
	*/
}

.btn{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

a.btn.btn-primary.btn-sm {
    background: #e63c2f;
    border-color: #e63c2f;
}

h1 {
	/*
	color: #e63c2f;
	*/
	font-family: 'Roboto', sans-serif;
	text-shadow: none;
}

h2 {
	color: #e63c2f;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

h3 {
	/*
	color: #e63c2f;
	*/
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

h4 {
	/*
	color: #e63c2f;
	*/
	font-family: 'Roboto', sans-serif;
}

h5 {
	/*
	color: #e63c2f;
	*/
	font-family: 'Roboto', sans-serif;
}

.Masthead {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#content-container .container {
	background-color: white;
	box-shadow: none;
	-webkit-box-shadow: none;
}

div#header-container .container {
    width: 100%;
    background: #000;
    /* padding: 0px; */
}

/*div#Msg4004 {
    color: white;
    background: #e63c2f;
    padding: 15px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 140px;
    background: rgb(48,101,147);
    background: -moz-linear-gradient(top, rgba(48,101,147,1) 0%, rgba(66,139,202,1) 100%);
    background: -webkit-linear-gradient(top, rgba(48,101,147,1) 0%,rgba(66,139,202,1) 100%);
    background: linear-gradient(to bottom, rgba(48,101,147,1) 0%,rgba(66,139,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306593', endColorstr='#e63c2f',GradientType=0 );
	display: block;
}*/

@media (max-width: 992px){
	div#Msg4004 {
		padding: 15px;
	}
}
/* ====================== Additional container styles ======================= */


.breadcrumb {
	/*
	margin: 0px;
	padding: 7px 0px 0px 0px;
	background-color: transparent;
	*/
	padding-bottom: 20px;
}

.badge {
	/*
	background-color: #e63c2f;
	*/
}

.pagination > li > a, .pagination > li > span {
	/*
	color: #e63c2f;
	*/
}

.nav-tabs > li {
	/*
	color: #555;
	*/
}

.nav-tabs > li > a:hover {
	/*
	color: #2a6496;
	*/
}

.nav-tabs > li.active > a {
	/*
	border-top-color: #e63c2f;
	color: #e63c2f;
	*/
}

body.no-nav {
	/*
	background-color: white;
	background-image: none;
	*/
}

.homeHero {
    background: url(../images/interface/home-bg.jpg);
    background-size: cover;
}

.homeheroInner {
    min-height: 100vh;
}



.homeHero h1 {
    color: white;
    font-size: 60px;
    text-shadow: none;
    font-weight: bold;
    padding-top: 25vh;
    margin-top: 0px;
}

.homeHero p {
    color: white;
}

div#ctl00_upnlNotification {
    display: none;
}

.homeHero .overlay {
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.homeBox {
    padding: 30px;
}

.box1 {
    background: #fff;
}

.box2 {
    background: #eee;
}

.box3 {
    background: #ddd;
}

.box4 {
    background: #ccc;
}

.homeheroInner a.btn.btn-primary.btn-lg {
    background: #000;
    border-width: 3px;
    padding: 10px 40px;
    border-color: #e63c2f;
}

.homeheroInner a.btn.btn-primary.btn-lg:hover {
    background: #e63c2f;
    border-width: 3px;
    padding: 10px 40px;
}

@media (max-width: 767px){
	.homeHero h1 {
    font-size: 40px;
    padding-top: 0;
}
.homeheroInner {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 0px;
}
}
/* ====================== Navigational styles =============================== */
div#header-container {
    background-color: #000;
    z-index: 999999;
}

.navbar-header {
    background: transparent;
}

.navbar-collapse {
	padding: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #000;
}

.container > .navbar-collapse {
	border-bottom-color: #949599;
	border-bottom-style: none;
	border-bottom-width: 2px;
	font-family: 'Roboto', sans-serif;
}

.navbar-top > li > a {
	/*
	padding: 5px;
	color: #e63c2f;
	*/
}

.navbar-top > li > a:hover {
	/*
	color: #e63c2f;
	background-color: white;
	*/
}

.headerName {
    font-size: 20px;
    color: #fff;
    background: #fff;
    background: black;
    font-weight: bold;
    z-index: 99;
    font-family: 'Roboto', sans-serif;
    margin-bottom: -40px;
}

li.headerName img {
    max-width: 75px !important;
}

@media (min-width: 993px) {
	li.headerName img {
    	max-width: 120px !important;
	}
}

li.headerName a {
    padding: 10px !important;
}

.navbar-collapse > .navbar-nav > li > a {
	/*
	color: white;
	*/
}

@media (min-width: 993px) and (max-width: 1199px) {
	.navbar-collapse > .navbar-nav > li > a {
		padding-left: 6px;
    	padding-right: 6px;
    	font-size: 13px;
	}
}

.navbar-collapse > .navbar-nav > li > a:hover {
	color: #949599;
	background-color: transparent;
}

.navbar-collapse > .navbar-nav > li:hover > a {
	color: #949599;
	background-color: transparent;
}

.navbar-nav > li > a.active {
	color: #949599;
	background-color: transparent;
}

.navbar-nav > li.active > a {
	color: #949599;
	background-color: transparent; 
}

.navbar-nav > li > .dropdown-menu {
	/*
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	*/
}

.dropdown-menu {
	background-color: #383838;
	border: none;
	border-bottom-color: #949599;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-radius: 0px;
	font-family: 'Roboto', sans-serif;
}

.dropdown-menu > li > a {
	color: #fff;
	font-size: 12px;
	padding: 15px 25px;
}

.dropdown-menu > li > a:hover {
	color: #949599;
	background-color: transparent;
}

.left-nav > li {
	/*
	border-bottom-color: #e0eded;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	*/
}

.left-nav > li > a {
	/*
	color: white;
	*/
}

.left-nav > li > a:hover {
	/*
	color: white;
	background-color: #949599;
	*/
}

.left-nav > li.active > a {
	/*
	color: white;
	background-color: #e63c2f;
	*/
}

.left-nav > li.active > a:hover {
	/*
	color: white;
	background-color: #e63c2f;
	*/
}

.left-nav > li.active > a:focus, .left-subnav.in > li.active > a {
	/*
	color: white;
	background-color: #e63c2f;
	*/
}

.left-nav > li.active > .left-subnav > li > a, .left-subnav.in > li > a {
	/*
	color: #e63c2f;
	*/
}

.left-nav > li.active > .left-subnav > li > a:hover, .left-subnav.in > li > a:hover {
	/*
	color: #e63c2f;
	*/
}

.left-subnav.in > li > a {
	/*
	color: #e63c2f;
	padding: 8px 0px 8px 24px;
	background-color: white;
	*/
}

.left-subnav > li {
	/*
	border-bottom-color: #e0eded;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	*/
}

.left-subnav > li > a {
	/*
	padding: 8px 0px 8px 11px;
	color: #e63c2f;
	*/
}

.left-subnav > li > a:hover {
	/*
	color: #e63c2f;
	background-color: white;
	*/
}

.left-subnav > li.active > a {
	/*
	color: white;
	background-color: #e63c2f;
	*/
}

.left-subnav > li.active > a:hover {
	/*
	color: white;
	background-color: #e63c2f;
	*/
}

.nav-username {
	/*
	padding: 5px;
	color: white;
	height: auto;
	font-size: 14px;
	*/
	color: #909090;
}

#ctl00_UserInfo_lnkLogout {
    color: white;
}

.navbar-toggle {
	border-color: transparent;
	background-color: transparent;
}

.nav-logout:hover a{
	/*
	background-color:transparent !important;
	text-decoration: none;
	*/
}

i.fa.fa-caret-down {
	/*
	display: none; (This is optional)
	*/
}

li.dropdown.animated.fadeInDown a i.fa.fa-caret-down {
	margin-left: 3px;
}

@media (max-width: 992px){
	.headerName {
    	margin: 10px;
    	margin-bottom: 5px;
    	display: inline-block;
	}

	.headerName a img.img-responsive {
		max-width: 130px !important;
	}
}


/* ====================== Custom footer styles ============================== */

#footer-container {
    background: #e63c2f;
    border-top: none;
}

#footer-container .container {
    background-color: transparent;
    border-top-color: #949599;
    border-top-style: none;
    border-top-width: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 80px 20px;
}

.footer h2 {

    color: white;
    padding-bottom: 0px;
    font-size: 18px;
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: none;

}

.footer ul {
    float: none;
    padding: 0px;
}

.footer ul.quicklinksFoot{
	margin-bottom: 30px;
}

.footer ul.quicklinksFoot li a {
    color: white;
    border: 1px solid #ffffff33;
    padding: 10px 20px;
    border-radius: 4px;
}

.footer ul.quicklinksFoot li a:hover{
	background-color: #ffffff26;
	text-decoration: none;
}

.footer ul li {

    color: white;
    text-decoration: none;
    margin-bottom: 3px;
    list-style-type: none;
    font-weight: 100;
}

#Footer {
    background: #707372;
    color: white;
}

.footer_copyright {
    padding: 15px 20px;
}

.footer ul.quicklinksFoot li {
    margin-bottom: 40px;
}



/* ================== When no content is in left sidebar =================== */

.left-container{
    /*
    min-height: 1px;
    */
}


/* =================== img-responsive for IE ============== */

.img-responsive {
	/*
	width: auto;
	*/
}

/* =================== Fix Focus State for nav ===================== */

.nav > li > a:focus {
	/*
    background-color: transparent;
    */
}