/* General */
#page {min-height:930px;}
body {transition: unset !important}

body.has_dock_top_horizontal #dock.dock_top_horizontal {background-color: #bf0d0d}

/* header */ 

/*.container-fluid {max-width: 78% !important}*/

#page-header {padding:0;min-height: 100px;}
#page-header > .container-fluid {position: relative;min-height: 100px;}
#page-header > .container-fluid:before {
    display: block;
    background: #860038;
    right: calc(100% - 390px);
    content: '';
    position: absolute;
    left: -9999px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    transform: skew(-54deg);
}
#page-header>.container-fluid>.row-fluid {display:block;}
.electranet-header-left-section {float:left;}
.electranet-header-right-section {float:right;margin:24px 0 0;}

/* Logo */
.logo-header a.logo {width: 180px;display: block;box-sizing: border-box;padding: 35px 0 0;position: relative;z-index: 6;margin-left:20px;}

/* nav bar */
.navbar-inner {position: relative;}
.navbar-inner > .container-fluid:before {
    display: block;
    background: #e1e2e2;
    right: calc(100% - 252px);
    content: '';
    position: absolute;
    left: -9999px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transform: skew(54deg);
}


/*
.navbar-inner {position: relative;}
.navbar-inner:before {
    content: "";
    background: #e1e2e2;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 9999px;
    display: block;
}
*/
body .navbar a.brand, body .navbar li > a {
    background:#e1e2e2;color:#333;position: relative;z-index: 2;
}
body .navbar a.brand:hover, body .navbar li > a:hover {background:#e1e2e2;color: #860038;}

/*
body .navbar li:last-child > a {
    position: relative;padding-right:50px !important;
}


body .navbar a.brand:after, body .navbar li:last-child > a:after {
    background: inherit;
    content: "";
    position: absolute;
    display: block;
    z-index: 0;
    top: 0;
    bottom: 0;
    width: 73px;   
    transform: skewX(54deg);
    right:-40px;
}


body .navbar a.brand:after {display:none;}
*/
#loggedin-user > a {display:none;}

/* Login Page */
body#page-login-index {
background: #002431 url(/theme/lambda/parallax-transmission-bg.jpg) no-repeat fixed center center / cover;
}

body#page-login-index #page-content {background-color: transparent !important;border: 0 !important;}
body#page-login-index .logo-header .logo {margin:0 auto;}
body#page-login-index .logo-header .logo img {max-height: none !important;margin:0 !important;}
body#page-login-index h2, body#page-login-index .loginsub .desc {color:#eee;}

#login-sub-container { max-width: 500px;margin:40px auto; padding:10px; font-size:16px;}
#login-sub-container > div {
	background: #eee none repeat scroll 0 0;
    padding: 25px 25px 45px;
}
#login-sub-container .login-sub-heading {
	font-size: 1.5em;
    font-weight: 900;
    color: #860038;
    margin: 0 0 10px;
}
#login-sub-container .btn {
   	display: block;
    margin: 20px 0 0;
    font-size: 14px;
}

#responseform .questionflag {display:none;}

.right-section-sQpan6 {float:right;}

.subcontent.potentialidps {background: #eee;}
.loginsub > .desc {display: none;}
.loginbox #login {display:none;}
#showadminlogin {margin-top:30px;font-size: 12px;color:#860038;cursor: pointer;}
#showadminlogin:hover {color:#333;}

/* crumb */
body.pagelayout-course ul.breadcrumb > li:nth-child(3) a span,
body.pagelayout-incourse ul.breadcrumb > li:nth-child(3) a span {color:#860038;}

/* quiz summary additional general feedback */
#page-mod-quiz-view table.quizattemptsummary th.lastcol,
#page-mod-quiz-view table.quizattemptsummary td.lastcol,
#page-mod-quiz-view #feedback h3 + h3,
#page-mod-quiz-view #feedback .quizgradefeedback {display:none;}


/* ======================================================== MEDIA QUERIES ===================*/
@media only screen and (max-width: 980px) {
   /*  #page-header > .container-fluid:before {right: calc(100% - 362px);}
   body .navbar a.brand {position: relative;padding-right:50px !important;}
    body .navbar a.brand:after {display:block;}*/
}


@media only screen and (max-width: 768px) {
   #page-header > .container-fluid:before {right: calc(100% - 425px);}
    .electranet-header-right-section {margin-right:20px;}
}

@media only screen and (max-width: 600px) {
    .navbar-inner > .container-fluid:before {display: none}
}

/* Change Nav breakpoint */
@media only screen and (min-width: 420px) {
	.navbar .btn-navbar  {display:none;}
}