#grinch img {
    -webkit-animation-name: grinchpeek;
    -webkit-animation-duration: 5s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 0s;
}
@-webkit-keyframes grinchpeek {
      0% {
      	left: 1655px;
      }
      80% {
          left: 1655px;
      }
      90% {
          left: 1626px;
    }
    100% {
         left: 1655px;
    }
}

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;
}


html{
		font-family: 'Quicksand', sans-serif !important;

		min-height:100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27185b+0,446aff+100 */

    background: url("bg2.png") no-repeat center bottom fixed;
	background-size: cover;
    
}

navbar {
	background-color:#00000085 !important;
	color:#fff !important;
}

canvas {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

body {
	color:#FFF;
	background-color:#00000085;
    background:none !important;
}

th {
    font-weight: 400 !important;
}

#instructions-step1-1{
	color: black;
	font-weight: bold;
	background-color:black;
	margin:1px;
	border-radius:0px;
}

.highlight {
    color: #32a0df;
}

/** Nav Bar CSS *// 
.navbar {
	  box-shadow: 2px 2px 3px #0000001f;
}	
ul.dropdown-menu {
    border-radius: 0;
    background-color: rgba(90, 182, 222, 0.8);
    color: #fff !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff  !important;
}


.jumbotron.h2,.jumbotron h2{
    color: #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

h3{
	font-weight:400;
}

.h2, h2{
    color: #00000069;
}

.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 {
    color: black !important;
}

.paginate_button {
    color: black !important;
}

.jumbotron h2 {
	color: #fff !important;
}
.jumbotron h3 {
	
    color: #fff !important;
}

.bg-primary {
    color: #fff !important;
    background-color: rgba(90, 182, 222, 0.85) !important;
    border-bottom: 1px solid #ffffff2e;
    border-radius: 0px !important;
}

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

.jumbotron {
    box-shadow: 2px 2px 3px #0000001f;
    background-color: rgba(255, 237, 55, 0.5) !important;
    border-radius: 0px !important;
}

.dataTables_processing{
	color: rgba(223, 95, 52, 0.7) !important ;
	font-weight: 700;
}

.btn-primary {
    color: #fff;
    background-color: rgba(90, 182, 222, 0.7);
    border: none;
}

.btn{
	border-radius:0px !important;
}

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

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

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

table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}
.dataTables_paginate  a{
	color:white;
}
.fg-toolbar{
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    box-shadow: 2px 2px 1px #0000002e;
    border-radius: 0px !important;
}

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

input{
	border-radius:0px !important;
}
select{
	border-radius:0px !important;
}

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

/**CSS for the module areas **/
.module-header, .page-settings h2,  .text-settings > .col > .border > .border-bottom > h4{
   background-color:;
}

.module-header, .page-settings h2 {
    background-color:#5ab6de;
    border: 0px solid #7d0000;
    color: #fff;
	border-radius:0px 0px 0 0 !important;
}

thead{
    background-color: rgba(63, 175, 75, 0.7);;
    border: 0px solid #7d0000;
    color:  #fff;
	border-radius:0px !important;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6bf !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9e8 !important;
}
table.dataTable tbody tr {
    background-color: #fffffff5 !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 0px solid #ddd;
}

.btn-primary:active, .btn-primary:hover, .btn-primary-focus, .btn-primary:focus {
    color: #fff;
    background-color: rgba(63, 175, 75, 0.7);;
    border: none;
}

button.dt-button, div.dt-button, a.dt-button {
    color: white;
    background-color: #281aa7 !important;
	border:none;
}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
    color: white;
    background-color: #5f1f54 !important;
	border:none !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: rgba(255, 121, 0,.8);
    border: none;
}

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

.textShadowSurround {
    text-shadow: 1px 1px 5px #000000, -1px -1px 4px black;
    color: white !important;
    font-weight: 400;
}

.text-muted{
	color: #3b9039 !important;
}
.module, .text-settings {
    color: #3b9039;
    background-color:#ffffffe8;
	border-radius:0px !important;
	 box-shadow: 2px 2px 3px #0000001f;
}

.bg-red{
    background-color:rgba(90, 182, 222, 0.7);
	color:#fff;
	border-radius:0px !important;
}

.bg-yellow{
    background-color:rgba(255, 174, 69, 0.7);
	color:#fff;
	border-radius:0px !important;

}
.bg-green{
    background-color:rgba(223, 95, 52, 0.7);
	color:#fff;
	border-radius:0px !important;

}
.bg-blue{
    background-color:rgba(63, 175, 75, 0.7);;
	color:#fff;
	border-radius:0px !important;

}

.bg-darker{
    background-color:rgba(63, 175, 75, 0.7);;
	color:#fff;

}

.bg-purple{
    background-color:rgb(157, 93, 189, 0.7); !important;
    color:#fff;
    border-radius:0px !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color:rgba(90, 182, 222, 0.7) !important;
	color:#fff !important;
}

.module h3{
	border-radius:0px 0px 0 0 !important;
	
}

.btn {
    border-radius: 0px;
    box-shadow: 0px 0px 4px #00000052;
    font-size: 1.4rem;
}

.btn-primary, .btn-primary:active, .btn-primary-focus, .btn-primary:focus {
    -webkit-box-shadow: 0px 0px 8px #0000001c;
    box-shadow: -1px -1px 4px #0000004a, 1px 1px 4px #00000045;
}

button.dt-button, div.dt-button, a.dt-button {
    color: white;
	-webkit-transition: all 1s; /* Safari */
	transition: all 1s;
    background-color: rgba(90, 182, 222, 0.7) !important;
    border: none;
}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
    color: white;
    background-color: rgba(63, 175, 75, 0.7); !important;
    border: none !important;
}



.ui-datepicker-calendar td a {
    color: #336339;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.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");
}

.img-fluid{
	border-radius:0px !important;
}

.jQUI .ui-widget-header {
    border: 1px solid #008bdb;
    background: rgba(63, 175, 75, 0.7);;
    color: #fff;
    font-weight: bold;
}

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

.option-to-feature{
filter: none !important;
}