/* ----------- */
/* ----------- */
a:link {
  color: #005597;
}

a:visited {
  color: #800080;
}

a:active {
  color: #DE1B5C;
}

hr {
  background-color: #18194F !important;
}

textarea, input, select, button {
  font-family: Calibri, sans-serif;
  color: black;
  font-size: 1em;
}

/* -- TABLE -- */
table.vertical td {
  border-color: #434343;
}

table.vertical.header thead tr:first-child th, table.vertical.footer tr:last-child td, table.full.header thead tr:first-child th, table.full.footer tr:last-child td {
  border-color: white;
}

table tr.shaded, table.glossary tr.shaded {
  background: #CCEBF2;
}

table.header.shaded thead tr:first-child, table.footer.shaded tr:last-child {
  background: #434343;
  color: white;
}

/* -- CHECKBOX & RADIO BUTTON -- */
input[type=checkbox] {
  position: relative;
  cursor: pointer;
}

input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 2px solid black;
  border-radius: 3px;
  background-color: white;
}

input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 4px;
  height: 10px;
  border: solid #DE1B5C;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px;
}

input[type=radio] {
  position: relative;
  width: 19px !important;
  height: 19px !important;
}

input[type=radio]:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 2px solid black;
  border-radius: 16px;
  background-color: white;
}

input[type=radio]:checked:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 2px solid #DE1B5C;
  background: #DE1B5C;
  border-radius: 6px;
}

/* -- DIALOG -- */
.ui-dialog.ui-draggable {
  border: none;
  background: #EBFBFF;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  -moz-box-shadow: 2px 2px 5px #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color="#888888");
}

.ui-dialog .ui-widget-header {
  background: none;
  background-color: #18194F;
  border: none;
  border-radius: 0;
}

.ui-dialog .ui-dialog-content {
  padding: 0 0.5em;
  margin: 0.5em 0;
}

.ui-dialog .ui-button.ui-dialog-titlebar-close {
  background-color: white;
  color: #18194F;
  right: -0.6em;
  top: auto;
}

.ui-dialog .ui-button.ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog .ui-button.ui-dialog-titlebar-close.ui-state-focus {
  background-color: white;
  color: #009BBD;
}

.ui-dialog .ui-button.ui-dialog-titlebar-close.ui-state-active {
  background-color: #E85F8D;
  color: white;
}

/* -- TOC DIALOG -- */
#menuHolder .ui-button,
#menuHolder .chapterItem {
  background: #009BBD;
  border: 2px solid #009BBD;
  color: white;
  border-radius: 6px;
}

#menuHolder .chapterItem a {
  color: white;
}

#menuHolder .chapterItem.ui-state-active {
  background: white;
  color: #009BBD;
  border-color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#menuHolder .chapterPageHolder {
  border-color: white;
}

#menuHolder .chapterItem.ui-state-active a {
  color: #009BBD;
}

#menuHolder .ui-button.ui-state-hover, #menuHolder .ui-button.ui-state-focus {
  color: white;
  background-color: #009BBD;
  border-color: #E85F8D;
}

#menuHolder .ui-button.ui-state-active {
  color: white;
  background-color: #E85F8D;
  border-color: #E85F8D;
}

#menuHolder .ui-button.current {
  background-color: #E85F8D;
  border-color: #E85F8D;
}

/* -- MEDIA ELEMENT -- */
.mejs-container .mejs-controls {
  background-color: white;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #333;
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: white;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #009BBD;
}

/*.panel1 {
	background-color: $rainbow1;
}*/
.panel2, .speech-bubble2 {
  background-color: #26A04A;
}

.panel3, .speech-bubble3 {
  background-color: #005597;
}

.panel4, .speech-bubble4 {
  background-color: #009BBD;
}

.panel5, .speech-bubble5 {
  background-color: #18194F;
}

.panel6, .speech-bubble6 {
  background-color: #DE1B5C;
}

.highlight1, .highlight2, .highlight3, .highlight4, .highlight5, .highlight6 {
  background-color: #EBFBFF;
}

.highlight2 {
  border-color: #26A04A;
}

.highlight3 {
  border-color: #005597;
}

.highlight4 {
  border-color: #009BBD;
}

.highlight5 {
  border-color: #18194F;
}

.highlight6 {
  border-color: #DE1B5C;
}

/* -- MAIN INTERFACE STYLES -- */
body {
  font-family: Calibri, sans-serif;
  color: black;
  background-color: white;
}

#x_mainHolder {
  background-color: #CCEBF2;
  border-color: #009BBD;
}

/* -- HEADER -- */
#x_headerBlock {
  background: none;
  background-color: #009BBD;
  color: white;
}

#x_headerBlock .x_icon {
  margin: -1px 0 0 -1px;
  padding: 0 1em 0 0;
}

#x_mainHolder #x_headerBlock .x_icon {
  display: none !important;
}

#x_mainHolder.x_title_page #x_headerBlock .x_icon, #x_mainHolder.x_orient_page #x_headerBlock .x_icon {
  display: inline !important;
}

#x_headerBlock #x_pageIntroBtn {
  color: white;
}

#x_headerBlock #x_pageIntroBtn.pageIntroBg {
  color: #009BBD;
  background-color: white;
}

#x_headerBlock #x_pageIntroBtn.ui-button.ui-state-hover, #x_headerBlock #x_pageIntroBtn.ui-button.ui-state-focus, #x_headerBlock #x_pageIntroBtn.ui-state-active {
  color: #CCEBF2;
}

#x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-button.ui-state-hover, #x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-button.ui-state-focus, #x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-state-active {
  color: #009BBD;
  background-color: #CCEBF2;
}

/* -- FOOTER -- */
#x_footerBlock {
  background: #009BBD;
  color: white;
}

#x_footerBg {
  background-image: none;
}

/* progress bar */
#x_footerBlock .pbTxt {
  font-size: 1.3em;
  font-weight: bold;
}

#x_footerBlock .pbBar {
  background-color: #005597;
}

#x_footerBlock .pbContainer {
  background-color: white;
}

#x_headerProgress .pbContainer {
  background-color: white;
  border: none;
}

#x_headerProgress .pbBar {
  background-color: #18194F;
}

#x_headerProgress .progressMarker {
  border-color: white;
  background-color: #009BBD;
}

#x_headerProgress .progressMarker.complete {
  border-color: #18194F;
}

#x_pageNo {
  padding-top: 9px;
  font-size: 1.3em;
  font-weight: bold;
  background-color: transparent;
}

/* -- page resource button & lightbox (might be on side bar instead of header bar) -- */
#x_pageResourcesBtn {
  background: none;
  color: white;
  border-color: white;
}

#x_pageResourcesBtn:hover, #x_pageResourcesBtn:focus, #x_pageResourcesBtn:active {
  color: #CCEBF2;
}

#x_pageResourcesBtn.ui-button-icon-only {
  background: none;
  color: white;
  border: 0;
}

#x_pageResourcesBtn.ui-button-icon-only:hover, #x_pageResourcesBtn.ui-button-icon-only:focus, #x_pageResourcesBtn.ui-button-icon-only:active {
  color: #CCEBF2;
}

#x_pageResourcesBtn .resourceNumber {
  background: #18194F;
  color: white;
}

/* -- FOOTER BUTTONS -- */
.ui-button .ui-icon.x_help,
.ui-button .ui-icon.x_info,
.ui-button .ui-icon.x_home,
.ui-button .ui-icon.x_glossary,
.ui-button .ui-icon.x_maximise,
.ui-button .ui-icon.x_minimise,
.ui-button .ui-icon.x_media,
.ui-button .ui-icon.x_next,
.ui-button .ui-icon.x_prev,
.ui-button .ui-icon.x_prev_hist,
.ui-button .ui-icon.x_colourChanger,
.ui-button .ui-icon.x_projectIntro {
  background-image: none;
}

#x_nextBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f138";
}

#x_prevBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f137";
}

#x_cssBtn.x_minimise:not(.customIconBtn) .ui-icon:before {
  content: "\f066";
}

#x_cssBtn.x_maximise:not(.customIconBtn) .ui-icon:before {
  content: "\f065";
}

#x_colourChangerBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f06e";
}

#x_mediaBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f16a";
}

#x_glossaryBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f02d";
}

#x_helpBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f128";
}

#x_menuBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f0c9";
}

#x_saveSessionBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f0c7";
}

#x_introBtn:not(.customIconBtn) .ui-icon:before {
  content: "\f129";
}

#x_footerBlock button {
  color: white;
}

#x_footerBlock button.ui-state-hover {
  color: #CCEBF2;
}

#x_footerBlock button.ui-state-focus {
  color: #CCEBF2;
}

#x_footerBlock button.ui-state-active {
  color: #CCEBF2;
}

#x_footerBlock button {
  font-family: "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
  font-size: 1.9em;
  width: 1.5em;
  padding-right: 0;
  margin-left: 5px;
}

#x_footerBlock button.ui-button-text {
  display: none;
}

#x_footerBlock .x_floatLeft button, #x_footerBlock .x_floatRight button {
  padding: 0;
}

#x_footerChevron {
  color: white;
}

#x_footerChevron:hover {
  color: #CCEBF2;
}

.panel {
  background-color: #EBFBFF;
  border: 1px solid #EBFBFF;
  border-radius: 10px;
}

.focusBorder {
  border-color: #DE1B5C;
}

.x_tooltip {
  background: #18194F;
  color: white;
}

/* -- JQUERY UI -- */
.ui-draggable {
  border-radius: 0px;
}

.panel.ui-draggable {
  background-color: white;
  border: 2px solid white;
}

#x_pageHolder .ui-button,
.ui-dialog .ui-button,
.featherlight-content .ui-button {
  background: none;
  background-color: #434343;
  border-color: #434343;
  color: white;
  font-weight: bold;
  border-radius: 6px;
}

#x_pageHolder .ui-button.ui-state-hover, #x_pageHolder .ui-button.ui-state-focus,
.ui-dialog .ui-button.ui-state-hover, .ui-dialog .ui-button.ui-state-focus,
.featherlight-content .ui-button.ui-state-hover, .featherlight-content .ui-button.ui-state-focus {
  color: white;
  background-color: #666666;
  border-color: #666666;
}

#x_pageHolder .ui-button.ui-state-active,
.ui-dialog .ui-button.ui-state-active,
.featherlight-content .ui-dialog .ui-button.ui-state-active {
  color: white;
  background-color: #E85F8D;
}

#x_pageHolder .ui-accordion {
  -moz-box-shadow: 2px 2px 5px #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color="#888888");
  border-radius: 10px;
}

#x_pageHolder .ui-accordion .ui-accordion-content {
  background: none;
  background-color: #EBFBFF;
  border: 1px solid #EBFBFF;
  border-radius: 0px;
  margin-bottom: 1px;
}

#x_pageHolder .ui-accordion .ui-accordion-content:last-of-type {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#x_pageHolder .ui-accordion .ui-accordion-header {
  color: white;
  background: none;
  background-color: #434343;
  border-color: #434343;
  margin-top: -1px;
  border-radius: 0px;
}

#x_pageHolder .ui-accordion .ui-accordion-header:first-of-type {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-color: #CCEBF2;
}

#x_pageHolder .ui-accordion .ui-accordion-header:last-of-type {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#x_pageHolder .ui-accordion .ui-accordion-header:not(:first-of-type) {
  border-top-color: #CCEBF2;
}

#x_pageHolder .ui-accordion .ui-accordion-header:last-of-type.ui-state-active {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

#x_pageHolder .ui-accordion-header.ui-state-focus, #x_pageHolder .ui-accordion-header.ui-state-hover {
  background-color: #666666;
  border-color: #666666;
}

#x_pageHolder .ui-accordion-header.ui-state-active {
  background-color: #E85F8D;
  border-color: #E85F8D;
}

#x_pageHolder .ui-accordion-header.ui-state-active a, #x_pageHolder .ui-accordion-header.ui-state-active a:link, #x_pageHolder .ui-accordion-header.ui-state-active a:visited, #x_pageHolder .ui-accordion-header.ui-state-default a, #x_pageHolder .ui-accordion-header.ui-state-default a:link, #x_pageHolder .ui-accordion-header.ui-state-default a:visited {
  color: white;
}

#x_pageHolder .ui-tabs .ui-tabs-nav {
  padding-right: 10px;
  padding-left: 10px;
}

#x_pageHolder .ui-tabs, #x_pageHolder .ui-tabs-nav {
  border: none;
  background: none;
}

#x_pageHolder .ui-tabs li.ui-state-default {
  background: #434343;
  border: #434343;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-box-shadow: 2px 2px 5px #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color="#888888");
}

#x_pageHolder .ui-tabs li.ui-state-hover, #x_pageHolder .ui-tabs li.ui-state-focus {
  background: #666666;
}

#x_pageHolder .ui-tabs li.ui-state-default a {
  color: white;
}

#x_pageHolder .ui-tabs li.ui-tabs-active {
  background: #E85F8D;
  border: #E85F8D;
  border-bottom: 0px !important;
}

#x_pageHolder .ui-tabs > div, #x_pageHolder .ui-tabs > div.ui-tabs-panel {
  background: #EBFBFF;
  border: 1px solid #EBFBFF;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 5px #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color="#888888");
}

/* -- TITLE PAGE -- */
.x_title_page #pageContents {
  width: auto;
  padding: 0.5em;
  background-color: #18194F;
  color: white;
}

/* -- ORIENTATION PAGE -- */
.x_orient_page .orientGroup:first-of-type {
  margin-right: 201px;
}

.x_orient_page .orientGroup:nth-of-type(2) {
  margin-right: 150px;
}

/* -- TITLE & ORIENTATION PAGE STRIPE -- */
.x_title_page #x_background, .x_title_page #x_headerBlock,
.x_orient_page #x_background, .x_orient_page #x_headerBlock {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='true' viewBox='0 0 300 300'><path d='M0 0 L30 0 L300 270 L300 300 Z' style='fill:%2318194F;' /><path d='M30 0 L60 0 L300 240 L300 270 Z' style='fill:%23DE1B5C;' /><path d='M60 0 L90 0 L300 210 L300 240 Z' style='fill:%23005597;' /><path d='M90 0 L120 0 L300 180 L300 210 Z' style='fill:%23009BBD;' /><path d='M120 0 L150 0 L300 150 L300 180 Z' style='fill:%2326A04A;' /></svg>");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 300px 300px;
  margin-top: 0 !important;
}

.x_title_page #x_headerBlock, .x_orient_page #x_headerBlock {
  background-color: #009BBD;
}

/* -- IMAGE VIEWER PAGE -- */
.x_imageViewer_page #controlPanel .ui-button {
  background-color: white;
  border-color: white;
}

/* -- MULTIPLE PERSPECTIVES PAGE -- */
.x_perspectives_page #nextBtn, .x_perspectives_page #prevBtn, .x_flashCards_page #cardCtrls .btnHolder button, .x_flashCards_page #cardCtrls .btnHolder button {
  background: none;
  color: #434343;
}

.x_perspectives_page .thumbBox.border {
  border-color: #18194F;
}

.x_perspectives_page #thumbHolder .thumbBox.border.selected {
  border-color: #DE1B5C;
}

.x_perspectives_page #nextBtn.ui-state-hover, .x_perspectives_page #prevBtn.ui-state-hover,
.x_perspectives_page #nextBtn.ui-state-focus, .x_perspectives_page #prevBtn.ui-state-focus,
.x_perspectives_page #mainInfoHolder #gridBack:hover, .x_perspectives_page #mainInfoHolder #gridBack:focus,
.x_flashCards_page #cardCtrls .btnHolder #nextBtn.ui-state-hover, .x_flashCards_page #cardCtrls .btnHolder #prevBtn.ui-state-hover,
.x_flashCards_page #cardCtrls .btnHolder #nextBtn.ui-state-focus, .x_flashCards_page #cardCtrls .btnHolder #prevBtn.ui-state-focus {
  background: none;
  color: #666666;
}

.x_perspectives_page #nextBtn.ui-state-active, .x_perspectives_page #prevBtn.ui-state-active,
.x_perspectives_page #mainInfoHolder #gridBack:active,
.x_flashCards_page #cardCtrls .btnHolder #nextBtn.ui-state-active, .x_flashCards_page #cardCtrls .btnHolder #prevBtn.ui-state-active {
  background: none;
  color: #E85F8D;
}

/* -- NAVIGATORS -- */
.x_nav_page #pageContents.button button.selected,
.x_buttonNav_page #x_pageHolder .panelBtnLabel.ui-state-active {
  background-color: #E85F8D;
  border-color: #E85F8D;
}

.x_nav_page #pageContents.slide #slideTxt {
  padding-bottom: 0px;
}

.x_buttonNav_page #x_pageHolder .panelBtnLabel {
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
}

.x_buttonNav_page #x_pageHolder .panelBtnLabel:first-of-type {
  margin-left: 0px;
}

/* -- GAP FILL & OTHER DRAGGABLE LABELS -- */
.x_gapFill_page #labelHolder .label.focus,
.x_timeline_page #dragDropHolder .label.focus,
.x_textMatch_page #dragDropHolder .label.focus,
.x_grid_page #grid li.focus,
.x_grid_page #grid ul.preview li,
.x_categories_page #dragDropHolder .label.focus,
.x_dragDropLabel_page #labelHolder .label.focus {
  border-color: #DE1B5C;
}

.x_gapFill_page #labelHolder .label.selected,
.x_timeline_page #dragDropHolder .label.selected,
.x_textMatch_page #dragDropHolder .label.selected,
.x_grid_page #grid li.selected,
.x_categories_page #dragDropHolder .label.selected,
.x_dragDropLabel_page #labelHolder .label.selected {
  border-color: #18194F;
}

/* -- THUMBNAIL VIEWER -- */
/* these thumbnail styles should really be in css of page rather than in this specific theme */
.x_thumbnailViewer_page #thumbBar {
  background: none;
}

.x_thumbnailViewer_page #thumbHolder .thumbBox {
  margin: 5px;
  padding: 3px;
  background: white;
  border: 1px solid #434343;
}

.x_thumbnailViewer_page #panelTxt div {
  background: #18194F;
}

.x_thumbnailViewer_page #thumbOverlayLeft,
.x_thumbnailViewer_page #thumbOverlayRight {
  background: #CCEBF2;
}

.x_thumbnailViewer_page #thumbBar button {
  color: #434343;
  background: none;
}

.x_thumbnailViewer_page #thumbBar button.ui-state-hover,
.x_thumbnailViewer_page #thumbBar button.ui-state-focus,
.x_thumbnailViewer_page #thumbBar button.ui-state-active {
  color: #666666;
  background: none;
}

/* -- CATEGORIES -- */
.x_categories_page #dragDropHolder li.panel {
  border-radius: 0px;
}

/* -- ROUNDED AUDIO BAR ON PANELS -- */
.x_textGraphics_page #pageAudio .mejs-container, .x_textGraphics_page #pageAudio .mejs-container .mejs-controls,
.x_bleedingImage_page .panel #pageAudio .mejs-container, .x_bleedingImage_page .panel #pageAudio .mejs-container .mejs-controls,
.x_audioSlideshow_page #pageAudio .mejs-container, .x_audioSlideshow_page #pageAudio .mejs-container .mejs-controls,
.x_transcriptReader_page #pageAudio .mejs-container, .x_transcriptReader_page #pageAudio .mejs-container .mejs-controls,
.x_perspectives_page #pageAudio .mejs-container, .x_perspectives_page #pageAudio .mejs-container .mejs-controls {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.x_transcriptReader_page #pageAudio:first-child .mejs-container, .x_transcriptReader_page #pageAudio:first-child .mejs-container .mejs-controls {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* -- IMAGE SEQUENCE -- */
.x_imageSequence_page .sliderBar .ui-slider-handle:focus, .x_imageSequence_page .sliderBar .ui-slider-handle:hover {
  border-color: #434343 !important;
  background: white !important;
}

/*# sourceMappingURL=uon_sas.css.map */