/* Style sheet for Harrap Librarian */

div#adminmenumain, #mw_adminimize_admin_bar, #wpfooter,.wp-menu-image.dashicons-before {
    display: none !important;
}

/* bootstrap dropdown hover menu*/

/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v6/FRGja7LlrG1Mypm0hCq0Dj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v6/FRGja7LlrG1Mypm0hCq0Dugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

:root{
    --header-color: #0fb5be;
    --nav-background-colour: #0fb5be;
}

html{
		font-family: 'Quicksand', sans-serif !important;
	    font-size: 11px;
        background-color: #f7f7f7;
        min-height:100%;
        background: url('summer_glasses.jpg') no-repeat center bottom fixed;
        background-size: cover;
}

body {
	color:#333;
	font-size: 1.3rem;
    background:none !important;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
}


.highlight {
    color: #32a0df;
}

/** Nav Bar CSS *// 
.navbar {
	  box-shadow: 2px 2px 3px #00000066;
    background-color: #0e86b2 !important;
}
/*.navbar-brand::before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -14px !important;*/
/*    left: 3px;*/
/*    width: 140px;*/
/*    height: 100px;*/
/*    background-image: url('waves.png') !important;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1 !important;*/
/*}*/
ul.dropdown-menu  {
    border-radius: 0;
    background-color: #f9d62e;
    color: #000000 !important;
}
button.dropbtn,
button.dropbtn > h2,
#booksType > .dropbtn > h2{
    color: black !important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.77);
}

.nav-link:hover {
    background-color: #eae374 !important;
}

ul.dropdown-menu > li > .nav-link{
    color: black !important;
}

#changeLog{
    color: black !important;
}

.h2,h2{
    color: #07a3f8;
}
.h3, h3 {
    font-size: 1.4rem;
    font-weight: 450 !important;
}

.jumbotron h2 {
	color: black !important;
}
.jumbotron h3 {
    color: black;
}

.bg-primary {
    background-color: #f9d62e!important;
	color:white;
}

/* Override navbar background's bg-primary colour */
.navbar{
    background-color: #0fb5be !important;
}

.bg-grey {
    background-color: #eee!important;
	color:black;
}

.jumbotron {
	box-shadow: 2px 2px 3px #00000066;
	background-color: #f9d62e;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.advancedSearchBox{
    color: black !important;
}
.select-items div, .select-selected{
    color: black !important;
}
.btn-primary {
    color: black !important;
    background-color: #f9d62e;
    border-color: #eae374;
}
.btn-primary:hover {
    background-color: #fc913a;
    border-color: #eae374;
}

.ui-datepicker-multi {
    background-color: #fff;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix {
    background-color: #f9d62e;
    color: white;
    font-weight: bold;
}

.ui-widget-header {
    background-color: #f9d62e !important;
    border-color: #f9d62e !important;
}

.ui-dialog-buttonset button {
    background-color: #f9d62e !important;
    border-color: #eae374 !important;
}

.ui-dialog-buttonset button:hover {
    background-color: #fc913a !important;
    border-color: #eae374 !important;
}

.ui-datepicker-calendar td a {
    font-weight: bold;
    color: #f9d62e;
}

.btn-off {
    box-shadow: 2px 2px 3px #00000066;
    background-color: #8e8e8e;
}

.btn-on {
    box-shadow: inset 2px 2px 1px #636363;
}

.section-head{
	box-shadow: 2px 2px 3px #00000066;
}
/** Datatables CSS Hacks *//

table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}
.dataTables_paginate  a{
	color:white;
}
.fg-toolbar{
    background-color: #fc913a;
	color:white;
    box-shadow: 2px 2px 1px #888;
}

.dataTable {
	box-shadow: 2px 2px 3px #00000066;
    border: 0px solid #597483;
    background-color: rgba(255, 255, 255, 0.80);
    color: #206994;
}

span.grippy {
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}

/**CSS for the module areas **/
.module-header{
   background-color:#fff;
}

.module-header, .page-settings h2 {
    background-color: #8e8e8e;
    border: 0px solid #f9d62e;
	font-weight: 300;
    color: #fff;
}
.text-settings > div > h2 {
    color: black !important;
}

thead{
    background-color: #f5b952;
    border: 0px solid #f9d62e;
    color: #206994;
}

.module-stats {
    box-shadow: 2px 2px 3px #00000066;
	 background-color: rgba(255, 255, 255, 1);
}

.module {
    color: #206994;
    background-color:#fff;
}

.bg-red{
    background-color:#e75543;
	color:#fff;
}

    /* Custom styled notice CSS 
    .ui-pnotify.bg-red .ui-pnotify-container {
      background-color: #e75543 !important;
      color:#fff;
      background-image: none !important;
      border: none !important;
    }
    .ui-pnotify.bg-red .ui-pnotify-title, .ui-pnotify.bg-red .ui-pnotify-text {
      text-transform: capitalize;
      font-family: Arial, Helvetica, sans-serif !important;
      font-size: 15pt !important;
      color: #FFF !important;
      padding-left: 50px !important;
      line-height: 1 !important;
      text-rendering: geometricPrecision !important;
    }
    .ui-pnotify.bg-red .ui-pnotify-title {
      font-weight: bold;
    }
    .ui-pnotify.bg-red .ui-pnotify-icon {
      float: left;
    }
    .ui-pnotify.bg-red .fa {
      margin: 3px;
      width: 33px;
      height: 33px;
      font-size: 33px;
      color: #FF0;
    }*/

.bg-yellow{
    background-color:#f5b952;
	color:#fff;

}
.bg-green{
    background-color:#fc913a;
	color:#fff;

}
.bg-blue{
    background-color:#eae374;
	color: grey;

}

.bg-darker{
    background-color:#fc913a;
	color:#fff;

}

.bg-darkerr{
    background-color:#c91868;
	color:#fff;

}

.bg-darkery{
    background-color:#f06d14;
	color:#fff;

}
.bg-darkerg{
    background-color:#7aad4d;
	color:#fff;

}

.module-stats {
    padding: 0.5rem;
    box-shadow: 2px 2px 3px #00000066;
}

.module {
    box-shadow: 2px 2px 3px #00000066;
    height: 100%;
    transition: all 1s;
}

.bg-primaryd1 {
    border-color: #e75543;
}
.bg-primaryd2 {
    border-color: #e75543;
}
.bg-primaryl1 {
    border-color: #8cc15d;
}
.bg-primaryl2 {
    border-color: #8cc15d;
}
.bg-primaryy1 {
    border-color: #f5b952;
}
.bg-primaryy2 {
    border-color: #f5b952;
}


.bg-red a, .bg-yellow a, .bg-green a, .bg-blue a {
    color: rgba(255, 255, 255, 0.84);
}

.notStudentLib, .notStudentLib .sorting_1{
	background-color: #f5b9523b !important;
}

.li-colour-yellow{
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2NkYGD4z4AHMIIUfN0ZhFUJt/s6hqGjAJ83AfrrGgEP8LnCAAAAAElFTkSuQmCC");
}
.li-colour-blank{
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHElEQVQoU2NkYGD4z4AHMEIVgGhs4P+QUoDTowBBIQ4B9DEqpgAAAABJRU5ErkJggg==");
}
.li-colour-red{
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2NkYGD4z4AHMIIU3Azxx6pEfc1GhqGjAJ83AbCrGgEU/6FSAAAAAElFTkSuQmCC");
}
.li-colour-green{
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIUlEQVQoU2NkYGD4z4AHMIIUCLZyYVXyvvobw9BRgM+bADTrGgG9UkM2AAAAAElFTkSuQmCC");
}
button.dt-button:hover {
    background-color: #eae374 !important;
  }