/*** Default text color and font ***/

body, label {

    /*
    color: ;
    font-family: 'Open Sans', sans-serif, Arial; 
    */
}

/* Target all links  */
a {
    color: #021d32;
}

    a:hover, #page-admin-home .submenu a:hover {
        color: #1C41B4;
    }
    .reports h2 {
    color: #021d32;
}    
input[type=text], input[type=password] {
	/* border-color: ; */
}

.background, #cphMaster_LoginA_Login1_pnlMyForm {
	
margin: 0 auto;
}

/* 
    Styles for header background image.
    Adjustments will most likely be needed on mobile if using a custom header.
*/
#login #header {
	background-image: url(CRMheader960ver3.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 250px;	
}
#content-main #top-bar {
background-image: url(Upload/header.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 120px;
    background-size: contain;	
}
.global-nav {
    top: calc(120px + 12px);
   
}
.content-top {
    margin-top: calc(120px + 12px);
   
}

#cphContentMain_cphContentMain_plWelcome {
	display: none;
}

#main-communities-page .site-community-img-container .site-community-img {
    width: 499px;
    height: 214px;
}


/* Footer */
#footer {
	display: none;
}



/********** Top Bar *********/
#login #top-bar {
	/* background-color: #021d32; */
	background-color: #fff;
	padding-right: 400px;
	color: #000;
}
#SwitchUser{
width: 1024px;
    height: 40px;
    background: #5DADE9;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#550000FF, endColorstr=#550000FF)"; */
    filter: Alpha(opacity=50);
	text-align: right/*** Link properties ***/}
	.top-navigation a {
		/* color: ; */
		color: #42597A;
	}

	    .top-navigation a:hover {
		    color: #1C41B4;
	    }

/*** Main Navigation ***/
#main-nav {
    background-color: #021d32;

    /* Initial Nav Arrow positioning */
	padding: 10px;
	height: 45px;
}

    /* 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;
	}
		
		/* 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: #021d32;
    }

        .course-navigation a:hover {
		    color: #1C41B4;
        }

    .course-navigation .selected a {
	    /* color: initial; */
    }

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

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

/********** Buttons *********/
/* Main Button */
.button {
	background-color: #021d32;
	border: 1px solid #818181;
}

	.button:hover, .button:focus {
	    background-color: #66CC00;
		color: #006600;
	}

/* Alert Button */
.button.alert {
}

	.button.alert:hover, .button.alert:focus {
		/* 
        opacity: 0.8;
	    background-color: ;
        */
	}

/* Search Buttons */
.btnSearch {
	background-color: #555;
}

	.btnSearch:hover, .btnSearch:focus {
		background-color: #555;
        opacity: 0.8;
		color: #fff;
	}

	
.btnLogin {
	background-color: #3a4f6f;
	border: 1px solid #fff;
}

	a.btnLogin {
		color: #fff !important;
	}

	.btnLogin:hover {
		color: #000;
		background-color: rgb(29, 102, 176);
	}

/*
.btnCommunity {
	background-color: ;
}

	.btnCommunity:hover, .btnCommunity:focus {
		background-color: ;
        opacity: 0.8;
	}
*/

/*
.btnCourseResult[disabled] {
	background-color: ;
}
*/

.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;
	}

.catalog .page-title .icon-chevron--right::before, .my-training .page-title .icon-chevron--right::before {
    color: #1C41B4;
	content: "Show More";
    width: 100px;
	bottom: 30px;
	transform: unset;
	border-style: unset;
}
/********** Logo *********/
.logo {
    display: none;
}


/********** Progress Bar *********/
.progress.success .progress-meter {
    /* background-color: #; */
}

@media screen and (min-width: 768px) {
#login .background {
		background-position: center center;
		background-image: url(trucknologo960.jpg);
		background-position: top;
    	background-size: inherit;	

}

	#login-section {
		background-color: transparent;
		color: #fff;
		margin-right: 25px;
		/*right: 50px;*/
	}
	
		#login-section a {
			color: #352880;
		}
		
		#login-section label {
			color: #fff;
		}
		
		#login-section input[type=text], #login-section input[type=password] {
			border: 0;
		}
	
}
/* Small and Medium */
@media screen and (max-width: 63.9375em) {
	#header {
		height: 150px;
		background-origin: content-box;
		padding: 0 20px;
	}
	#login #top-bar {
	/* background-color: #021d32; */
	background-color: #fff;
	padding-right: 270px;
	color: #000;}
    #head-mobile {
        background-color: #021d32;
    }
    
    #head {
        padding-top: 0px;
    }
    .navigation {
	overflow : visible;
	margin-top: 35px;
	}
    .mobile-side-menu {
        background-color: #021d32;
    }
    
        .mobile-side-menu ul li {
            border-bottom-color: #fff;
        }

	#header {
		background-size: contain;
	}

	#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 {
		height: 100%;
	}
	#login #top-bar {
	/* background-color: #021d32; */
	background-color: #fff;
	padding-right: 270px;
	color: #000;}
	/* Background image on login page */
	#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
		background-position: center center;
		background-image: url(trucknologo960.jpg);
		background-position: top;
    	background-size: inherit;
	}
	
	#login-section {
		background-color: transparent;
		color: #fff;
		margin-right: 450px; 
		/*right: 50px;*/
	}
	
		#login-section a {
			color: #352880;
		}
		
		#login-section label {
			color: #fff;
		}
		
		#login-section input[type=text], #login-section input[type=password] {
			border: 0;
		}
		


	/************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: #555555; 
	}
	
	#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: #555555; 
	}

}