@charset "utf-8";
/* CSS Document */

body {background: #00598a;}

/* This is to hide the purchased link when you click on My Resources 
and the SELECT button that selects everything on a search */
#searchresults-select > a[title="Purchased"],
a#nisc_link /*The New contribution of same type link*/
/* div#selection-page .itemresult-rating button still want this to display */
{display: none;}

/* This is to display two column in dashboard */
.dashboard #col1 {padding-bottom: 0;}
.dashboard #col2 {float: left;}
.dashboard #topwide {float: left; margin-right: 20px; overflow: auto; width: 48.5%;}

#header {
	background: url("../images/header-eLR.jpg") no-repeat scroll center top #00598a;
	border-bottom: none;
	height: 95px;
	border: 1px solid #003045;
	}

#header-inner .banner {
	color: #FFF;
	margin-top: -10px;
	}
	
#header-inner h2 {
	padding-top: 34px;
	}
	
#topbar {
	background: url("../images/topbar-bg.jpg") repeat-x scroll 0 0 transparent;
	}
	
#body {
	background: url("../images/body-bg-top.jpg") repeat-x scroll 0 0;
	background-color: #00598a;
	}
	
#body-wrap1 {
	background: url("../images/body-bg-bottom.jpg") repeat-x scroll left bottom transparent;
	}

#body-wrap2 {
	background-image: none;
	}

#footer {
	background: url("../images/footer-bg.jpg") repeat-x scroll 0 0;
	background-color: #00598a;
	}
	
#footer-inner {
	background-image: none;
	}
	
/* The Help and screen options block that is revealed */	
.topblock {
	background-color: #0182BC;
	border-color: #009ae9;
	}
.topblock h3 {
	color: #F99D27;
	}
.topblock a, .topblock a, .topblock a:hover, .topblock a:hover {
	color: yellow;
	}	
	
	
#content, #selection-content {
	background: url("../images/box-middle.jpg") repeat-x scroll 0 0 #b2b3b7;
	}
	
#content-bottom, #selection-content-bottom {
	background-image: none;
	}
	
#content-inner, #selection-content-inner {
	background: url("../images/box-top.jpg") no-repeat scroll 0 0 transparent;
	}

.content a {
	color: #00598a;
        font-weight: bold;
}

.content a:hover {
	color: #00AEBD;
}

.content a.disabled {
	color: #5d606f;
}

.box_head, table.zebra th, .box_head:hover, /* Integration Screen */
#selection-header {
	background: #d7e6e8 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%) !important; /* IE10+ */
	background: linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ) !important; /* IE6-9 */
	}
	
.itemresult-metaline .itemresult-meta-delim, .itemresult-metaline abbr, .area fieldset h3, .area .control h3,
.recent-item SPAN {color: #71706f;}

table.zebra th {
	color: #4B4842 !important;
    text-shadow: 0 1px 0 #EEEEEE;
	border-bottom: 1px solid #8F8B7F;
	}

/* Compulsory Field Star */
.wizard-controls .ctrlmandatory, .wizard-controls .ctrlinvalidmessage  {
	font-size: 17px;
	}

#wizard-navigation.custom-nav {margin-top: -30px; padding-bottom: 10px;} /* put the custom next button beside heading */
#nav_nextButton.button-big.rightarrow  {background: url("../images/nav-next-button.jpg") no-repeat right 0 transparent;}
#nav_previousButton.button-big.leftarrow  {background: url("../images/nav-prev-button.jpg") no-repeat 0 0 transparent;}
#nav_nextButton.button-big.rightarrow:hover {background-position: right -23px;}
#nav_previousButton.button-big.leftarrow:hover {background-position: left -23px;}

/* Star Rating in Resource Area */
.itemresult-stars {display: none;}

#servermessage {
	background: #00598a;
	border-color: #036;
}

#receipt-message {
	background-color: #00598a;
	color: #FFF;}
	
.area fieldset h3,.area .control h3, .modal-content-inner h3, 
.search-layout #col2 div.input h4, 
.modal a,
.recent-item H4 A
{color: #00598a;}

/*.modal-title h3 {color: #FFF; text-shadow: 0 1px 0 #AAAAAA; background-color: #00598a; border-top: 1px solid #00aebd;}*/

.modal-title h3 {color: #00598a; text-shadow: 0 1px 0 #AAAAAA; background-color: #ffffff; border-top: 1px solid #00aebd;}

/*.modal-footer {background-color: #00598a; border-top: 1px solid #00AEBD;}*/

.modal-footer {background-color: #ffffff; border-top: 1px solid #00AEBD;}

/* remove select button from main resources selection screen so that they must click on the title to choose the actual resource */
.button.itemresult-action.add {/*display: none;*/}

/*------------ eLR buttons - added Moodle 2.6.4 -------------*/
/*removed July 2015 - new look equella, and this is messing with the buttons
button.package-select,
div.selectitem button.btn-success,
div.itemresult-rating button.btn-success {
background: #bbbbbb; /* Old browsers *//*
background: -moz-linear-gradient(top,  #bbbbbb 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#999999));
background: -webkit-linear-gradient(top,  #bbbbbb 0%,#999999 100%); 
background: -o-linear-gradient(top,  #bbbbbb 0%,#999999 100%);
background: -ms-linear-gradient(top,  #bbbbbb 0%,#999999 100%); 
background: linear-gradient(to bottom,  #bbbbbb 0%,#999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#999999',GradientType=0 );
	}
*/

/*Whenever there's a drop-down to select from it blows out too wide - bring it back to the correct width*/
/* this is for the Contribute page, but interferes with the advanced search page! See next set for optimal Advanced Search page-------------
#wizard-controls.wizard-parentcontrol .newListSelected, .wizard-layout SELECT.listbox {width: 584px !important; width: 584px;}
#wizard-controls.wizard-parentcontrol ul.newList {width: 595px !important; width: 595px;}-------------*/

#wizard-controls.wizard-parentcontrol .newListSelected, .wizard-layout SELECT.listbox  {width: 462px !important; width: 462px;}
#wizard-controls.wizard-parentcontrol ul.newList {width: 475px !important; width: 475px;}

#p0c2_dialog_fuh_fileUpload.customfile-input, #p0c3_dialog_fuh_fileUpload.customfile-input {} /*This is to make sure that, on the contribute page, the input box for the form id=ajaxuploadForm doesn't hover over the Save tick icon - review if other things are going wonky*/

/*#lines below added on advice from Edalex
#to fix hidden top banner icons*/

button[aria-label="Tasks"] {
    color: #ff0000;
}
button[aria-label="Notifications"]{
    color: #ffffff;
    }
button[aria-label="My Account"]{
    color: #ffffff;
}
button[aria-label="Screen options"]{
    color: #ffffff;
}

/* 
* ----------------------------------------------------------------
* ------------------ CIT customisations 2022 ---------------------
* ----------------------------------------------------------------
*/
/* Make the logo no larger than 180px so that the text looks sharp(ish) */
.jss17 > img, .MuiDrawer-paperAnchorDockedLeft > div > img {
  max-width: 180px;
}
/* Make every second list item a different colour for better separation of elements */
.itemlist > div:nth-child(2n),
.MuiCardContent-root > .MuiList-root > li:nth-child(2n)
 {
    background-color: #f2f2f1;
}

.itemresult-wrapper {
    padding: 14px;
    margin: 0;
}
/* Make the border on the contribute screen darker */
table.zebra tr {
    border-bottom: 1px solid #dad4d4;
}

#fancybox-inner .btn,
button.MuiButton-textSecondary,
button.MuiButton-textPrimary:not(.Mui-disabled) {
	background-color: #008eb8;
	color: white;
	margin-right: 5px;
}
#fancybox-inner .btn:hover,
button.MuiButton-textSecondary:hover,
button.MuiButton-textPrimary:hover {
	background-color: #006785;
	color: white;
}

/* #fancybox-inner .btn-success,
.btn-success {
    color: white;
	background-color: #006785;
}
#fancybox-inner .btn-success:hover,
.btn-success:hover {
	color: white;
    background-color: green;
} */

header.MuiAppBar-colorPrimary {
	color: white;
	background-color: black;
}

#selection-header-content .logo,
#selection-content-inner {
	background: none;
}

#selection-content-bottom #selection-content-inner .mainCols #col2 {
	margin-top: 50px;
}

#selection-page .topblock {
	padding: 0 10px;
	color: white;
}

#selection-page #helpAndOptions {
	background-color: white;
	margin-right: 0;
}
#selection-page #helpAndOptions .icon-chevron-down {
	color: #006785;
}

#checkout-div {
	width: 100%;
}