@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css");
@import url("https://gomelb-dev1.its.unimelb.edu.au/static/canvas-theme/w3-mspace.css");
/* Tab styles ----------------------*/
.uom-mspace-tab {
     margin: 1%;
}
.uom-mspace-trigger {
     display: inline-block;
     list-style-type: none;
     background-color: #094183;
     padding: 10px;
     border-radius: 5px 5px 0px 0px;
     color: #fff;
     clear: both;
     cursor: pointer;
     margin-top: 1px;
}
.uom-mspace-trigger:hover {
     box-shadow: 0px 3px 0px orange inset;
}
.uom-mspace-tab-panel {
     background-color: #fff;
     border: 1px solid #357bcc;
     padding: 10px;
     border-radius: 0px 5px 5px 5px;
     line-height: 1.6em;
     word-spacing: 4px;
     overflow: hidden;
}
.uom-mspace-tab-selected {
     background-color: #357bcc;
     box-shadow: 0px 3px 0px #357bcc inset;
}
.uom-mspace-tab-selected:hover {
     background-color: #357bcc;
     box-shadow: 0px 3px 0px #357bcc inset;
     cursor: default;
}
/* End of Tab styles ----------------------*/
/* Accordion styles ----------------------*/
.uom-mspace-accordion {
     margin: 0;
     padding: 0;
     border-bottom: 1px solid #99a2aa;
}
.uom-mspace-accordion h3 {
     margin: 0;
     padding: 0;
}
.uom-mspace-accordion.focus {
     border-color: #99a2aa;
}
.uom-mspace-accordion>*+* {
     border-top: 1px solid #99a2aa;
}
.uom-mspace-accordion-trigger {
     background: none;
     color: #094183;
     display: block;
     font-size: 1em !important;
     font-weight: bold;
     margin: 0;
     padding: 1em 1.5em;
     position: relative;
     text-align: left;
     width: 100%;
     outline: none;
     font-size: 24px;
     cursor: pointer;
     clear: both;
     box-sizing: border-box;
}
.uom-mspace-accordion-trigger:focus,
.uom-mspace-accordion-trigger:hover {
     text-decoration: underline;
}
.uom-mspace-accordion *:first-child .uom-mspace-accordion-trigger {
     border-radius: 5px 5px 0 0;
}
.uom-mspace-accordion-title {
     display: block;
     pointer-events: none;
     border: transparent 2px solid;
     border-radius: 5px;
     padding: 0.25em;
     outline: none;
}
.uom-mspace-accordion-trigger:focus .uom-mspace-accordion-title {
     border-color: transparent;
}
.uom-mspace-accordion-trigger:before {
     font-size: 1.50em;
     left: 0.20em;
     margin-top: -.7em;
     content: "+";
     display: inline-block;
     position: absolute;
     text-align: left;
     text-decoration: none;
     top: 50%;
     transition: -webkit-transform .2s ease-in-out;
     transition: transform .2s ease-in-out;
}
.uom-mspace-accordion-trigger[aria-expanded="true"]:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.uom-mspace-accordion-panel {
     margin: 0;
     padding: 1em 1.5em;
     overflow: hidden;
}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.uom-mspace-accordion-panel[hidden] {
     display: none;
}
/* End of Accordion styles ----------------------*/
/* Citation styles ----------------------*/
/*.uom-mspace-container .uom-mspace-img-container .fullCitation, .uom-mspace-container .go-video .fullCitation, .uom-mspace-container table caption .fullCitation{
     font-size: 1em;
}
 .uom-mspace-container .fullCitation {
     display: none;
     text-indent: -2em;
     padding-left: 2em;
}
 .uom-mspace-container .showHideLinks {
     cursor: pointer;
}
 */
/* Table styles ----------------------*/
.uom-mspace-table,
.uom-mspace-table-alternative,
.uom-mspace-table-bordered,
.uom-mspace-table-alternative-column {
     width: 100%;
     text-align: left;
     border-collapse: collapse;
     margin-bottom: 5px;
}
.uom-mspace-table tr, .uom-mspace-table-alternative tr, .uom-mspace-table-alternative-column tr {
     border-bottom: 1px solid #dee2e6;
}
.uom-mspace-table th,
.uom-mspace-table td,
.uom-mspace-table-alternative td,
.uom-mspace-table-alternative th,
.uom-mspace-table-bordered td,
.uom-mspace-table-bordered th,
.uom-mspace-table-alternative-column td,
.uom-mspace-table-alternative-column th {
     padding: 8px !important;
}
.uom-mspace-table-bordered tr td,
.uom-mspace-table-bordered tr th {
     border: 1px solid #dee2e6;
}
.uom-mspace-table-alternative-column td:nth-child(even)
{
background-color: #adcdf0;
}
.uom-mspace-table-alternative tr:nth-child(odd) td {
     background-color: #adcdf0;
}
/* Video styles ----------------------*/
.uom-mspace-video {
     width: 100%;
     /* max-width: 800px;
     */
     /*TODO: Will we still limit video size??*/
     margin-bottom: 25px;
     margin-top: 25px;
     text-align: left;
     border-bottom: 1px solid #99a2aa;
}
.uom-mspace-video+* {
     clear: both;
}
.uom-mspace-video p {
     margin-top: 1%;
     font-size: 0.75em;
}
.uom-mspace-responsive-wrapper {
     position: relative;
     height: 0;
     overflow: hidden;
}
.uom-mspace-responsive-wrapper-16-09 {
     padding-bottom: 56.25%;
}
.uom-mspace-responsive-wrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.uom-mspace-transcript p {
     text-align: left;
     display: inline;
     font-size: small;
     margin-left: 1%;
}
/* textarea ----------------------*/
.uom-mspace-textarea {
     border: 1px solid gray;
     font: medium -moz-fixed;
     font: -webkit-small-control;
     min-height: 4em;
     overflow: auto;
     padding: 0.5em;
     resize: vertical;
     width: 100%;
     box-sizing: border-box;
     font-size: inherit;
}
/* custom styles ----------------------*/
.uom-mspace-emphasise {
     background-color: #adcdf0;
     padding: 1%;
     margin: 1em 0;
}
.uom-mspace-dev {
     background: yellow;
}
.uom-mspace-blockquote {
     margin: 0;
     margin-bottom: 30px;
}
.uom-mspace-blockquote p,
.uom-mspace-blockquote ul li {
     font-family: 'Noto Serif', serif;
     font-weight: normal;
     /* font-style: italic;*/
     color: #094183;
     font-size: 20px;
}
.uom-mspace-img-right {
     width: 30%;
     float: right;
     clear: right;
     margin: 0px 0px 15px 10px;
     padding: 0;
}
.uom-mspace-img-right img {
     max-width: 100% !important;
}
.uom-mspace-img-left {
     width: 30%;
     float: left;
     clear: left;
     margin: 0px 10px 15px 0px;
     padding: 0;
}
.uom-mspace-img-center {
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     width: 80%;
}
.uom-mspace-img-center img {
     max-width: 100% !important;
}
.uom-mspace-img-left img {
     max-width: 100% !important;
}
.uom-mspace-reveal {
     cursor: pointer;
}
.uom-mspace-hidden-content {
     /* display: none;
    */
}
.uom-mspace-button-primary {
     background-color: #025;
     padding: 0.5em 2em;
     color: #fff;
     margin: 2em 1.6% 2em 0;
     border: none;
     border-radius: 5px;
     font-size: 0.75em;
     display: inline-block;
}
.uom-mspace-button-disabled {
     background-color: #ccc;
     padding: 0.5em 2em;
     color: #fff;
     margin: 2em 1.6% 2em 0;
     border: none;
     border-radius: 5px;
     font-size: 0.75em;
     display: inline-block;
     cursor: default;
}
.uom-mspace-screenReader,
.uom-mspace-screenReader * {
     height: 0px !important;
     width: 0px !important;
     opacity: 0 !important;
     margin: 0px !important;
     padding: 0px !important;
     font-size: 0px !important;
     line-height: 0px !important;
}
.uom-mspace-citation {
     font-size: small;
}
.uom-mspace-border-box {
     border: 1px solid #094183;
     padding: 1em;
     margin: 1em 0;
}
.uom-mspace-hangingIndent {
     text-indent: -2em;
     padding-left: 2em;
}
.uom-mspace-add-border-radius {
     border-radius: 5px;
}
/*Latex equation*/
.equation_image {
    filter: invert(24%) sepia(35%) saturate(559%) hue-rotate(169deg) brightness(93%) contrast(89%);
}
/* End of custom styles ----------------------*/