/* Target all links  */

#lblFormSubject, #lblFormBody, #lblFormName, #lblFormTitle, #lblCourseTitle, #lblOrganization, #lblEmail, #lblTelephone {
	color: #fff;
}

	/*[type=checkbox]+label[for] {
color: #fff;
}*/

body, .outline {
	background-color: #003366;
}


.mobile-menu-main {
    background-color: #003366;
    color: #cccc99;
}

h1, .h1, .page-title {
	color: #fff;
}

.catalog .page-title .icon-chevron--right::before, .my-training .page-title .icon-chevron--right::before {
	color: #fff;
}



a {
    color: #6699cc;
}

    a:hover {
       color: #6699cc;
		text-decoration: underline;
    }
    h3 {
        color: #f90;
        font-size: 1.7rem;
}
    h5 {
        color: #f90;
        font-weight: bold;
}

#login-section {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background: unset;
}

#login-section::after {
	content: "It is recommended that you use latest versions of Google Chrome, Mozilla Firefox or Safari as your web browser. We do not suggest any version of Microsoft Edge as it can cause several problems while accessing the training. For an optimal training experience, it is recommended that a screen size of no less than 2048 x 1535 (tablet) be used to complete training modules.";
	font-size: 10pt;
	font-style: italic;
	color: #fff;
	left: 28px;
    position: absolute;
    width: 368px;
}

/*
input[type=text], input[type=password] {
	border-color: #;
}
*/

.catalog-welcome-img {
	display: none;
}

#cphContentMain_cphContentMain_lblWelcomeHeader {
	color: #fff;
}

.catalog-welcome-intro.columns.small-12.large-6 {
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
}

.fi-shopping-cart:before {
	content: normal;
}
#login #top-bar {
    height: 60px;
}
#cphHeader_plCustomNavigationBar {
    background-color: #003366;
    margin-top: 0px;
    margin-bottom: 0px;
}
.with-custom-top-nav #top-bar {
    height: calc(92px + 12px);
}
.content-top.with-custom-top-nav {
    margin-top: calc(92px + 12px);
}
.custom-top-nav {
    margin-left: 3%;
}
.icon-contact-us {
    background-image: url(/foundation/images/Yellow/header/mail@2x.png);
}

.top-navigation .icon-info {
    background-image: url(/foundation/images/brown/header/help@2x.png);
}
.top-navigation .icon-cart {
    background-image: url(/foundation/images/Yellow/header/shopping-cart@2x.png);
    cursor: pointer;
}
.icon-activity-stream {
    background-image: url(/foundation/images/Yellow/sections/union.png);
}

.reports h2 {
    color: #cccc99;
}
/********** Top Bar *********/
#top-bar {
	 background-color: #003366; 
}

#login #top-bar {
	 background-color: #003366; 
	/* background-color: #fff; */
}

.top-navigation a {
		
		font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;		
	}

	   .top-navigation a:hover {
		    
			text-decoration: underline;
	    }

#RoleSelector {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
}
	.top-navigation .notification {
        background-color: #99cc00; 
		color: #fff;
        width: 26px !Important;
        height: 22px !Important;
        -moz-border-radius: 25%;
        -webkit-border-radius: 25%;
         border-radius: 25%;
	}
.notification {
    background-color: #99cc00;
    color: white;
    margin-left: 6px;
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    border-radius: 25%;
    display: inline-block;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.95em;
}
 .msg, .name {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
  .msg {
       text-transform: uppercase;
}
/* 
    Styles for header background image.
    Adjustments will most likely be needed on mobile if using a custom header.
*/
#header {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #003366;
}

	/********** Logo *********/
	/*#login .logo {
		background-image: url(custom/TeTs_logo.png);
		width: 429px;
		height: 101px;
	}*/
    #login .logo {
		background-image: url(custom/Lifespan_logo_white.png);
		width: 429px;
		height: 101px;
		margin-left: calc(50% - 100px);
	}
	.logo {
		background-image: url(custom/Lifespan_logo_white.png);
		max-width: 329px;
		max-height: 91px;
		margin-left: 0px;
	}
	
	
        #login #main-nav { 
            height: 0px;           
            padding: 9px;                   
}
        .loginNav a {  
            padding: 10px;           
            color: #1779BA;
			background-color: #cccc99;
            font-size: 18px;                       
}
                .loginNav a:hover {                     
                  background-color: #003366;
					color: #cccc99;
                    padding:9px;                         
                    text-decoration: none;                      
        }
#sort-content .main-navigation a {
	padding : 0px;
}

#blMenus li:only-child {
    font-weight: normal;
}

#content {
	background-color: #fff;
}

/********** Login section *********/

input[type="checkbox"] + label {
	color: #333;
}

.chkRemember input[type="checkbox"]+label {
    color: #fff;
	text-transform: uppercase;
}


.btnForgotPassword {
    padding-top: 3px;
	color: #6699cc;
    text-transform: uppercase;
}
.btnForgotPassword:hover {
	color: #6699cc;
	text-decoration: underline;
}
#login-section .lblSignUp {
    display: block;
    text-align: center;
    padding-bottom: 1em;
	 color: #6699cc;
	 font-weight: bold;
     text-transform: uppercase;
}
.hlSignUp {
	background-color: #6699cc;
    text-transform: uppercase;
    color: #fff;
	padding-left: 10px;
    padding-right: 10px;

}
.hlSignUp:hover {
	background-color: #6699cc !Important;
	text-decoration: underline;
	color: #fff;
}

#footer {
	background-color: #003366;

    padding-top: 80px;
    padding-right: 52px;
    text-align: center;
    padding-left: 60px;
}

#login #main-nav .vertical-align {
	padding-top: 0;
}

#login #main-nav {
	padding-bottom: 0;
}

.content.grey-background {
    background-color: transparent;
}


/*    ICONS       */

.icon-profile {
    background-image: url(/foundation/images/Green/Sections/user@2x.png)
}

.icon-user {
	background-image: url(/foundation/images/Yellow/Sections/user@2x.png)
}
.icon-catalog {
	background-image: url(/foundation/images/Green/Sections/catalog@2x.png)
}
.icon-training {
	background-image: url(/foundation/images/Green/Sections/my_training@2x.png)
}
.icon-community {
	background-image: url(/foundation/images/Green/Sections/communities@2x.png)
}
.icon-dashboard {
	background-image: url(/foundation/images/Green/Sections/dashboard@2x.png)
}
.icon-calendar-dates {
	background-image: url(/foundation/images/Green/Sections/calendar-dates@2x.png)
}
.icon-report {
	background-image: url(/foundation/images/Green/General/document@2x.png)
}
.icon-custom {
	background-image: url(/foundation/images/Green/Sections/site@2x.png)
}
.icon-hamburger {
    background-image: url(/foundation/images/Green/Header/hamburger@2x.png);
}


a.highlighted .icon-profile, a:hover .icon-profile {
	background-image: url(/foundation/images/white/Sections/user@2x.png)
}

a.highlighted .icon-user, a:hover .icon-user {
	background-image: url(/foundation/images/white/Sections/user@2x.png)
}

a.highlighted .icon-catalog, a:hover .icon-catalog {
	background-image: url(/foundation/images/white/Sections/catalog@2x.png)
}

a.highlighted .icon-training, a:hover .icon-training {
	background-image: url(/foundation/images/white/Sections/my_training@2x.png)
}

a.highlighted .icon-community, a:hover .icon-community {
	background-image: url(/foundation/images/white/Sections/communities@2x.png)
}

a.highlighted .icon-dashboard, a:hover .icon-dashboard{
	background-image: url(/foundation/images/white/Sections/dashboard@2x.png)
}

a.highlighted .icon-calendar-dates, a:hover .icon-calendar-dates {
	background-image: url(/foundation/images/white/Sections/calendar-dates@2x.png)
}

a.highlighted .icon-report, a:hover .icon-report {
	background-image: url(/foundation/images/white/General/document@2x.png)
}

a.highlighted .icon-custom, a:hover .icon-custom {
	background-image: url(/foundation/images/white/Sections/site@2x.png)
}




/************ ADMIN Menu ****************/

#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: #003366;
}

#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: #003366;
    }

#page-admin-home .adminmenu > li > a {
    color: #cccc99;
}
	
#page-admin-home .adminmenu p {
	color: #fff;
}
	
#page-admin-home .adminmenu .submenu {
	color: #fff;
}

#page-admin-home .adminmenu .submenu span {
	color: #fff;
}

#page-admin-home .submenu {
    background-color: #003366;
    border-color: #003366;
    border-radius: 5px;
    padding: 12px;
    box-shadow: #8c8c8c 3px 3px;
    display: none;
    list-style: none;
    margin-left: 0;
    position: relative;
    top: -24px;
}
#page-admin-home .adminmenu a {
    color: #cccc99;
    font-size: 1.05em;
}
#page-admin-home .submenu a:hover {
    color: #cccc99;
}

/*** Main Navigation Selected Arrow ***/

#main-nav {
    background-color: #003366;
    height: 45px;
    padding: 10px;


}
    /* Link properties */
    .navigation {
    list-style-type: none;
    margin-top: -1px;
}
	.main-navigation a {
        color: #fff;
        font-size: 18px;        
	}

	    .main-navigation a:hover {
            background-color: #cccc99;
           
		    color: #6699cc;
          
	    }
		
		a.highlighted {
			background-color: #cccc99;
			border-radius: 10px;
			color: #6699cc;
		}

/* Selected link properties */
		.main-navigation .selected a {     
          	color: #f90;
            font-weight: bold;
		}

		    .main-navigation .selected a:hover {
                background-color: #f90;
			    color: #fff;
                text-decoration: none;
		    }
	
    /* Remove Side Bar */
    .main-navigation > li {
		margin-right: 30px;
	}

		.main-navigation > li:after {
			content: "";
		}
/* CATALOG SUBTABS */
.course-navigation {
    height: 40px;
    padding: 8px;
    padding-bottom: 0px;
    background-color: #003366;
    margin-bottom: 5px;    
}
    .course-navigation a {
	    color: #fff;
        padding: 8px;
    }

        .course-navigation a:hover {
            background-color: #f90;
            padding: 8px;
            color: #fff;
            text-decoration: none;
        }

    .course-navigation .selected a {
	    color: #f90;
    }

        .course-navigation .selected a:hover {
	        color: #fff;
        }
/* Remove Side Bar */
   .course-navigation > li {
		margin-right: 8px;
	}

		.course-navigation > li:after {
			content: "";
		}

/*** KEYPADS ***/
.keyboard li {
    float: left;
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #f2f2f2;
    border: 2px solid #003366;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	 color: #003366;
     font-weight: bold;
}
.keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    color: #f90;
    border-color: #f90;
    cursor: pointer;
}

/********** Buttons *********/
.button {
	background-color: #cccc99;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

	.button:hover, .button:focus {
	    background-color: #cccc99;
        opacity: .85;
		color: #fff;
	}
.btnLogin {
	background-color: #cccc99;    
	color: #6699cc;    
}
    .btnLogin:hover {
	    background-color: #cccc99;
        opacity: .85;
	    color: #6699cc;
	    text-decoration: none;
}
    .btnSearch {
	    background: #f90;  
	    color: #fff;
}
.btnSearch:hover, .btnSearch:focus {
	background: #f90;  
    opacity: 0.85;
	color: #fff;
	text-decoration: none;
}
.button.btnAddToCart{
	background-color: #003366; 
    color: #fff;
	}
	.button.btnAddToCart:hover {
		background-color: #003366;
        opacity: .85;
		color: #fff;
	}
.button.purchase { 
	background-color: #cccc99;
    color: #FFF;
}
 .button.purchase:hover {
	    background-color: #cccc99;
        opacity: .85;
    	color: #fff;
}

.btnLaunch {
	background-color: #cccc99;
    color: #FFF;
}

    .btnLaunch:hover, .btnLaunch:focus {
        background-color: #cccc99;
        opacity: 0.85;
    }
.btnRemoveFromCart {
	background-color: #f90;   
    color: #FFF;
}
    .btnRemoveFromCart:hover {
	    background-color: #f90;    
    	opacity: 0.85;
}
#cphContentMain_cphContentMain_imgAddCoupon_btn {
    background-color: #f90;
    color: #FFF;
}
#cphContentMain_cphContentMain_imgAddCoupon_btn:hover {
    background-color: #f90;
    opacity: .85;
    color: #FFF;
}
.button.mobile-expanded.btnContinueShopping {
    width: 55%;
}
    #cphContentMain_cphContentMain_UploadAttachments1__Insert{
	background-color: #003366;
    color: #fff;
	}
        #cphContentMain_cphContentMain_UploadAttachments1__Insert:hover {
            background-color: #003366;
            opacity: .85;
            color: #fff;
        }

#cphContentMain_cphContentMain_btnStartUpload {
    margin-left: 15px;
}
#cphContentMain_cphContentMain_ucLinkBtnGenerateCoupon {
    height: 40px;
    font-size: 12px !Important;
    line-height: 1.5;
}
/*
.button[disabled] {
    background-color: #;
}
*/
/* Alert Button */

.button.alert {
	background-color: #003366;
	color: #fff;
}

	.button.alert:hover, .button.alert:focus {
	    background-color: #003366;
        opacity: 0.85;
	    color: #fff;
	}

/*
.btnSubscribe, .btnCourseRegister, .btnFree {
	background-color: #;
}

	.btnSubscribe:hover, .btnSubscribe:focus, .btnCourseRegister:hover, .btnCourseRegister:focus, .btnFree:hover, .btnFree:focus {
		background-color: #;
        opacity: 0.8;
	}
*/


.btnCommunity {
	background-color: #003366;
}

	.btnCommunity:hover, .btnCommunity:focus {
		background-color: #003366;
        opacity: 0.85;
	}


/*
.btnCourseResult[disabled] {
	background-color: #;
}
*/
.button.btnGrades {
    background-color: #003366;
}
.button.btnGrades:hover {
    background-color: #003366;
    opacity: .85;
}
#cphContentMain_cphContentMain_lnkBack {
    background-color: #003366;
    color: #fff;
}
#cphContentMain_cphContentMain_lnkBack:hover {
    background-color: #003366;
    opacity: .85;
    Color: #fff;
}



/********** Progress Bar *********/
/* 
.progress.success .progress-meter {
	background-color: #; 
}
*/
a.sticky-column:hover {
    text-decoration: underline;
    color: white; 
}
/********** BACKGROUND COLOR FOR TABLES *********/
/* REPORTS tab */
table.data-table th {
    background-color: #003366;
    color: #fff;
	font-weight: bold;
}
table.data-table th a {
    color: #fff;
    font-weight: bold;
}
a.sticky-column {
    color:  #fff;
}
a.sticky-column:hover {
    text-decoration: underline;
    color: #fff;
}
/***** HEADER FONT COLOR *****/


/* Small Mobile */
/*
@media screen and (max-width: 20em) {
	.logo {
		width: px;
		height: px;
	}
}
*/

/* Small and Medium */
@media screen and (max-width: 63.9375em) {
	#head {
        padding-top: 0px;
		background-color : #003366;
	}
	
    #head-mobile {
        background-color: #003366;
    }
	
	
	.loginNav {
		margin-top: -175px;
		margin-left: 0px;
	}
	
	        .loginNav a {  
            padding: 10px;           
            color: #1779BA;
			background-color: #cccc99;
            font-size: 18px;                       
}
                .loginNav a:hover {                     
                  background-color: #003366;
					color: #cccc99;
                    padding:9px;                         
                    text-decoration: none;                      
        }

    .mobile-side-menu {
        background-color: #003366;
    }
    
        .mobile-side-menu ul li {
            border-bottom-color: #fff;
        }
    
	#login .logo {
		background-image: url(custom/Lifespan_logo_white.png);
		width: 100%;
        height: 101px;                 
        background-position: left, right;

	}
    .logo {
		background-image: url(custom/Lifespan_logo_white.png);
		width: 80%;
        height: 40px;                
        background-position: left, right;		
	}
		.navigation {
    overflow: visible;
}
	.login-media-area {
		display: none;
	}
	
	#login-section {
		padding: 0px;
	}

	.mobile-side-menu .fi-shopping-cart {
		background-image: url("custom/shoppingcart.png");
		display: inline-block;
		width:150px;
		height: 24px;
	}
	
	.catalog .main-catalog-box.welcome-section, .my-training .main-catalog-box.welcome-section {
		padding-top: 10px;
		padding-left: 40px;
		padding-right: 40px;
		height: 160px;
		background-image: url(custom/Catalog.jpg);
	}
	
}

/* Medium - 1024px */
@media screen and (min-width: 768px) {
	/* Background image on login page */
#login .background {
	background-color: #003366;  
	background-image: unset; 
	height: 50%;
    /* background-image: url(custom/lpbg.jpg); 
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain; 
    height: 100%;
    top: 7%;
    margin-left: -525px;
    position: relative; */
}

	.loginNav {
		margin-top: -175px;
	}
	
	.loginNav a {
		color: #1779BA;
		text-transform: uppercase;
	}
	

	#login-section {
        background: transparent;
		border: unset;
		top: -30px;
		right: calc(50% - 205px);
	}
    input[type="text"], input[type="password"] {
    border: solid 1px #ececec;
    box-shadow: none;
}
	
	.login-media-area {
		right: calc(50%);
		top: calc(50% - 87px);
	}
    
	.catalog .main-catalog-box.welcome-section, .my-training .main-catalog-box.welcome-section {
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
		height: 160px;
		background-image: url(custom/Catalog.jpg);
		background-position: 0px -50px;
	}
	
	
	/* 
	.logo {
		width: px;
		height: px;
	}
	*/
	.top-navigation .fi-shopping-cart {
		background: url("custom/shoppingcart.png");
		display: inline-block;
		width:150px;
		height: 24px;
		top: 8px;
	}	
}
/* Small and Medium */
@media screen and (max-width: 63.9375em) {
 		.with-custom-top-nav #top-bar {
    height: 200px;
}
.custom-top-nav {
    height: 136px;
}
.content-top {
    padding-top: 120px;
  
}
}
/* Large - 1280px */
@media screen and (min-width: 80em) {

	


}

/* X-Large - 1680px */
/*
@media screen and (min-width: 105em) {
}
*/