/*** Default text color and font ***/
body, label {
    /* color: #4E575E;
    font-family: 'Open Sans', sans-serif, Arial; */
}

/* Target all links  */
a {
    color:  #3c91ff;
}

    a:hover {
        color:  #3c91ff;
        text-decoration: underline;
    }

a.highlighted {
    background-color:#5f1ebe;
    border-radius: 10px;
    color: #1B1F24;
}

.outline {
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-height: calc(100vh - 80px);
}
/********** Logo *********/

.logo {
    background-image: url(custom/logo.png);
	width: 448px;
   	height: 52px;
}
  
/********** Login section *********/

#login-section {
    background: rgba(231, 231, 231, .90);
    padding: 20px 0 0 0;
    right: 150px;
	top:23%;
}
#login {
    height: 85%;
}
input[type=text], input[type=password] {
	border-color: #d3d3d3;
}

#login-section .lblSignUp {
    display: block;
    text-align: center;
    padding-bottom: 1em;
	color: #000;	
}
#login #header {
    padding-top: 0px; 
    background-color: #3c91ff;
	display:none;
}
#login .background {
    background-image: url(upload/Progress.png);
}
.btnForgotPassword:hover, .hlSignUp:hover {
	text-decoration: underline;
}
.global-nav {
	background-image: linear-gradient(to  bottom , #5f1ebe,#6b35d3, #3c91ff);
	/*background-color: #6b35d3;*/
	height: 900px;
}
.content.grey-background {
    background-color: #fff;
}
.login-media-area {
	display: none;
}
.with-custom-top-nav #top-bar {
    height: calc(80px + 18px);
}
.top-navigation .icon-skip {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    top: 0;
}
/* Footer */
#footer {

    color: #fff;
	background-image: linear-gradient(to  right, #3c91ff , #5f1ebe,#6b35d3);
}
#footer a {
    color: #fff;
	 text-decoration: none !Important;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline !Important;
}
/*** AFTER LOGIN ***/

    /********** Top Bar *********/
#top-bar {
	  background-image: linear-gradient(to  right, #3c91ff , #5f1ebe,#6b35d3,#8c69f0);
}
    .mobile-menu-main {
        
        background-image: linear-gradient(to right, #3c91ff, #5f1ebe, #6b35d3, #8c69f0);
    }
	/*** Link properties ***/
	.top-navigation a {
		color: #818B99;
        font-size: 14px;
	}

	    .top-navigation a:hover {
		    color: #818B99;
            text-decoration: underline;
	    }
.reports h2 {
    color: rgb(38, 92, 165);
}
#RoleSelector, #cphHeader_ltlLanguage, #ltlLanguage {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}
#cphHeader_lblCurrency {
    color: #fff;
    font-weight: normal;
}
.msg, .name {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}

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

#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: #0a6991;
}
#page-admin-home .adminmenu a {
    color: #0084ad;
    font-size: 0.95em;
}
#page-admin-home .submenu a:hover {
    color: #0084ad;
    text-decoration: underline;
}

            /*** Main Navigation ***/
#main-nav {
    background-color: #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
}

    /* Initial Nav Arrow positioning */
    /*
    margin-top: 10px;
	padding: 10px;
	height: 45px;
    */

    /* Link properties */
    .main-navigation a {
    color: #fff;
    text-transform: uppercase;
}
	    .main-navigation a:hover {
		    color: #fff;
            padding-bottom: 7px;
            text-decoration: none;
			background-color: #5f1ebe;
	    }

    /* Selected */
	.main-navigation .selected {
		/* background-image: url(); */

        /* Nav Arrow image and vertical positioning */
        /*
		background: url(images/NavArrow.png) no-repeat bottom center;
		padding-bottom: 20px;
        */
	}
		
		/* Selected link properties */
		.main-navigation .selected a {
			color: #000;
            border-bottom: 6px solid #fdc131;
            padding-bottom: 7px;
		}

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

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

.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-faq {
    background-image: url(/foundation/images/white/header/faq.png);
    
}
.icon-activity-stream {
    background-image: url(/foundation/images/white/sections/union@2x.png);
}
.icon-user {
    background-image: url(/foundation/images/white/Sections/user@2x.png);
}
.icon-report {
    background-image: url(/foundation/images/white/General/document@2x.png);
}
.icon-training {
    background-image: url(/foundation/images/white/Sections/my_training@2x.png);
}
.course-navigation {
    /* background-color: #fff; */
}

    .course-navigation a {
	    text-transform: uppercase;
    }

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

    .course-navigation .selected a {
	    color: #000;   
        border-bottom: 6px solid #fdbb30;
        padding-bottom: 5px;     
    }

        .course-navigation .selected a:hover {
	        color: #fdbb30;
            text-decoration: none;
        }
.keyboard li {
    float: left;
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    background: #e7e7e7;
    border: 2px solid #e7e7e7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	 color: #000;
}
.keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    color: #000;    
    border-color: #fdbb30;
    cursor: pointer;
}

/********** Buttons *********/
/* Main Button */
.button {
	background-color: #5f1ebe;
    border: 2px solid #5f1ebe;
    border-radius: 1px;
    color:  #fff;
    font-size: 14px;
    text-transform: uppercase;	
}
	.button:hover, .button:focus {
		background-color: #5f1ebe;
        border: 2px solid #5f1ebe;
        color: #fff;
	}
.btnSearch {
	background: #000;
    border: 2px solid #000;    
	color: #fff;
}
.btnSearch:hover, .btnSearch:focus {
	background: #333;
    border: 2px solid #333;     	
	color: #fff;
	text-decoration: none;
}
.btnCourseRegister, .btnSubscribe, .purchase {
	background: #213c60;
    border: 2px solid #213c60;
	color: #FFF;
}
.btnCourseRegister:hover, .btnSubscribe:hover, .purchase:hover {
	background: transparent;
    border: 2px solid #fdc131;
    color: #213c60;
}
    .btnSearch:hover, .btnSearch:focus {
	    background: #000;
        opacity: 0.85;
	    color: #fff;
	    text-decoration: none;
}
    /* TRANSCRIPT PAGE BUTTONS  */


#cphContentMain_cphContentMain_lnkBack {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}
#cphContentMain_cphContentMain_lnkBack:hover {
    background-color: #333;
    border: 2px solid #333;
    Color: #fff;
}

        /* Alert Button */

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

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

    /* COMPLETED/DISABLED BUTTONS  */

.button[disabled] {
    opacity: 1;
    background-color: #666666;
}
.button[disabled]:hover {
    opacity: 1;
    background-color: #666666;
}
/***** INDICATOR *****/

.notification {
    background-color: #fdc131;
    color: #2a2c2b;
    margin-left: 6px;
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    border-radius: 25%;   
    height: 24px;
    display: inline-block;
    text-align: center;
    font-size: 0.8em;
    line-height: 2.0em;
}

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

    /********** BACKGROUND COLOR FOR TABLES *********/

/* COMMUNITIES tab */
table th {
	text-align: left;
	color: #fff;
	font-weight: normal;
	background-color: #acacac;
}
/* REPORTS tab */
table.data-table th {
    background-color: #acacac;
    color: #5A6370;
    font-weight: bold;
}
a.sticky-column {
    color: #fff;
    font-weight: normal;
}

/* Small and Medium */
@media screen and (max-width: 63.9375em) {
 #head-mobile {
    position: fixed;
    padding: 10px;
    width: 100%;
    font-size: 1.6em;
    background-color: #f4f4f4;
    color: rgb(38, 92, 165);
    z-index: 1000;
}
 /*#head {
    padding-top: 60px;
}*/
.navigation {
    margin-top: 5px;
    overflow: visible;
    padding-bottom: 10px;
    white-space: nowrap
}
             .mobile-side-menu ul li {
                border-bottom-color: #e7e7e7;
        }
             .logo {
                 background-image:url("upload/logo.png");
                 width: 90%;
                 background-position: left, right;

             }
			 .mobile-outer-logo {
    display: inline-block;
    position: absolute;
    top: 32px;
    left: 55px;
    width: 58%;
}
    
	#page-admin-home .dropdown.menu > li:nth-child(even),
	#page-admin-home .adminmenu > li:nth-child(even)
	{
		background-color: #5f1ebe; 
	}
}

/* Large */
@media screen and (min-width: 64em) {
  
    /************Menu****************/
    #page-admin-home .dropdown.menu > li:nth-child(6n+4),
    #page-admin-home .dropdown.menu > li:nth-child(6n+5),
    #page-admin-home .dropdown.menu > li:nth-child(6n+6),
    #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: #3c91ff;
    }

    #login-section {
        position: absolute;
    }
	#login {
    height: 82%;
}
	
	
}
@media screen and (max-width: 63em) {
#login .background {
    background-image: none;
}
}