html { font-size: 0.9375rem!important; }

/* body */
body {
	font-size: 1rem!important;
	margin: 0 auto;
        background-color: #fafafa; /*#aaaaaa;*/
	padding-top: 50px;
}

#page-wrapper {
	display:block;
}	

.path-mod-book .book_toc_numbered > ul, .path-mod-book .book_toc ul {
 	display: block;
}

pre, 
.gradingform_rubric .criterion.even
{ color: inherit; }

.dropdown-menu { background-color: #fafafa; }

a, a:visited, a:active, a:link, a.dropdown-item:focus {
        color: #330066;
}

a:hover, a.dropdown-item:hover {
        color: #cc0066;
}

.btn-primary { color:#fff!important; }

#page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion {
	/*border: 0px solid transparent;*/
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
}

body, .breadcrumb-nav a {
        color: #333333;
}
.navbar-light .navbar-brand:hover, .navbar-bootswatch .navbar-brand:hover, .navbar-light .navbar-brand:focus, .navbar-bootswatch .navbar-brand:focus {
	color: #333333;
}

ul {
	/*padding-right:.75rem;*/
}	
ul.nav {
	padding-right:0;
}
.centerme {
	text-align:center;
}

.navbar-bootswatch {
        background-color:#fafafa;
	padding-left:1rem;
	/*
	border-bottom: 2px solid #dddddd;
	*/
}

.navbar {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.08); 
    box-shadow: 0 0px 0px rgba(0,0,0,.08); 
    min-height: 50px;
}

.userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext {
	height:inherit;
}

/* to remove the gap below the banner */
#page {
    margin-top: .5rem;
}

#page-header {
        /*display:none;*/
}

#page-header .pt-3 {	
	padding-top:0px!important;
}

#page-header .pb-3 {
        padding-bottom:.5rem!important;
}

#page-site-index #page-header {
	/*display:none;*/
}

/* banner */
#lbpagetitle {
        background-image: url(/extra/images/Learn.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        height: 93px;
	white-space: nowrap;
}

#lbloggedinas {
        background-image: url(/extra/images/loggedinas.png);
        background-repeat: no-repeat;
        background-position: center bottom;
}

#bannerleft {
	height:93px;float:left;width:323px;padding-left: 15px;
}

#bannerright {
	float:right;width:244px;text-align:right;
}

#bannercentre {
	height:93px;margin:0 auto;width:346px;text-align:center;
}

#lborologo {
	margin: 25px 25px 0px 0px;
}

/* banner 2 */

#page-mod-assign-grader #lbbannercontainer { display:none; }

#lbbannercontainer, #lbbanner, #lbpagetitle2, #lbloggedinas { height:95px; }

#lbbanner {
	flex: 1 0 auto;
        display:flex;
        flex-direction:column;
}

#lbpagetitle2 {
        color:#fff;
        background-color: #330066;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#7a5498),to(#330066));
        background-image: -webkit-linear-gradient(top,#7a5498,#330066);
        background-image: linear-gradient(to bottom,#7a5498,#330066);

	/*
	xbackground-image: url(/extra/images/Learn.png);
        xbackground-repeat: no-repeat;
        xbackground-position: center bottom;
        xwhite-space: nowrap;
	*/
	flex: 1 0 auto;
	
	border-bottom: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
}

h1.site-name {
	padding: 8px 0.5rem 0rem 0.5rem;
	font-size: 62px!important;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.bannerleft2 { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; }
.bannerright2 { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; }
.bannercentre2 { margin: 0 auto; text-align:center; flex: 0 0 60%; max-width: 60%; padding: 0; }

@media (min-width: 1200px) {
.bannerleft2 { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; }
.bannerright2 { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; }
.bannercentre2 { flex: 0 0 60%; max-width: 60%; padding: 0; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.bannerleft2 { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; }
.bannerright2 { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; }
.bannercentre2 { flex: 0 0 50%; max-width: 50%; padding: 0; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
.bannerleft2 { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; }
.bannerright2 { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; }
.bannercentre2 { flex: 0 0 36%; max-width: 36%; padding: 0; }
}

@media (max-width: 767.98px) {
.bannerleft2 { display:none; }
.bannerright2 { display:none; }
.bannercentre2 { flex: 0 0 100%; padding: 0 1rem; margin-bottom: 1rem; }
}

#lbpagetitle2 div[class^="col"] { padding-left:0px; padding-right:0px; }
#lbpagetitle2 .row { margin-left: 0px!important; margin-right: 0px!important; }
#lbaccessibilitybanner { margin: 20px 0px 1rem 0rem;}
#lbloggedinas2 { height:100%; background-image: url(/extra/images/loggedinas.png); background-repeat: no-repeat; background-position: center bottom; }

#lborologo2 {
        margin: 23px 0px 16px 0px;
}

/* to hide the accessibility widget and the lboro logo when the screen is less than 980 and the mobile menu is activated */
@media (max-width: 980px) {
        .hideme {
                display: none;
        }
}

.lbclear {
	clear:both;
}

.block, a.dropdown-item:hover {
	background-color:#f2f2f2;
}

hr {
	border-top: 1px solid #ccc;
}

.card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well,
#gridshadebox_content
{
	border: 2px solid #dddddd;
}	

.btn-secondary:hover, .btn-default:hover {
	border-color:transparent;
}

.oublog_statsview_content h3 {
	margin-left:1rem;
}

.oublog-post.oublog-odd, .oublog-post-commented {
	background-color: inherit;
}

ul.oublog-accordion {
	padding-left:0;
}

.ouw_topheading {
	border: 1px dotted #888;
}

.path-mod-feedback table.analysis
{
	border-color:#dddddd;
}

.btn-secondary, .btn-default {
	/*margin-left: .25rem;*/
}

#region-main .ExerciseTitle {
	color:inherit;
}

.file-picker .yui3-datatable-header {
	background-color:#dddddd;
}
.yui3-datatable-table, .yui3-datatable-table a { color:#333333!important; }

body[id^='page-mod-hotpot'] section#region-main div[role=main],
body[id^='page-mod-hotpot'] section#region-main {
	height:inherit!important;
}

.dropdown-menu, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content 
{
	border: 2px solid #dddddd;
	border-width: 2px 2px 2px 2px;
}

.badges li {
	width:90%;
}

.course-content .current::before { border-left: 0px; }
li.section.current {
	 border: 1rem solid #1177d1!important;
}

li.section.hidden {
	border: 1rem solid #999!important;
	padding: 10px;
}


.row {
	/*xmargin-left:-15px!important;*/
	margin-left:0px!important;
	margin-right:0px!important;
}

header#page-header, #page-content {
        xmargin-left:-1rem!important;
}

div#page.container-fluid,
header#page-header.row div.col-12.pt-3.pb-3
{
    	padding-left: 0px;
	padding-right: 0px;
}

header#page-header.row,
div#page-content.row 
{
	margin-left:0px!important;
	margin-right:0px!important;
}

header#page-header.row
{
        margin-left:1rem!important;
        margin-right:1rem!important;
}

a#action-menu-toggle-0.dropdown-toggle.icon-no-margin {
	/*line-height:2.5;*/
}

.oublog-sideblock {
	padding:0;
}

/* activity chooser */
.jschooser .choosercontainer #chooseform .alloptions
{
	max-width:40%;
}
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary 
{
	left: 40%;
	background-color: inherit;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
	width:100%;
}

.path-mod-assign .gradingtable tr.selectedrow td {
	background-color:inherit;
}

.alert, #page-admin-index .releasenoteslink, #page-admin-index .adminwarning, #page-admin-index .adminerror, .que .formulation, .que .outcome, .que .comment, .assignfeedback_editpdf_widget .label {
	z-index:1;
}
.path-mod-assign [data-region="review-panel"],
.path-mod-assign [data-region="grade-panel"]
{
	top: 6rem;
}
.path-mod-assign [data-region="grading-navigation-panel"] 
{
	height: 6rem;
}

.form-control {
/*
	height: calc(1.5rem + .75rem + 1px);
*/
}

/* for module noticeboard gaps between buttons */
.mb-1 {
	/*margin-bottom: 1rem!important;*/
}

/*
.block_navigation .block_tree p.hasicon, .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree ul, .block_settings .block_tree p.hasicon, .block_settings .block_tree .tree_item.branch {
	xpadding-left:0px;
}
*/
.block_navigation .block_tree p.hasicon,
.block_navigation .block_tree .tree_item.branch 
{
	padding-left:0px;
}
/*
.block_settings .block_tree ul, .block_settings .block_tree .tree_item.branch {
	xmargin-left:10px;
}
*/



.fa, .fas {
	font-weight: 500;
}

.p-3 {
	padding: 0px!important;
}

#page #page-header .card .card-body .mr-auto {
	display:none;
}

#page #page-header .card .card-body, #page #page-header .card .card-body .p-2 {
	padding:0px!important;
}



#page #page-header .card {
	/* border-width: 2px; */
	background-color:inherit;
	border: 0px;
	margin-left:.1rem;
	margin-right:.1rem;
}

#page #page-header .card .card-body #page-navbar {
	font-size:94%;
	margin-top: 3px;
	margin-bottom: 3px;
}

#page-login-index .card-body {
        padding: 1.25rem!important;
}

.card-body h5.card-title {
	width:100%;
	color:#fff;
	background-color: #330066;
    	background-image: -webkit-gradient(linear,0 0,0 100%,from(#7a5498),to(#330066));
    	background-image: -webkit-linear-gradient(top,#7a5498,#330066);
    	background-image: linear-gradient(to bottom,#7a5498,#330066);
	border-radius: 4px 4px 0 0;
	border-width: 0px 0px 2px 0px;
    	padding: 13px 10px 13px 18px;
    	margin-bottom: 5px;
	border-bottom: 2px solid #dddddd;
}

.d-inline {
	display:inherit!important;
}

.card-text {
	padding-left:1rem!important;
	padding-right:1rem!important;
	padding-bottom:1rem!important;
}

.block {
	border-width:2px;
}

#twitter-widget-0 {
	margin-top:4px!important;
}

/* main content window centre panel */
#region-main {
        background-color:#fafafa;
        padding: 0 0rem 1rem 0rem;
        border:0px;
}


/*footer */
.logininfo, #page-footer .container .homelink, #page-footer .container a {
	display:none;
}

.sitelink {
	padding-bottom:2rem;
}

.performanceinfo {
	display:none;
}

#page-footer .container a:last-child {
	display:block!important;
	text-align:center;
}

#page-wrapper #page-footer {
	margin-top:1rem!important;
	padding-top:1rem!important;
	padding-bottom:0!important;
}

#page-wrapper #page-footer .helplink {
	padding-top:1rem!important;
}

/* from old theme lboro3 */

.mediaplugin>div {
    margin: auto 0;
}

/* for hotpot - annoyingly uses inline styles which get inserted after accessibility */
#region-main div.Titles {
        background-color: #fafafa;
}

/* make atto text editor inherit the color from site */
.editor_atto_content_wrap .form-control {
        color: inherit!important;
	background-color: inherit!important;
}

.page-item.active .page-link {
	border-width:2px;
	border-color:#dddddd;
}


/* hamburger nav */
.navbar-bootswatch .navbar-brand { display:none!important; }

#menuToggle {
display: block; /*position: relative;*/ top: 50px; left: 50px; z-index: 1;
-webkit-user-select: none; user-select: none; margin-top:15px; }

#menuToggle a { text-decoration: none; transition: color 0.3s ease; }

#menuToggle a:hover { }

#menuToggle input { display: block; width: 60px; height: 60px; position: absolute;
top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child { transform-origin: 0% 0%; }

#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  /*background: #232323;*/
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 7em;
  padding-bottom: 2em;

  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */

  transform-origin: 0% 0%;
  transform: translate(-100%, 0);

  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 1em 0;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

#menuToggle { display:none; }

/* mobile hamburger menu */
@media (max-width: 767px) {
#menuToggle { display:inline!important; }
}

/* icons added last minutefor new module format */
.fp-icon img {
	background-color:#cc0066;
}

/* button format pages wider - mobile especially */
.course-content ul.buttons li.section .content {
	margin: 0px;
}

/* change the letter filter colors on the assignment view page */
.page-item.active .page-link { color: #fff!important; background-color: #0f6fc5!important; }

@media (max-width: 576px) {
	body { padding-top: 0px; }
}