/*** Default text color and font ***/
body, label {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

/* Target all links  */
a {
    color: #333F48;
}

    a:hover {
        color: #333F48;
		  text-decoration: underline;
    }

/* Background image on login page */
#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
	/* background-image: url(/Styles/Central/custom/welcome.jpg); */
}


/* Styles for header background image 
#header {
	background-image: url(/Styles/Central/custom/logo.gif);
	background-position: center;
	background-repeat: no-repeat, no-repeat, repeat;
	height: 77px;
}*/

/* Footer */
#footer {
	background-color: #fff;
	color: #333f48;
}
#footer a {
    color: #333f48;
}

/* CATALOG - SUBTABS */		
.navigation a:hover {
	color: #333F48;
	text-decoration: underline;
}

/********** Top Bar *********/
#top-bar {
	background-image: url(/Styles/Central/custom/logo.gif);
	background-repeat:no-repeat;
	background-color: #ffffff;
	color: #5a636e;
	font-size: 12px;
}

	/*** Link properties ***/
	.top-navigation a {
	color: #5a636e;
	font-size: small;
}

	    .top-navigation a:hover {
		    color: #5a636e;
		    text-decoration: underline;
		   }

/*** Selected Arrow ***/

#main-nav {
	background-color: #35647e;
	margin-top: 0;
	padding: 10px;
	height: 45px;
}

	.main-navigation > li {
		margin: 0 30px;
	}

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

	.main-navigation .selected {
	}
.with-custom-top-nav #top-bar {
    height: calc(100px + 24px);
}
#sort-content .navigation > li {
	text-align: left;
    margin: 5px 0px;
}
	
#blMenus {
	text-align: center;
}
/*** LOGIN BOX ***/

input[type="text"], input[type="password"] {
    border: solid 1px #333f48;
    box-shadow: none;
}

/*** Main Navigation ***/
#main-nav {
	background-color: #35647E;
}

    /* Link properties */
	.main-navigation a {
		color: #35647E;
	}

	    .main-navigation a:hover {
		    color: #35647E;
		    text-decoration: none;
		   }

    /* Selected */
	.main-navigation .selected {
		/* background-image: url(); */
	}
		
		/* Selected link properties */
		.main-navigation .selected a {
			color: #ffda79;
		}

		    .main-navigation .selected a:hover {
			    /* color: initial; */
		    }
	
.reports h2 {
    color: #333F48;
}
.icon-contact-us {
    background-image: url(/foundation/images/black/header/mail@2x.png);
}
.top-navigation .icon-info {
    background-image: url(/foundation/images/black/header/help@2x.png);
}
.icon-activity-stream {
    background-image: url(/foundation/images/black/sections/union@2x.png);
}

.main-navigation .main-menu-label {
   
    color: #35647E;
}
/********** Buttons *********/

/* Main Button */
.button {
	background-color: #7a9b49;
}

	.button:hover, .button:focus {
		opacity: .75;
		background-color: #7a9b49;
	}
.btnSearch {
	background-color: #8a8a8d;
}

	.btnSearch:hover, .btnSearch:focus {
		opacity: .8;
		background-color: #8a8a8d;
	}

/* CANCEL  aka Alert Button */

.button.alert {
background-color: #8a8a8d;
}

	.button.alert:hover, .button.alert:focus {
		opacity: .8;
		background-color: #8a8a8d;
	}
.btnCancel {
background-color: #8a8a8d;
}

.btnCancel:hover {
		opacity: .8;
		background-color: #8a8a8d;
	}


/********** Logo *********/
.logo {
display: none;
}

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

/********** KEYPAD *********/
.keyboard li {
    float: left;
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #f2f2f2;
    border: 2px solid #0018a8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    color: #00b7eb;
    border-color: #0018a8;
    cursor: pointer;
}
/********** CALENDAR *********/

.calendar .calendar-title td:nth-child(2) {
    color: #019875;
	 font-size: 1.8em;
    font-weight: bold;
}

/* Small and Medium */
@media screen and (max-width: 63.9375em) {
    #head-mobile {
        background-color: #fff;
		color: #2e5782;
    }
    
    #head {
        padding-top: 0px;
    }
	.navigation {
    overflow: visible;
}
   /* #header {
		margin-right: 10px;
		margin-left: 10px;
		background-size: contain;
	}*/
	
	#page-certification-course .row:nth-child(2), #page-course-catalog .row:nth-child(2) {
		margin-top: 50px;
	}

    .mobile-side-menu {
        background-color: #fff;
		color: #2e5782;
    }
    
        .mobile-side-menu ul li {
            border-bottom-color: #2e5782;
        }
		
		.mobile-side-menu ul li a {
			color: #2e5782;
		}
    
    .sub-navigation {
        margin-top: 0;
    }
	
	.custom-footer {
		width: auto !important;
		height: auto !important;
		max-width: 100%;
	}
	
	.custom-footer img {
		width: auto !important;
		height: auto !important;
	}
	
	#page-admin-home .adminmenu > li:nth-child(even)
	{
		background-color: #35647E;
	}	
}

/* Large */
@media screen and (min-width: 64em) {

	#login-section {
		top: calc(50% - 170px);
	}
	
	#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: #35647E;
	}	
	
}