/*** Default text color and font ***/
body, label {

    /*
    color: ;
    font-family: 'Open Sans', sans-serif, Arial; 
    */
}

/* Target all links  */
a {
    color: #1B1F24;
}

   #page-admin-home .submenu a:hover {
        color: #fff;
    }
     .reports h2 {
    color: #021d32;
}   
.h2-like a:hover{
    color: #1B1F24;
}

#page-communities .community-view-item .community-link .link-primary a:hover{
    color: #1E6BD6;
}
input[type=text], input[type=password] {
	/* border-color: ; */
}

.login-media-area{
	display : NONE;
}
h1,h2, h5{
    color: #fff;
}

.alternate-color{
	color: #000;
}
.outline {
    background-color: #00457c;
}
.navigation a {
    color: #fff;
}
.navigation .main-menu {
    bottom: 7px;
    position: relative;
    color: #fff;
}
.menu-title{
   color: #fff;
}
#sticky-container h2 {
	 color: #000;
}
#mainContent {
	background-color: #00457c;
}

/* Footer */
#footer {
	display: none;
}

/********** Top Bar *********/
#login #top-bar {
	background-color: #00457c;
	height: 110px;
	background-image:url("images/RPDA Welcome.png");
	background-repeat: no-repeat;
	background-size:28% 100%;
	background-position-x: center;
	margin-top: 10px;
}
#login .logo{
	display : none;
}
#content-main .logo{
	display : none;
}
#login .top-navigation span{
	color: #fff;
}
#content-main #top-bar {
    background-image:url("images/RPDA Welcome.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 110px;
	background-size:28% 100%;
    background-color: #00457c;
	margin-top: 10px;
}
.header {
    background-color: #00457c;
}
/*#login body {
    background-color: #00457c;
}*/
	/*** Link properties ***/
	.top-navigation a {
		color: #fff;
	}

	    .top-navigation a:hover {
		    color: #fff;
	    }
	/*.top-navigation span {
		color: #fff;
	}*/
	
	.profile-tooltip .signout a{
      color: #8592A1;
}
.profile-tooltip .section1 a{
   color: #8592A1;
}
.community-items-item h2{
	  color: #000;
}
.event-list h2{
	  color: #000;
}
.content.grey-background {
    background-color: #00457c;
}
.sub-navigation a{
    color: #00457c;
}
/*** Main Navigation ***/
#main-nav {
    background-color: #021d32;

    /* Initial Nav Arrow positioning */
	padding: 10px;
	height: 45px;
}
.profile h1.username-top-label, .profile h2.username-top-label {
    color: #000;
}
.icon-contact-us {
    background-image: url(/foundation/images/white/header/mail@2x.png);
}
.top-navigation .icon-info {
    background-image: url(/foundation/images/white/header/help@2x.png);
}
.icon-activity-stream {
    background-image: url(/foundation/images/white/sections/union@2x.png);
}
.icon-arrow-left {
    background-image: url(/foundation/images/white/Arrows/arrow-left@2x.png);
}
.icon-catalog{
	 background-image: url(/foundation/images/white/Sections/catalog@2x.png);
}
.icon-profile {
    background-image: url(/foundation/images/white/Sections/user@2x.png)
}

.icon-user {
    background-image: url(/foundation/images/white/Sections/user@2x.png)
}


.icon-training {
    background-image: url(/foundation/images/white/Sections/my_training@2x.png)
}

.icon-community {
    background-image: url(/foundation/images/white/Sections/communities@2x.png)
}

.icon-dashboard {
    background-image: url(/foundation/images/white/Sections/dashboard@2x.png)
}

.icon-calendar-dates {
    background-image: url(/foundation/images/white/Sections/calendar-dates@2x.png)
}

.icon-report {
    background-image: url(/foundation/images/white/General/document@2x.png)
}

.icon-custom {
    background-image: url(/foundation/images/white/Sections/site@2x.png)
}

.link-button.top-back-to, #top-bar .cart-info a.top-back-to.return-to-catalog {
    color: #fff;
}
.btnGo {
    border: solid #fff;
}
.sub-navigation-top > li:after {
    color: #fff;
}
.catalog .page-title .icon-chevron--right::before, .my-training .page-title .icon-chevron--right::before {
    color: #fff;
}
.page-title {
   color: #fff; 
}
.page-title a:hover{
   color: #fff; 
}
.sub-navigation-top span {
    color: #fff;
}
.CustomNavBar {
	background-color: #021d32;
}
#page-admin-home h1{
	 color: #1B1F24;
}
    /* Link properties */
	.main-navigation a {
		
	}

	    .main-navigation a:hover {
		    color: #929AD1;
	    }

    /* Selected */
	.main-navigation .selected {
		/* background-image: url(custom/); */

        /* Nav Arrow image and vertical positioning */
		background: url(custom/NavArrow.png) no-repeat bottom center;
		padding-bottom: 22px;
	}
		#sort-content .navigation > li {
				background-image: none;
		}
		
		/* Selected link properties */
		.main-navigation .selected a {
			color: #FEFF71;
		}

		    .main-navigation .selected a:hover {
			    /* color: ; */
		    }
	
    /* Remove Side Bar */
    .main-navigation > li {
		margin-right: 30px;
	}

		.main-navigation > li:after {
			content: "";
		}


.course-navigation {
    /* background-color: #; */
}

    .course-navigation a {
	    color: #fff;
    }

        .course-navigation a:hover {
		    color: #1C41B4;
        }

    .course-navigation .selected a {
	    /* color: initial; */
		color: #FEFF71;
    }

        .course-navigation .selected a:hover {
	        /* color: initial; */
        }
	
    /* Remove Side Bar */
    .course-navigation > li {
		margin-right: 30px;
	}

		.course-navigation > li:after {
			content: "";
		}
.catalog .page-title .icon-chevron--right::before, .my-training .page-title .icon-chevron--right::before {
    color: #fff;
	content: "Show More";
    width: 100px;
	bottom: 30px;
	transform: unset;
	border-style: unset;
}
/********** Buttons *********/
/* Main Button */
.button {
	background-color: #00457c;
	border: 1px solid #00457c;
}

	.button:hover, .button:focus {
	    background-color: #00457c;
		color: #fff;
	}

/* Alert Button */
.button.alert {
}

	.button.alert:hover, .button.alert:focus {
		/* 
        opacity: 0.8;
	    background-color: ;
        */
	}

/* Search Buttons */
.btnSearch {
	background-color: #00457c;
}

	.btnSearch:hover, .btnSearch:focus {
		background-color: #00457c;
        opacity: 0.8;
		color: #fff;
	}
table.data-table .button {
    margin: 0;
    color: #fff;
}


.button.view-completed, .button.view-not-completed {
	background-color: #66CC00;
	color: #006600;
}

	.button.view-completed:hover, .button.view-not-completed:hover, .button.view-completed:hover, .button.view-not-completed:hover {
		background-color: #fff;
		color: #888;
		border: 1px solid #888;
	}

/***** Welcome Banners  *****/

.catalog .main-catalog-box .catalog-welcome-img img, .my-training .main-catalog-box .catalog-welcome-img img {
    max-width: 100%;
    float: right;
	margin-top: -25px;
}

.catalog .main-catalog-box .catalog-welcome-img, .my-training .main-catalog-box .catalog-welcome-img {
    max-width: 450px;
}

.my-training .main-catalog-box .catalog-welcome-img {
    max-width: 270px;
}

.catalog-welcome-intro.large-6 {
	width: 60%;
}
.catalog-welcome-img.large-6 {
	width: 40%;
}

.main-catalog-box.welcome-section {
	height: 200px;
}

#main-communities-page .site-community-img-container .site-community-img {
	width: 250px;
    height: 182px;
}

.site-community-img-container.mt-40{
	margin-top: 0px !important;
}

.site-community-title {
	display: none;
}

.site-community-description {
	margin-top: 5px !important;
}



/********** Logo *********/

.logo {
    height: 82px;
	background-position-x: center;
}
/********** Progress Bar *********/
.progress.success .progress-meter {
    /* background-color: #; */
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
#login .background {
    background-position: top;
    background-size: inherit;
}

#login-section {
    width: 100%;
}

    #login #header {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #021d32;
	background-size: cover;
	/* background-size: 300px; */
	padding-top: 0px;
	margin-top: -30px;
	/* height: 50px; */
    }
	
#login-section {
    background: rgba(255,255,255,0.93);
    padding: 20px 0 0;
	right: 0px; 
    top: 0px;
}

	#header {
		background-image: none;
		height: 50px;
		margin-top: 10px;
	}


}


/* Small and Medium */
@media screen and (max-width: 63.9375em) {
	
	.small-0 {
    display: block;
}

	
	.navigation {
    margin-top: 60px;
	overflow : visible;
	}
	
    #login #header {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #00457c;
	background-size: cover;
	display: none;
    }
	
	#content-main #top-bar {
   
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #00457c;
	background-size: cover;
	height: unset;
    }
    
	#header {
		background-image: none;
		height: 50px;
		margin-top: 0px;
	}
/*	#login #header {
    background-image: url(images/RPDA Welcome.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #021d32;
    background-size: cover;
}*/
#login #top-bar {
	background-color: #00457c;
	height: 100px;
	background-image:url("images/RPDA Welcome.png");
	background-repeat: no-repeat;
	background-size:90% 80%;
	background-position-x: center;
}
#login .logo{
	display : none;
}
#content-main .logo{
	display : none;
}
#login .top-navigation span{
	color: #fff;
}
#content-main #top-bar {
    background-image:url("images/RPDA Welcome.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 110px;
	background-size:80% 70%;
    background-color: #00457c;
	margin-top: 10px;
}
    #head { 
		/* display: none; */
		padding-top: 0px;
		    background-color: #00457c;
    }
    
    .mobile-side-menu {
        background-color: #00457c;
    }
    
        .mobile-side-menu ul li {
            border-bottom-color: #fff;
        }
    
		.mobile-side-menu .selected a {
			color: #FEFF71;
		}
		
.mobile-menu-main {
    background-color: #00457c;
}
	.paging-navigation {
		padding-bottom: 10px;
	}
	
		.paging-navigation > li > a {
			color: #fff;
		}
		
	#page-admin-home .adminmenu > li:nth-child(odd) 
	{
	   background-color: #555555;
	}


	#page-admin-home .adminmenu > li:nth-child(even)
	{
		background-color: #555555; 
	}

}

/* Large */
@media screen and (min-width: 64em) {

#login #header {
	background-position: center center;
	background-repeat: no-repeat;
	height: 0px;
	background-color: #00457c ;
}

#content-main #top-bar {
	/*background-image:url(louisiana-seal.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	height: 106px;
	background-color: #00457c ;
}






	#login {
		height: 100%;
		background-color: #00457c;
	}
	
	/* Background image on login page */
	#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
		background-position: top;
		/*background-size: inherit; */
	}
	
	#login-section {
		background-color: transparent;
		color: #fff;
		top: 15%;
		margin-right: 208px
	}
	
		#login-section a {
			color: #FEFF71;
		}
		
		#login-section label {
			color: #fff;
		}
		
		#login-section .btnLogin {
			color: #fff;
			background-color: #00457c ;
			border: 1px solid #00457c ;
		}
		
			#login-section .btnLogin:hover {
				color: #fff;
				background-color: #00457c;
			}
		
		#login-section input[type=text], #login-section input[type=password] {
			border: 0;
		}
		
	/*.navigation-row {
		margin-top: -12px;
		background-color: #021d32;
		margin-bottom: 20px;
	}*/

	/************Menu****************/
	#page-admin-home .adminmenu > li:nth-child(6n+4), 
	#page-admin-home .adminmenu > li:nth-child(6n+5), 
	#page-admin-home .adminmenu > li:nth-child(6n+6) 
	{
		background-color: #00457c; 
	}
	
	#page-admin-home .adminmenu > li:nth-child(6n+1), 
	#page-admin-home .adminmenu > li:nth-child(6n+2),
	#page-admin-home .adminmenu > li:nth-child(6n+3) 
	{
		background-color: #00457c; 
	}

}