/*** Default text color and font ***/
body, label {
    color: #000;
 
}
h3, h4, h5, h6 {
    color: #000;
	 font-weight: bolder;
}
.callout.warning {
    background-color: #c4c4c4;
    color: #000;
}
.profile select, .profile select:disabled {
    font-size: 0.8em;
}
/* Target all links  */
a {
    color: #0000ea;
	text-decoration: underline;
}

    a:hover, #page-admin-home .submenu a:hover {
       color: #0000ea;
		 text-decoration: underline;
    }
.tree-view li a {
	color: #0000ea;
    padding-bottom: 12px;
}
	
	.tree-view li a:hover, .progress-tree-view li a:hover {
		color: #0000ea;
		text-decoration: none;
	}

	 /********** Top Bar *********/
#login #top-bar {
	background-color: #0000ea;
}

	/*** Link properties ***/
	.top-navigation a {
		
		font-size: 14px;
		font-weight: bolder;
	}

	    .top-navigation a:hover {
		  
			 text-decoration: underline;
	    }
		
		.with-custom-top-nav #top-bar {
    height: calc(110px + 48px);
}
/********** Logo *********/
#login .logo {
	display: none;
}

#course-catalog {
	margin-top: 10px;
}

#page-main-catalog .main-catalog-box.welcome-section {
	background-image: url(custom/catalog/21-3732_E-Learning_Prize_Banner-1365x350-gray.jpg);
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
	background-size: contain;
	background-color: transparent;
	height: 280px;
}

#page-main-catalog .main-catalog-box.welcome-section > .row {
	display: none;
}

#page-course-material .course-info-description {
	visibility: hidden;
	height: 0;
}

/* Styles for header background image */

/* Background image on login page */


/********** Login section *********/
#login-section .lblSignUp {
    display: block;
    text-align: center;
    padding-bottom: 1em;
    color: #000000 !Important;
    font-weight: bolder;
}

input[type="text"], input[type="password"] {
    border: solid 2px #e6e7e8;
    box-shadow: none;
}
input[type="checkbox"] + label {
	color: #6d6e71;
}
[type="text"] {
    border:solid 2px black;
}
input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: black !important;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover {
    border:solid 1px black;
    background-color: #E4E8ED;
    color: black;
}
.btnForgotPassword {
	color: #0000ea;
}
.btnForgotPassword:hover {
	color: #0000ea;
	text-decoration: underline;
}
.hlSignUp {
	color: #0000ea;
}
.hlSignUp:hover {
	color: #0000ea !Important;
	text-decoration: underline;
}

.btnLogin {
	background-color: #0000ea;
	color: #fff;
}
.btnLogin:hover {
	background-color: #0000ea;
	opacity: .83;
	color: #fff;
	text-decoration: none;
}
/* Footer */
#footer {
	background-color: #0000ea;
	color: #fff;
}
#footer a {
    color: #fff;
	 text-decoration: none !Important;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline !Important;
}
/*** AFTER LOGIN ***/

#content-main #top-bar {
    background-color: #ffff;
    height: 120px;
    font-size: 0.8em;
}
	#content-main #topbar-SXM {
	 height: 112px;
	 background-image: url(custom/topdesktop.jpg);
	 background-size: 100% auto;
	  background-color:#fff;
	    background-position: top;
  background-repeat: no-repeat;
 
	   

}
.content-top.with-custom-top-nav {
    margin-top: calc(190px + 48px);
}

#RoleSelector {
    font-size: 14px;
    font-weight: bolder;
    color: white;
}
.custom-top-nav {
    height: 100px;
    overflow: hidden;
    margin-top: 14px;
    margin-right: 200px;
	margin-left: 15px;
    width: 95%;
	
}
	.content-top.with-custom-top-nav {
    margin-top: calc(162px + 48px);
}
.global-nav {
    top: calc(200px + 48px);
}
.reports h2 {
    color: #0000ea;
}
.quick-view-item-coursepanl {
    width: 260px;
    margin-right: 10px;
}
.quick-view-item-materialpanl {
    width: 260px;
    margin-right: 10px;
}
table.data-table th a {
    color: #fff;
    font-weight: bold;
}
/*#content-main #header {
	background-color: #fff;
}*/
.msg, .name {
	font-size: 14px;
	color: #fff;
	font-weight: bolder;
}
#content-main .logo {
    background-image: url(custom/logo.png);
    width: 356px;
    height: 0px;
	 margin-left: 0px;

}
/*** Main Navigation ***/

#main-nav {
	background-color: #fff;
	margin-top: 10px;
}

    /* Link properties */
	.main-navigation a {
		color: #000;
		font-weight: normal;
		font-family: Arial;
		font-size: 20px;
	}

	    .main-navigation a:hover {
			color: #0000ea;
			text-decoration: none;
		
	    }

	.icon-hamburger.show-menu {
    display: none;
}
/* Selected link properties */
		.main-navigation .selected a {
			color: #0000ea;
		}

		    .main-navigation .selected a:hover {
			    color: #0000ea;
				text-decoration: none;
				border-bottom: 3px solid #0000ea;
				padding-bottom: 5px;
		    }

/* CATALOG SUBTABS */
.course-navigation {
    background-color: #0000ea;
	 padding: 14px 5px 10px 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}

    .course-navigation a {
	    color: #fff;
    }

        .course-navigation a:hover {
            color: #fff;
				border-bottom: 2px solid #fff;
            text-decoration: none;
        }

    .course-navigation .selected a {
	    color: #0000ea;
		 background-color: #fff;
		 padding: 10px 5px 16px 5px;
		 border-top-left-radius: 5px;
		 border-top-right-radius: 5px;
    }
	     .course-navigation .selected a:hover {
	    		color: #0000ea;
				border-bottom: 2px solid #00aeef;
				text-decoration: none;
    }

		  /* Remove Side Bar */
      .course-navigation > li {
		margin-right: 8px;
	}

		.course-navigation > li:after {
			content: "";
		}
        /* Item Title */
#gvCourseList_lblCatalog_ {
    font-weight: bold !Important;
}
 .keyboard li {
    float: left;
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #f2f2f2;
    border: 2px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	 color: #000;
	 font-weight: bolder;
}
.keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    color: #0000ea;
	 font-weight: bolder;
    border-color: #0000ea;
    cursor: pointer;
}

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

/* Main Button */
.button {
	background: #0000ea;
	color: #fff;
}

	.button:hover, .button:focus {
		background-color: #0000ea;
		opacity: .83;
		color: #fff;
		text-decoration: none;
	}
.btnSearch {
	background: #000;    
	color: #fff;
}
	.btnSearch:hover, .btnSearch:focus {
		background: #000;
		opacity: 0.83;
		color: #fff;
		text-decoration: none;
}
 /* Alert Button */

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

	.button.alert:hover, .button.alert:focus {
	background-color: #000;
	opacity: .83;
	color: #fff;
	text-decoration: none;
	}
	
.button.btnSubscribe{
	background-color: #0000ea;	
	color: #fff;	
}
	.button.btnSubscribe:hover {
			color: #fff;
			background-color: #0000ea;
			opacity: .83;
	}
/* COMPLETED/DISABLED BUTTONS  */

.button[disabled] {
    opacity: 1;
    background-color: #8c8c8c;
	 color: #fff;
}
.button[disabled]:hover {
    opacity: .83;
    background-color: #8c8c8c;
	 color: #fff;
	 text-decoration: none;
}
#cphContentMain_cphContentMain_lnkBack {
    background-color: #000;
    color: #fff;
}
#cphContentMain_cphContentMain_lnkBack:hover {
    background-color: #000;
    opacity: .83;
    Color: #fff;
}
/********** BACKGROUND COLOR FOR TABLES *********/
/* COMMUNITIES tab */
table th {
	text-align: left;
	color: #fff;
	font-weight: bolder;
	background-color: #0000ea;
}
/* REPORTS tab */
table.data-table th {
    background-color: #0000ea;
    color: white;
	 font-weight: bolder;
}
/********** CALENDAR TAB *********/
.calendar .calendar-title td:nth-child(2) {
    font-size: 1.8em;
    font-weight: bolder;
	 color: #0000ea;
}
.calendar > tbody > tr > td, .calendar > tbody > tr > th {
	 border: 1px solid #d0d0d0 !Important;
}
.calendar .calendar-today {
    border: 2px #0000ea solid !important;
}

.progress-tree-view li.required span {
    color: #bababa;
}
#page-admin-home .adminmenu > li:nth-child(even)
	 {
	  background-color: #4E575E;
	 }
	 
	 #page-admin-home .adminmenu > li:nth-child(odd)
	 {
	  background-color: #0000ea;
	 }

/* Small and Medium */
@media screen and (max-width: 63.9375em) {
    #head-mobile {
        background-color: #0000ea;
    }
		.navigation {
    overflow: visible;
}
    .content-top.pages-reigster .with-custom-top-nav {
		margin-top: calc(180px + 12px);
	}
    .mobile-side-menu {
        background-color: #0000ea;
    }
	.show-right-panel{
		display: none;
	}
	.icon-hamburger.show-menu {
    display: inline-block;
}
    #login #header {
        background-image: url(custom/hdr1.jpg), url(custom/hdr3.jpg);
		background-position: top left, left  bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: 100%,100%;
		height: 185px;
        margin: 20px 0;
    }
	.content-top.with-custom-top-nav {
		margin-top: calc(180px + 42px);
	}
	.login-media-area {
		display: none;
	}

	#page-course-material .navigation-row {
		display: none;
	}
	
	#login #mainContent.background {
		background-image: none;
	}
}
@media screen and (max-width: 480px){
	#top-bar .top-navigation--mobile {
		display: block;
		margin-top: 35px;
	
	}
	#content-main #topbar-SXM {
	  height: 85px;
	 background-image: url(custom/mobiletop.jpg);
	 background-size: 100% auto;
	  background-color:#fff;
	   background-position: top;
	   

}

	.navigation {
    margin-top: -38px;
    overflow: auto;
    padding-bottom: 10px;
    white-space: normal;
}
#content-main #top-bar {
 background-color: #fff;
   height: 90px;
	
	
}
#content-main #top-bar {
    height: 155px;
}
    .custom-top-nav {
        width: 90%;
        margin-top: 16px;
		height: 180px;
    }

	.content-top.with-custom-top-nav {
    margin-top: calc(190px + 48px);
}
	.mobile-menu-main .global-nav {
		margin-top: 30px;
	}
	.content-top.with-custom-top-nav > h1 {
		margin-top: 20px;
	}
	.content-top.with-custom-top-nav > .sub-navigation-container {
		display: none;
	}
	.dashboard-label {
		color: #1B1F24;
		padding-left: 24px;
		width: 95%;
		word-break: break-word;
	}
	#page-main-catalog {
		margin-top: -24px;
	}
	
	#page-main-catalog .main-catalog-box.welcome-section {
		background-image: url("custom/catalog/blue-516x193.png"),
			url("custom/catalog/prizes-478x193.png");
		background-position: top, bottom;
		background-size: contain;
		height: 280px;
	}
	
.icon-activity-stream {
    background-image: url(/foundation/images/grey/sections/union@2x.png);
}

}
@media screen  (min-width: 768px) and (max-width: 780px) {
	.navigation {
		margin-top: 0px;
		overflow: auto;
		padding-bottom: 10px;
		   white-space: normal;
	}
	.content-top.with-custom-top-nav {
		margin-top: calc(110px + 42px);
	}
	.icon-hamburger.show-menu {
    display: none;
}
}
@media screen  and (min-width: 480px)  and (max-width: 767px) {
	.medium-1 {
    width: 2.33333%;
}

.icon-hamburger.show-menu {
    display: none;
}
#content-main #top-bar .small-10 {
    width: 93.33333%;
}
	 .top-navigation--mobile, .mobile-outer-logo, .tablet-outer-logo {
    display: block;
}
   #content-main .logo {
	   display:block;
    width: 200px;
    height: 0px;
    margin-left: 0px;
margin-top: 90px;
}
.navigation {
    overflow: visible;
    padding-bottom: 10px;
       white-space: normal;
}

#content-main #top-bar {
    height: 155px;
}
    .custom-top-nav {
        width: 90%;
        margin-top: 56px;
		height: 180px;
    }

	.content-top.with-custom-top-nav {
    margin-top: calc(130px + 48px);
}

.top-line-small {
    border-top: none;
    border-width: none;
    margin-top: none;
}
.content-top {
    top: calc(280px + 48px);
}
#page-admin-home .adminmenu > li:nth-child(even)
	 {
	  background-color: #4E575E;
	 }
	 
	 #page-admin-home .adminmenu > li:nth-child(odd)
	 {
	  background-color: #0000ea;
	 }
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	#page-main-catalog .main-catalog-box.welcome-section {
		background-image: url("custom/catalog/blue-516x193.png"),
			url("custom/catalog/prizes-478x193.png");
		background-position: top, bottom;
		background-size: contain;
		background-color: transparent;
		height: 496px;
	}
	#content-main #topbar-SXM {
	 height: 35px;
	 background-image: url(custom/topdesktop.jpg);
	 background-size: 100% auto;
	  background-color:#fff;
	   background-position: top;
  background-repeat: no-repeat;
	   

}
}

/* Small Custom */
@media screen and (min-width: 20.0625em) and (max-width: 26.0625em) {
    #login #header {
      /*  background-size: 350px;*/
    }
}

@media screen and (width: 64em) {
    #login .background, #login .background.bg-type-b, #login .background.bg-type-c {
        background-position: 10% 40%;
    }
    
    #login-section {
        right: 20px;
    }
    
    #login #header {		    
        background-size: 30%;		
		background-position: left, right;	        
    }
	
	#page-admin-home .adminmenu > li:nth-child(even)
	 {
	  background-color: #4E575E;
	 }
	 
	 #page-admin-home .adminmenu > li:nth-child(odd)
	 {
	  background-color: #0000ea;
	 }
	
}

/* Large */
@media screen and (min-width: 64em) {
    #login-section {
        position: absolute;
        top: calc(40% - 166px);
		right: 6%;
        background: rgba(255, 255, 255, .80);
        padding: 20px 0 0 0;
		width: 360px;
    }
    
    #login-section .lblSignUp {
        display: block;
        text-align: center;
        padding-bottom: 1em;
         color: #6d6e71;
         font-weight: bolder;
    }

    #login #header {
		background-image: url(custom/hdr1.jpg), url(custom/hdr3.jpg);
        background-position: left, right;
        background-repeat: no-repeat, no-repeat;
		background-size: 50%, 50%;
        height: 94px;
        margin: 20px;
    }
	
	#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
		background-image: url(custom/bg2.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #fff;
		height: 100%;
	}
	

	
	
	#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: #0000ea;
	}
	
	#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: #4E575E;
	}
}
@media screen and (max-width: 768px) {
	#page-main-catalog .main-catalog-box.welcome-section {
		
	}
	
	#login .background {
	background-image: unset;
	}
	#login-section {
		
	width: 100%;
	position: relative;
	right: unset;
	top: unset;
	
	}
}

@media screen and (min-width: 64em) {
	#login .background, #login .background.bg-type-b, #login .background.bg-type-c {
		/* background-size: 113% 100%;  
		background-size: 113% auto; */
		    min-height: 600px;

	}
}

@media screen and (min-width: 768px) and (max-width: 1600px){
	#login .background {
		background-size: 100% auto;
	}
	
	#content-main #topbar-SXM {
	 height: 75px;
	 background-image: url(custom/topdesktop.jpg);
	 background-size: 100% auto;
	  background-color:#fff;
	   background-position: top;
  background-repeat: no-repeat;
	   

}
}


/* Extra small */
@media screen and (max-width: 20em) {
    #login #header {
        background-size: 250px;
    }
}
.not-completed {
color: #0a0a0a;
font-weight: bold;
}

/* Icons */
#login .top-navigation .icon-skip {
	color: #fff;
}

#login .icon-faq {
	background-image: url("/foundation/images/white/header/faq.png");
}

#login .icon-contact-us {
	background-image: url("/foundation/images/white/header/mail@2x.png");
}

@media screen and (min-width: 768px) {
	#login .background {
		background-image:url("upload/24-8501_e-Learning_Homepage_Banner_Update_v1.gif");
	}
	.login-media-area {
		display:none;
	}
}

.ot-pc-logo, .ot-pc-footer-logo {
	display: none;
}