:root {
	--smfull: 14rem;
	--smicon: 3rem;
	--errorbackground: #FFC5C5;
	--validbackground: #B2FFB2;
	--errorforeground: red;
	--validforeground: green;
	--fliconfull: 8.8rem;
	--flicononly: 45px;
}
header {
	width: 1000px;
}
.hidden {
    display: none;
}
.fpimage {
    max-width: 15rem;
    margin: 1rem;
}
.no-vis {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.show-me {
    opacity: 1;
}
.omffooter {
	/*position: absolute; */
	height: auto;
	/*width: 90%; */
	padding-bottom: 6px;
	padding-top: 10px;
}
#SafeText {
	font-size: x-small;
	font-family: "Myriad Pro", Arial, sans-serif;
	padding-right: 1rem;
}
#RegCharity {
	font-size: x-small;
	font-family: "Myriad Pro", Arial, sans-serif;
}
#hideside, #notext {
	width: 30px;
	background: none;
	height: 30px;
	border-color: rgba(0,0,0,.1);
	color: rgba(0,0,0,.55);
	border-width: 1px;
	border-radius: .25rem;
	
}
#OMFLogIn {
	visibility: hidden;
}
.input-group > input {
    border: none!important;
}
.no-margin {
	margin: 0px
}
.no-padding {
	padding: 0px
}
.OMFBody{
	padding-top: 20%
}
.omf-sideitem {
	overflow: hidden;
	white-space: nowrap
}
.sidebar-title {
	padding-left: 1rem;
}
.navtop {
    background-image: url("images/NewBannerMainMiddleColour.png");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}
.elessar-handle {
  display: block;
  background: black;
  height: 100%;
  width: 5px;
  cursor: ew-resize;
  position: absolute;
  top: 0;
  bottom: 0;
}

@media (max-width: 579.8px){
  .OMFBody{
      /*padding-top: calc((100vw * 50 * 445)/(3050 * 100) + .5rem);*/
	  padding-top: calc(((100vw - 10rem) * 445 /3050) + 1.5rem);
  }
  .navtop {
	background-size: calc(100vw - 12rem);
  }
  nav > .container-fluid {
      /*padding-top: calc((100vw * 70 * 445)/(3050 * 100));*/
  }
  #page-content-wrapper .container-fluid .text-center {
  }
}
@media (min-width: 580px) and (max-width: 991.8px){
  .OMFBody{
      /*padding-top: calc((100vw * 50 * 445)/(3050 * 100) + .5rem);*/
	  /*padding-top: calc((100vw - 10rem) * 445 /3050); */
	  padding-top: 5rem;
  }
  .navtop {
	background-size: auto 3.6rem;
  }
  nav > .container-fluid {
      /*padding-top: calc((100vw * 70 * 445)/(3050 * 100));*/
  }
  #page-content-wrapper .container-fluid .text-center {
  }
}

@media (min-width: 992px) {
	.OMFBody {
		padding-top:  calc((100vw * 40 * 445)/(3050 * 100) + 4rem);
	}
	.navtop {
		background-size: 40%;
	}
	.navtop > .container-fluid {
      padding-top: calc((100vw * 40 * 445)/(3050 * 100));
  	}
}
.pwfield {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.pwfield input {
    flex:auto;
}
.FirstPara {
	padding-top: 5px;
	text-align: justify
	
}
.GridHeader {
	text-align: center;
	background-color: #B7B7B7;
}
#wrapper {
	display: flex;
	flex-wrap: nowrap;
}
#sidebar-wrapper {
	padding-top: 5px;
}
.sidebar-icon i {
	width: 1rem;
}

main {
	width: 100%;
}
.OMFhide {
    display: none;
}

@media (min-width: 992px) {
	#sidebar-wrapper {
		width: var(--smfull);
		-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
	#sidebar.icononly {
		width: var(--smicon);
		-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
	.sidebartoggled {
        margin-left: calc(-1rem - var(--smfull));
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
	main {
		margin-left: calc(var(--smfull) + 1rem);
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	main.icononly {
		margin-left: calc(var(--smicon) + 1rem);
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	.sponsorcard {
		width: 25rem;
	}
}
@media (max-width: 991.98px) {
	#sidebar-wrapper {
		width: var(--smicon);
		-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
	main {
		margin-left: calc(var(--smicon) + 1rem);
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	.sidebartoggled {
        margin-left: calc(-1rem - var(--smicon));
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
	.sponsorcard {
		max-width: 20rem;
	}
}
.sidewraptoggled main {
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* #wrapper {
    padding-top: 5px;
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

@media (min-width: 992px) {
	#wrapper {
        padding-left: 200px;
		-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
    }
	.sidewraptoggled {
		margin-left: -200px;
	  	-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
	#wrapper #sidebar-wrapper {
        width: 225px;
    }
	.sidebartoggled {
		transform: translateX(-250px);
	  	-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
}

#sidebar-wrapper {
    border-right: 1px solid #F8F8F8;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 225px;
    width: 0;
    height: 100%;
    margin-left: -225px;
    overflow-y: auto;
    background: #F8F8F8;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#sidebar-wrapper .sidebar a .sidebar-icon {
    width: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 2px;
    display: inline-block;
    text-indent: 7px;
    margin-right: 10px;
    float: left;
} 

@media (max-width: 992px) {
    #wrapper #sidebar-wrapper {
        width: 45px;
    }
	#wrapper {
        padding-left: 40px;
		-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
    }
	.sidewraptoggled {
		margin-left: -40px;
	  	-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
	.sidebartoggled {
		transform: translateX(-50px);
	  	-webkit-transition: all 0.5s ease;
	  	-moz-transition: all 0.5s ease;
	  	-o-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
	}
} */

nav {
	background-image: url("images/NewBannerMainMiddleColour.png");
	background-size: 40% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	width: 100%;
}

.nav-item a:hover,
.nav.navbar-nav .active a:hover,
.navbar-nav .dropdown.open .dropdown-menu > li a:hover,
.navbar-nav .dropdown.open .dropdown-menu > .active > a:hover, 
.sidebar-nav li a:hover,
.sidebar-nav .active a:hover {
	color: #1536CD;
	background-color: #DCDCDC;
}

.nav-item.active,
.navbar-nav .dropdown.open .dropdown-menu > .active > a,
.sidebar-nav li.active a {
	background-color: #B1B1B1;
	color: #4CA0D5;
}
.pwstrength_viewport_progress {
	margin-top: 1em;
	margin-bottom: 1em;
}
.SectionHeader {
	text-align: center;
	background: #d0d0d0;
}
#ContactDetails p {
    margin-top: 1rem;
}
.countflex {
	display: flex;
	align-items: center;
	flex-basis: auto;
	vertical-align: middle;
    justify-content: center;
	flex-wrap: wrap;
}
.countflex .cdtext {
	margin-top: 2rem;
	font-weight: bold;
	font-size: larger;
}
.sponsorcard {
	background-color: white;
	height: 100%;
	border-bottom-color: lightgrey;
	border-width: thick;
}
.venuecard {
	max-width: 30rem;
}
.venuecard .GenBoxHeader {
	margin-top: 1rem;
}
.venuetext {
	height: 10rem;
	display: flex;
	align-items: center;
}
.venuemap {
	height: 22rem;
	display: flex;
	align-items: center;
}
.gmap iframe{
	max-width: 100%;
	height: 100%;
}
.sponsorthumb {
	max-width: 15rem;
	margin: auto;
}
.Syllabus {
	display:none;
}
.nfrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: .2rem;
    margin-bottom: .2rem;
}
p.Adj-Para {
	font-size: medium;
	font-family: "Myriad Pro", Arial, sans-serif;
	text-align: justify;
	text-align-last: left;
	text-decoration: none;
	text-indent: 2%;
	text-transform: none;
	widows: 1;
	color: #6B6B6B;
}
p.AdjFirstPara {
	font-size: medium;
	font-family: "Myriad Pro", Arial, sans-serif;
	text-align: justify;
	text-align-last: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	widows: 1;
	color: #6B6B6B;
}
.accordian-header {
	text-align: center
}
.AdjImg {
	vertical-align: middle;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
p.ClassHeadSect1 {
	background-color:#e6e6e6;
	color: #6B6B6B;
	font-family:"Myriad Pro Light", sans-serif;
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	line-height:1.1;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent: -2em;
	text-transform:none;
	widows:1;
	padding-top: 5px;
	padding-left: 2em;
}
span.ClassPlus {
	font-size: small;
	font-style:normal;
	font-weight:normal;
	color: #6B6B6B;
}
span.OMFClassNo {
	display: inline-block;
	width: 3em;
	padding-left: 2em;
}
p.Age {
	color: #6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0;
	margin-left:3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
p.Section1Adjudicator {
	-epub-hyphens:none;
	color:#6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size:Medium;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:0;
	margin-left: 3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
span.EmphasisRed, div.EmphasisRed{
	font-weight: bolder;
	color: #D41316;
}
span.EmphasisUpper {
	text-transform: uppercase;
}
span.EmphasisBold{
	font-weight: bold; 
}
span.Italic {
	font-style: italic;
}
p.emphasize {
    font-size: larger;
    color: #FF0004;
}
.ClassBody {
	-epub-hyphens:none;
	color:#6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size: medium;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0;
	margin-left: 3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
.ClassFeeSect1 {
	-epub-hyphens:none;
	color:#6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0;
	margin-left: 3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
.Award {
	-epub-hyphens:none;
	color:#6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size:medium;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0;
	margin-left: 3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
.Footnote {
	color: #253E9E
}
.RulesHead {
	background-color: #e6e6e6;
	color:#6B6B6B;
	font-family:"Hypatia Sans Pro", sans-serif;
	font-weight:normal;
	font-size:medium;
	text-align: center;
	margin-bottom:10px;
	margin-top: 10px;
	margin-left: -2em
}
.Superscript {
  vertical-align: super;
  font-size: x-small;
  line-height: normal;
}
.Rule{
	text-align: justify;
	padding-bottom: 5px;
}
#NoPhoto {
	float: right;
	clear: none;
	top: auto;
	max-width: 80px;
}
.CupLeft {
	text-align: right;
	font-size: small;
	font-weight: bold;
}
.CupCentre{
	text-align: center;
	font-size: small;
}
.CupRight{
	text-align: left;
	font-size: small;
}
.ClassBox {
	outline-style: dotted;
	outline-offset: 2px;
	outline-color: #472BD3;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #BEE4EC;
}
.OMFAccHead {
		color: #1F1F1F;
		font-family:"Hypatia Sans Pro", sans-serif;
		font-size: x-large;
		font-weight: bolder;
		text-align: center;
		background-color: lightgrey;
		margin-bottom: .3rem;
}
.OMFAccHead a {
	text-decoration: none;
	color: black;
}
.SubSectionHead {
		background-color:#BFD8FF;
		color: #2C2C2C;
		font-family:"Hypatia Sans Pro", sans-serif;
		font-size:medium;
		font-weight: bolder;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
}
.SubSectionType {
		background-color:#71a9ff;
		color: #2C2C2C;
		font-family:"Hypatia Sans Pro", sans-serif;
		font-size:medium;
		font-weight: bolder;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
}
.SubSectionDetail{
		color: #6B6B6B;
		font-family:"Hypatia Sans Pro", sans-serif;
		font-size:medium;
		text-align: left;
		margin-top: 2px;
		margin-bottom: 5px;
}
.SubSectionList {
	padding-left: 2em;
}
p.ClassHead {
	background-color:#e6e6e6;
	color: #6B6B6B;
	font-family:"Myriad Pro Light", sans-serif;
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	line-height:1.1;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:-2em;
	text-transform:none;
	widows:1;
	padding-top: 5px;
	tab-size:2em;
	padding-left:2em;
}
p.ClassFee {
	-epub-hyphens:none;
	color: #6B6B6B;
	font-family:"Myriad Pro", sans-serif;
	font-size:medium;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0px;
	margin-left: 3em;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:justify;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
	display: flex;
	justify-content: space-between;
}
.Publisher {
	font-style: italic;
}
.Fee {
	font-weight: bold;
/*	text-align: right;
	float:right;*/
}
.CenteredAward {
	text-align: center;
	font-style:italic;
	font-size: medium;
}
.BoxedMessage {
	text-align: center;
	outline-style: dotted;
	outline-offset: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 50%;
}
.UnBoxedMessage {
	text-align: center;
	outline-offset: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 50%;
}
.TTDayDate {
	font-family:"Hypatia Sans Pro", sans-serif;
	text-align: center;
	font-weight: bolder;
	background-color:#e6e6e6;
	color: #6B6B6B;
	margin: 0px
}
.TTBox{
	background-color:#71a9ff;
	padding-top: 1rem;
	padding-bottom: 1rem
}
.TTRow {
	background: #BEE4EC;
	margin-left: inherit;
	margin-right: inherit;
	margin-bottom: 1em;
}
.TTSections {
	font-size: large;
		color:#6B6B6B;
}
.TTAdjudicators{
	font-size: large;
	color:#6B6B6B;
}
.TTAdjList {
	font-size: large;
	color:#6B6B6B;
	font-style: italic;
}
.TTText {
	color: #484848;
	font-size: large;
}
.cls-1 {
	fill: #d3d3d3;
	opacity: 0.3
}
.cls-1:hover {
	fill: #404080;
	opacity: 0.3
}
.svgWrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 140%;
	vertical-align: middle
}
.svgWrapper svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}
.Donation-modalbody .OMF-modalbody {
	background: white;
}
.Donation-modalcontent .OMF-modalcontent {
	background-color: white;
	font-family:"Myriad Pro", sans-serif;
	font-size:medium;
}
.Donation-modaltitle .OMF-modaltitle {
	font-family:"Hypatia Sans Pro", sans-serif;
	text-align: center;
	font-weight: bolder;
	background-color: white;
	color: black;
}
.Donation-modalfooter .OMF-modalfooter {
	background-color: white;
	margin-top: 2em;
}
.clickable {
	cursor: pointer;
}
.GenBox {
	background: #71a9ff;
	border: #71a9ff;
	border-style: solid;
	border-width: medium;
	}
.GenBoxHeader {
	font-family:"Hypatia Sans Pro", sans-serif;
	text-align: center;
	font-weight: bolder;
	background-color:#e6e6e6;
	color: #6B6B6B;
}
.GenBoxBody {
	background: #BEE4EC;
	margin-left: inherit;
	margin-right: inherit;
	margin-bottom: 1em;
	margin-top: 1em;
}

.Gencol-centered {
  margin-top: 1em;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 50%;
}
.HeadRowCentered {
	display: block;
	margin-right: auto;
	margin-left: auto;
  	max-width: 50%;
	vertical-align: middle;
	text-align: center;
}
.OMF-form-wrapper {
	border-color: #71a9ff;
	border-style: solid;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.FullName {
	margin-bottom: 1em;
}
.AddressLine {
	margin-bottom: 1em;
}


#FormAddressBlock {
	padding-top: 1em;
	padding-bottom: 2em;
}
#FormNameBlock {
	padding-top: 1em;
}
#DonationBlock {
	padding-top: 1em;
}
.OmfButton, .OmfButtonDemo {
	background: var(--validbackground);
	color: var(--validforeground);
	border: none;
    border-radius: .5rem;
    margin-top: .5rem;
}
.OmfButton:hover {
	color: #1536CD;
	background-color: #DCDCDC;
}
.OmfButton:active {
	background-color: #B1B1B1;
	color: black;
}
.OmfButton:disabled {
	background-color: var(--errorbackground);
	color: var(--errorforeground);
}
.OmfButton.omfbuttoncollapse span {
	display: none;
}
.flButton {
	background: none;
	color: var(--validforeground)!important;
	border: none;
}
.flButton:hover {
	color: #1536CD!important;
	background-color: #9BBBE7!important;
}
.flButton:active {
	background-color: none;
	color: blue;
}
.flButton:disabled {
	pointer-events: none;
	color: #EBA1A2!important;
}
.radioLabel {
	font-size: small;
	background-color: transparent;
	color: inherit;
}
.BPName {
	line-height: 75%;
}
.BPAdd {
	line-height: 75%;
}
.SafeBullet li {
	margin-left: 4%;
	text-align: left;
}
.NewsLogo {
	max-height: 90px;
}
.OMFNewsItemBody {
	padding-top: 1em;	
}
.NewsItemHeadline {
	font-family: "Hypatia Sans Pro", "Lucida Sans", "Myriad Pro", Arial, "sans-serif";
	font-size: xx-large;
	text-align: center;
	font-weight: bold;
	margin-top: 0 auto;
}
.NewsHeadlineBox {
	margin-top: 1em;
}
.NewsNav {
	background: white;
}
#nbanner {
	background-color: lightgrey;
}
#NewsToggle {
	font-size: large;
	background-color: lightgrey;
	text-align: center;
}
#NewsToggle span {
	display:none;
}
.niopen #nicloseBt {
	display:block;
}
.niclosed #niopenBt {
	display: block;
}
#newswindow {
	border-color: lightgrey;
	border-style: solid;
	border-width: 0px 2rem 2rem 2rem;
	display:none;
	overflow-x: hidden;
}
.slick-prev:before, .slick-next:before{
    color: black;
}
.dropcaps {
  margin: 0.0em 0 -0.02em 0;
  padding: 0 0.065em 0 0;
  font-size: 300%;
  line-height: 0.85em;
  float: left;
}
.figure-caption {
	font-family:"Myriad Pro", Arial, "sans-serif";
	font-weight: bold;
}
.NewsPanel {
	flex-basis: 50%;
	border: none;
	background: lightgray;
	font-size: medium;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
}
.NewsHeader {
	border: none;
	background: lightgray;
	font-size: x-large;
	text-align: center;
	font-weight: bold;
}
.NewsFooter {
	border: none;
	background: lightgray;
	text-align: center;
  	vertical-align: bottom;
  	float: none;
 }
.NewsHeadline {
	background-color: lightgray;
}
.NewsHeadline {
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.newsnavbar {
	background: white;
	padding-top: .5em;
}
.newsnav {
	padding-bottom: .5em;
}
.NewsItemBody {
	padding-top: 3.5em;
}
.MainHeadline {
	background: #d0d0d0;
}
.GalleryThumb {
	margin-left: .2em;
	margin-right: .2em;
} 
.GalleryPic {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#Winners td {
	padding-right: .5em;
	padding-left: .5em;
	background: #DFDFDF;
	border-top: thin solid white;
}
.WinnerThumb {
	margin-left: .2em;
	margin-right: .2em;
}
.WinnerPic {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#AwardsList th {
	text-align: center;
	font-weight: bolder;
	background: #71a9ff;
	color: black;
}
#AwardsList td {
	padding-right: .5em;
	padding-left: .5em;
	background: #DFDFDF;
	border-top: thin solid white;
}
#MarkCategories th {
	text-align: center;
	font-weight: bolder;
	background: #71a9ff;
	color: black;
}
#MarkCategories td {
	padding-right: .5em;
	padding-left: .5em;
	background: #DFDFDF;
	border-top: thin solid white;
}
.friendflex {
	display: flex;
	justify-content: space-between;
    align-items: center;
	align-content: center;
}
.friendimageleft {
	align-items: center;
}
.friendimageright {
    align-items: center;
	transform: scaleX(-1);
}
.EntryFormSection {
	background-color: lightgray;
	text-align: center;
    margin-top: .5rem;
}
.FormSection {
	background-color: lightgray;
	text-align: center;
	font-size: 14pt;
	margin-top: 1rem;
}
.FormSubSection {
	background-color: lightgray;
	text-align: center;
	font-size: 12pt;
	margin-top: 1rem;
}
.omfformbuttons {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
}
.omfformbuttons button {
       margin-left: 1rem;
    margin-right: 1rem; 
}
label {
	font-style: normal;
	font-size: .8em;
}
label.has-error {
	background: var(--errorbackground);
	color: var(--errorforeground);
	border-radius: 5px;
}
label.has-error input{
	border-color: var(--errorforeground);
	border-width: thin;
}
label.has-success {
	background: var(--validbackground);
	color: var(--validforeground);
	border-radius: 5px;
}
label.has-success input{
	border-color: var(--validforeground);
	border-width: thin;
}
#e_LOR {
	width: 100%;
}
div.dialog {
	min-width: 500px;
	margin-top:10px;
	float: left;
	padding:10px 10px 10px;
	background-color:lightgray;
	border:5px solid;
	box-shadow:0 0 0;
	border-radius:2px;
	font-size:13px;
	border-color: #71a9ff;
	border-style: solid;
}
.bulletList li {
	list-style-type: disc;
}
.ui-dialog {
	z-index: 1000 !important;
}
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
	z-index: 1002 !important;	
}
.nameModal .ui-dialog-buttonpane {
	text-align: center !important
}
.nameModal .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important
}
/*#NameItems {
	max-height: 400px;
	overflow-y: scroll;
	padding-left: 5px;
}
#NameItems li {
	max-height: 30px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
} */
.NameItems {
    min-height: 3rem;
}
.nameModal li:hover {
	color: #1536CD;
	background-color: #DCDCDC;
}
.nameModal li:active {
	background-color: #B1B1B1;
	color: #4CA0D5;
}
/*#forename {
	z-index: 1000!important;
} */
.formButtons {
	text-align:center;
	padding-top: 1em;
}
.ui-timepicker-table td span {
	width:auto !important;
}
.ui-timepicker-hour-cell a {
	text-align:center !important;
}
/*.NotOther {
	background: #E3E3E3;
	min-width: 40px;
	min-height: 2em;
	text-align: center;
}*/

#OtherInput {
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
	z-index: 1000 !important;
}
#OtherInput tr {
	height: 2em;
	font-size: 12px;
	
}
#OtherInput table {
	border: medium !important;
	border-color: #F2F5F7 !important;
	border-collapse: separate;
	border-spacing: 1px;
}
#OtherClassList {
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
	z-index: 89 !important;
}
#OtherClassList table {
	border: medium !important;
	border-color: #F2F5F7 !important;
	border-collapse: separate;
	border-spacing: 1px;
}
#OtherClassList tr {
	height: 2em;
	font-size: 12px;
}
#otherClassKey {
	widows: 100%;
}

.otherCol {
	width: 34px;
}
.NotOther, .OldOtherMine {
	background: #E3E3E3;
	text-align: center;
	font-weight: normal;
}
.OldOther {
	background: #88CFE9;
	text-align: center;
	font-weight: bold;
}
.othersOtherMine {
	background: #72E4E5;
	text-align: center;
	font-weight: bold;
}
.othersOther {
	background: #E1DC98;
	text-align: center;
	font-weight: bold;
}
.nameOther {
	background: #FFB280;
	text-align: center;
	font-weight: bold;
}
.NewOther {
	background: #72DA96;
	text-align: center;
	font-weight: bold;
}
.othersOtherMine:hover {
	background: #1B9293;
	color: white;
}
.NotOther:hover, .OldOtherMine:hover .OldOther:hover {
	background: #303031;
	color: white;
}
.NewOther:hover {
	background: #2AA354;
	color: white;
}
.ActiveClass {
	background: #D593E7;
	text-align: center;
	font-weight: bold;
}
.otherstextarea {
	min-height: 1rem;
	width: 100%;
	margin-bottom: .25rem;
}
.OtherSection {
	background: #7EB5D9;
	font-weight: normal;
	font-size-adjust: auto;
	color: white;
	justify-content: center;
}
.oclass {
	align-content: center;
	width: 2.5rem;
	margin: .15rem;
}
.othermenu .dropdown-menu, .person .dropdown-menu {
	border-color: lightgray!important;
	border: thin;
	border-style: solid;
	padding: .25rem;
}
.otherKeySection {
	font-weight: bold;
	white-space: pre-wrap;
}
.otherKeyRow, .otherRow{
	display: flex;
	margin-bottom: .3rem;
}
.otherRow {
	flex-wrap: wrap;
	align-items: center;
}
.otherKeyColour {
	align-self: flex-start;
	width: 1rem;
	flex-shrink: 0;
	flex-grow: 0 0;
	margin-right: .5rem;
}
.otherKeyText {
	white-space: pre-wrap;
}
.FullNameList {
	min-height: 2rem;
}
.no-titlebar .ui-dialog-titlebar {
    display: none;
}
.OmfProgress {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    justify-content: flex-start;
    align-items: center;
}
.OmfProgress>i, .OmfProgress>div {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.OmfProgress>.omfbtntext {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.OmfButton i {
    font-style: normal;
    font-size: medium;
}
.omfbtntext {
    font-style: normal;
    font-size: small;
}
.OmfProgress .omfbtnwaiting {
    opacity: 100%;
}
.OmfProgress .omfbtndoing {
    opacity: 0%;
}
.OmfProgress.active .omfbtnwaiting {
    opacity: 0%;
}
.OmfProgress.active .omfbtndoing {
    opacity: 100%;
}
#ScreenOverlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 999;
}
.omfddown {
	z-index: 1000;
    background-color: azure;
}
.omfddown div {
	z-index: 1000;
    background-color: azure;
}
.row-no-padding >  [class*="col-"] {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

@media print {
	.noprint {
		display: none;
	}
	.print {
		display:block;
	}
	#efcanvas3 {
		page-break-before: always;
	}
}
.wotson th {
	background-color: #B4B4B4 ;
}
.wotson td, th {
  border: 1px solid white;
}

.WOToD{
	background-color: lightgray;
}
.WORoom{
	background-color:lightgray;
}
.WOClass {
	background-color: lightgrey;
}
.WOAdj {
	background-color: lightblue;
	text-align: center;
	font-style: italic;
	font-size: 12pt;
}
.CPPerformance {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto auto;
    padding-bottom: 1rem;
}
.CPGName {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.CPGInstrument {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.CPGPieces {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}
.CPGPiece {
    display: grid;
    grid-template-rows: 70% 30%;
    grid-template-rows: auto;
}
.CPGTitle {
    grid-column: 1 / 2;
    grid-row: 1/2;
}
.CPGComposer {
    grid-column: 2/3;
    grid-row: 1/2;
}
.CPSeparator {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 16pt;
	text-align: center;
}
.CPName {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
}
.CPNameSub {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: grey;
	text-align: left;
}
.CPInstrument {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	font-weight: lighter;
	text-align: right;
	font-style: italic;
	float: right
}
.CPTitle {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
	font-style: italic;
}
.CPComposer {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	font-weight: normal;
	text-align: right;
	font-style: normal;
	float: right
}
.CPComposerSub {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	font-weight: normal;
	text-align: right;
	font-style: normal;
	float: right;
    color: grey;
    width: 100%;
}
.CPMovt {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	padding-left: 5%;
}
.rowalternate tr:nth-child(odd) {
	background-color: transparent;
}
.rowalternate tr:nth-child(even) {
	background-color: lightgray;
}
.oddrow {
	background-color: transparent;
}
.evenrow {
	background-color: lightgray;
}
#e_entryselectors {
    justify-content: center;
}
#e_entryselectors label {
    margin: 1rem;;
}
.tablehead tr, .i_secthead {
	background-color: #71a9ff;
}
.i_secthead {
	text-align: center;
	font-weight: bold;
}
.Entrylist tr {
	margin-bottom: 1em;
}
.entryListButtons {
	margin-top: 1em;
}
.Entrylist td, .Entrylist th {
	padding-right: 1rem;
}
.listIcon {
	padding-right: .2rem;
}
.flistrow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
}
.flistblock {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
    width: 100%;
}
.flistbrow {
    display: flex;
    flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
    width: 100%;
}
.flistitext {
	font-size: x-small;
	font-weight: bold;
	padding-left: 1rem;
	text-align: left;
}
.flisticons {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	background: transparent;
}
.flisticons button {
	border: none;
/*	background: none; */
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.flisticons i, .OmfButton i {
	font-size: 30px;
	padding-right: 5px;
}
.flistitem {
	background: #FFFFFF;
	margin: 1rem;
}
.newswinnerslist .flistrow {
    flex-wrap: nowrap;
}
.newswinnerslist {
    margin-bottom: 1rem;
}
.AwardName {
    font-weight: bold;
}

.AwardClass {
    font-style: italic;
}
.AwardName, .AwardClass {
    background-color: transparent;
    margin: 0.5rem;
}
.AwardName {
    font-weight: bold;
    flex-basis: 80%;
}
.Awardees {
    display: flex;
    margin: .5rem;
    flex-direction: column;
}
@media (min-width: 1598px) {
    .newswinnerslist .flistrow {
        flex-direction: row;
    }
    .AwardName, .AwardClass {
        text-align: left;
    }
    .AwardName, .AwardCLass, .Awardees {
        flex-basis: 33.33%
    }
}
@media (max-width: 1597.99px) {
    .newswinnerslist .flistrow {
        flex-direction: column;
    }
    .AwardName, .AwardClass {
        text-align: center;
    }
    .AwardName, .AwardCLass, .Awardees {
        flex-basis: 100%
    }
}
.Awardee {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.AwardPos {
    flex-basis: 3rem;
    font-size: small;
}
.flpamounts {
    width: 12rem;
    align-content: flex-end;
}
#e_paymentDetails .flistrow {
    justify-content: space-between;
}
.flpinfo {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap
}
.flpamounts {
    align-content: flex-end;
}
.flpamounts .flistitembody {
    align-self: flex-end;
    align-content: flex-end;
}
.flpamounts input {
    margin-left: .8rem; 
}
.omfBtnWaiting .omfBtnReady {
    display: block;
}
.omfBtnWaiting .omfBtnWait {
    display: none;
}
.omfBtnBusy .omfBtnReady {
    display: none;
}
.omfBtnBusy .omfBtnWait {
    display: block;
}
#e_paymentTotal {
    text-align: right;
}
@media (max-width: 991.98px) {
	header {
		width: 991px;
	}
	.flisticons {
		flex-direction: column;
		width: var(--flicononly);
		flex-shrink: 0;
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	.flisticons button {
		width: var(--flicononly);
		overflow-x: hidden;
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
    .flistitem.AwardName, .flistitem.AwardClass, .flistitem.Awardee, .flistitem.NotAwarded {
        flex-basis: 100%;
    }
	/*.i_clclass, .i_ename, .i_eteacher, .i_eother, .i_especial, .i_eoc {
		min-width: 10rem;
	} */
}
@media (min-width: 992px) {
	header {
		width: 992px;
	}
	.flisticons {
		flex-direction: row;
	}
	.flisticons button {
		width: var(--fliconfull);
		flex-grow: 0;
		align-self: flex-start;
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	.flisticons.flicollapse button {
		width: var(--flicononly);
		overflow-x: hidden;
		-webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
	}
	.flisticons.flicollapse {
		flex-wrap: nowrap;
	}
	.flisticons.flicollapse .flistitext {
		display: none;
	}
    .flistitem.AwardName, .flistitem.AwardClass, .flistitem.Awardee, .flistitem.NotAwarded {
        flex-basis: 32.4%;
    }
	.i_clclass {
		width: 30rem;
	}
	/*.i_ename, .i_eteacher, .i_eother, .i_especial, .i_eoc {
		width: 40rem;
	} */
}
.flistvalues {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
}
.flistrow:nth-of-type(odd) {
	background-color: #E3E3E3;
}
.flistrow:nth-of-type(even) {
	background-color: #C1C1C1;
}
.flistrow.clcurrentrow:nth-of-type(odd) {
	background-color: #9CC3D2;
}
.flistrow.clcurrentrow:nth-of-type(even) {
	background-color: #61A3C5;
}
.e_Incomplete.oddrow {
	background-color: #FFE6EA;
}
.e_Incomplete.evenrow {
	background-color: pink;
}
.flistitem {
	display: flex;
	flex-direction: column;
	padding-right: 1rem;
}
.flistitemheader, .i_classinfoitem>p {
	font-size: smaller;
	font-weight: bold;
	margin-bottom: 0;
	color: gray;
	font-style: italic;
}
.flistitembody {
	margin-top: 0;
}
.i_classinfo {
	background: #E3E3E3;
}
.i_classinfoitem {
	border: 1rem solid transparent;
}
.i_classinfoitem>div {
	background: white;
}
.i_classinfoitem>p {
	background: white;
}
.i_clentries {
	width: 10rem;
}
.i_clduration {
	width: 10rem;
}
.i_clstatus, .i_eticket, .i_estatus{
	width: 10rem;
}
.i_esdata, .i_esclasses, .i_esheader{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
.i_esheader, .i_esclasses {
    flex-basis: 100%;
}
.i_esTitle {
    font-weight: bold;
    flex-basis: 100%;
    text-align: left;
}
.i_esclasses .i_esTitle, .i_esclasses .flistitem {
    font-size: small;
}.i_esIcons {
    align-self: center;
    margin-left: .5rem;
    flex-basis: 1.5rem;
}
#i_EntryStatus {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#i_EntryStatus .flistitem{
    flex-basis: 4rem;
}
#i_ClassHdr {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.i_etime {
	width: 15rem;
}
#i_OMFClasses th {
	margin-top: 2em;
	margin-bottom: 2em;
}
#i_OMFClasses tr {
	margin-bottom: 1em;
}
#i_ClassHdrInputs {
	margin-top: 1rem;
}
#i_entryListButtons {
    margin-top: 1rem;
}
/*
.fa[disabled=disabled] {
	background: #ffffff!important;
	color: #f0f0f0!important;
}
.fa {
	background: #ffffff;
	color: dimgrey;
}
.fa:hover {
	color: #1536CD;
	background-color: #DCDCDC;
}
.fa:active {
	background-color: #B1B1B1;
	color: #4CA0D5;
}
.fa[disabled] {
	color: lightgrey;
} */
.e_ListClass {
	text-align: center;
}
#e_entryListButtons {
	margin-top: 1em;
}
.disabledIcon {
	opacity: 0.3;
	pointer-events: none;
}
.myDetailsButton {
	margin-bottom: 1em;
}
#e_EntryList td{
	padding: 5px;
}

#o_AccompList {
	table-layout: fixed;
	width: 100%;
}
#o_AccompList td{
	background-color: #F3F3F3;
}
.o_MainHead th{
	background-color: lightcyan;
}
.o_MainHead th:nth-of-type(1) {
	width: 7%;
}
.o_MainHead th:nth-child(2) {
	width: 7%;
}
.o_MainHead th:nth-child(3) {
	width: 43%;
}
.o_MainHead th:nth-child(4) {
	width: 43%;
}
.o_OwnChoiceHeader th {
	background-color: #F3F3F3;
	text-align: center;

}
.o_TableSeparator {
	height: 1em;
}
/*.TrophyTable table tr td {
	padding-right: .5em;
	padding-left: .5em;
	background: #DFDFDF;
	border-top: thin solid white;
}
.TrophyTable .AwardPosition {
	text-align: left;
} */
.newswinnerslist .NotAwarded {
	font-style: italic;
	color: lightslategrey;
}
.e_ListSelect {
	font-size: 20;
	padding-right: 0.1rem;
    align-self: center;
    background-color: transparent;
    width: 2em;
}
#e_EntryRows .flistvalues {
    width: 100%;
}
input.e_SelectEntry {
    width: 2rem;
}
.eInstruction>ol>li {
	font-size: 16pt;
}
.e_paymentAmt {
	text-align: right;
}
.e_paymentAmt input {
	text-align: right;
}
.e_paymentTotal td {
	text-align: right;
}
.e_paymentTotal .e_paymentAmt {
	border-top-color: black;
	border-top: medium;
	border-bottom-color: black;
	border-bottom: medium;
}
.SectColWhite tr {
	background-color: white;
}
.SectColBlue td {
	background-color: lightblue;
}
.SectColLemon td {
	background-color: #FFF59D;
}
.SectColPaleGreen td {
	background-color: palegreen;
}.SectColYellow td {
	background-color: #F9E302;
}
.SectColIvory td {
	background-color: ivory;
}
.SectColPink td {
	background-color: lightpink;
}
.SectColSalmon td {
	background-color: salmon;
}
col.statusIcon {
	width: 2rem;
}
col.statusNo {
	width: 3rem;
}
col.statusAge {
	width: 20rem;
}
col.statusTitle {
	width: 30rem;
	margin-right: 1rem;
}
col.statusValue {
	width: 8rem;
}
.flistitem .statusValue {
	text-align: center;
}
.d_rselect input[type="radio"]+label {
	text-align: center;
	width: 15%;
	padding: 1em;
	margin: 0px;
}
#ClassInput {
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
	z-index: 1000 !important;
}
#ClassInput table {
	border: medium !important;
	border-color: #F2F5F7!important;
	border-collapse: separate;
	border-spacing: 1px;
}
#Classnput tr {
	height: 2em;
	font-size: 12px;
}
#ClassFormBanner {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.d_ClassCol {
	width: 34px;
}
.Unused {
	background: #66E69C;
	text-align: center;
	font-weight: normal;
}
.Single {
	background: #88CFE9;
	text-align: center;
	font-weight: bold;
}
.Multiple {
	background: #B3A421;
	text-align: center;
	font-weight: bold;
}

.ClassSection {
	background: #7EB5D9;
	text-align: center;;
	font-weight: normal;
	font-size-adjust: auto;
	color: white;
	padding: .2em .1em .2em .1em;
}
.d_ttib, .d_hoib, .p_personicons, .d_clclassicons , .d_rmicons, .d_tamicons, .d_tawicons, .d_ttaddclass  {
	border:none;
	padding: 0px,1 em,0px,0px;
	background-color: transparent;
}
.d_ttib[disabled] i, .d_hoib[disabled] i, .p_photoicons button[disabled] i, .p_personicons button[disabled] i, .d_clclassicons button[disabled] i,
	.d_slicons button[disabled] i, .alicons button[disabled]  i, .d_rmicons button[disabled] i, .d_tamicons button[disabled] i, .d_tawicons button[disabled] i{
	color: lightgray;
}
#d_timetable input, #d_hallorder input {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
	height: 18px;
}
.d_ttcurrentrow {
    background-color: lightblue
}
.d_attlabel.nod-error input, .d_aholabel.nod-error   input {
	border-color: red;
}
.d_erow tr {
	height: 20px;
}
.d_erow span {
	background-color: red;
	color: white;
	font-size: 6pt;
}
.a_pmMessage, .p_ppnMessage {
	background-color: red;
	color: white;
	font-size: 6pt;
}
.d_hohall {
	width: 30em;
}
.d_hoaddposition, .d_hoposition {
	padding-left: 1em;
}
.d_tttime, #d_atttime {
	width: 6em;
}
.d_tttime.ttgap {
	background-color: #C3B254;
}
.d_tttime.ttoverlap {
	background-color: #F35E61;
}
.d_tttime.ttcombined {
	background-color: #70BFD2
}
.d_ttclass, .d_ttclassblock, #d_ttaddclass, #d_ttaddclassblock {
	width: 6em;
}
.d_tttext, #d_ttaddtext {
	width: 20em;
}
.d_ttinfo {
	width: 6rem;
	border:none;
}
.d_ttoday {
    width: 100%;
    background-color: paleturquoise;
    text-align: center;
    font-weight: bold;
}
.d_ttoblock {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: #F0F8FF;
    margin-top: 1rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}
.d_ttoblockname {
    width: 8rem;
    font-weight: bold;
    align-content: center;
}
.d_ttoclassrow, .d_ttofinish  {
    display: flex;
    flex-wrap: nowrap
}
.d_ttohall {
    margin-right: 1rem;
    background-color:lightgrey;
}
.d_ttohallcode {
    text-align: center;
    font-weight: bold;
}
.d_ttotime {
    margin-right: 2rem;
}
.d_ttoadjname {
    text-align: center;
}
.d_ttclash {
    background-color: lightpink;
}
#a_printmark button  {
	margin-top: 2em;
}

#d_used, #d_unused, #d_new {
	width: 100%;
	table-layout: fixed;
}
.phototable > input, .phototable > select, .p_add > input, .p_add > select {
	border: none;
	background-color: transparent;
}
.p_personButton {
	border: none;
}
#p_AddForename, #p_AddSurname {
	border: none;
	background: none;
	width: 100%;
}
.p_flex {
	display: grid;
	grid-column-gap: .5rem;
	grid-template-columns: 5% 3% 3% 3% 12% 15% 15% 13% 24% 7%; 
	grid-template-rows: auto auto;
	align-content: center;
	
}

#d_photopeople {
	width: 100% !important;
}
.p_flex.p_row, .p_flex.p_add{
	background-color:whitesmoke;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: medium;
}
.p_flex.p_error {
	font-size: small;
	color: red;
}
.p_header > div {
	font-weight: bold;
}
.p_photoicons.p_table {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_add1 {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	align-content: left;
}
.p_addlabel {
	font-size: small;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align: right;
}
.p_photoprefix {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_photosuffix {
    grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
}
.p_photostart {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_photoend {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}
.p_add2 {
	font-size: small;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align: right;
}
#p_AddPerson {
	text-align: left;
}
.p_add input {
	width: 100%;
}

.p_photono {
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_photosubject {
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_photosubject input{
	width: 100%
}

.p_photage {
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_phototitle {
	grid-column-start: 6;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 3;
}

.p_photodesc {
	grid-column-start: 7;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_photodate {
	grid-column-start: 8;
	grid-column-end: 9;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_photodate select {
	border-width: 2px;
	padding-top: 1px;
	padding-bottom: 1px; 
}
.p_photopeople {
	grid-column-start: 9;
	grid-column-end: 10;
	grid-row-start: 1;
	grid-row-end: 3;
}
.p_photopeople div {
	border: 1px solid black;
}
.p_photoflag.p_confidence, .p_photoflag.header {
	grid-column-start: 10;
	grid-column-end: 11;
	grid-row-start: 1;
	grid-row-end: 2;

}
.p_photoflag.p_cpanon {
	grid-column-start: 10;
	grid-column-end: 11;
	grid-row-start: 2;
	grid-row-end: 3;

}

.p_photoflag input,label {
	margin: 0px;
}
.p_confidence label {
	vertical-align: bottom;	
}
.p_cpanon label {
	vertical-align: top;
}
.peopleflex {
	display: grid;
	grid-column-gap: .5rem;
	grid-template-columns: 7% 20% 20% 20% 10% 10% 5% 5%; 
	grid-template-rows: auto auto;
	align-content: center;
}
.peopleflex.ppheader div {
	font-weight: bold;
}
.p_personicons {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
}
#d_used .p_personicons {
	text-align: justify;
}
#d_unused .p_personicons, #d_new .p_personicons {
	text-align: right
}
.p_personPre {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personName {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personApp {
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personForename {
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personSurname {
	grid-column-start: 6;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personStatus {
    grid-column-start: 7;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_personFull {
	grid-column-start: 8;
	grid-column-end: 9;
	grid-row-start: 1;
	grid-row-end: 2;
}
.p_adderror, #d_new .nod-error >div {
	border-color: red!important;
	border-width:thin!important;
	border-style: solid!important
}
#d_new .d_ttadderror{
	color: red;
	font-size: small;
}
#a_halls .container{
	z-index: 1000;
}
.a_blerrorstatus,.a_hlerrorstatus {
	color: red;
	font-size: small;
}
.a_blflex {
	display: grid;
	grid-column-gap: .5rem;
	grid-template-columns: 8% 10% 35% 10% 10% 25%; 
	grid-template-rows: auto;
	align-content: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.a_hlflex {
	display: grid;
	grid-column-gap: .5rem;
	grid-template-columns: 12% 18% 68% 2%; 
	grid-template-rows: auto;
	align-content: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.a_blflex.a_blheader, .a_hlflex.a_hlheader {
	font-weight: bold;
}
.a_blflex.a_blnew, .a_blflex.a_blrow, .a_hlflex.a_hlnew, .a_hlflex.a_hlrow {
	background-color: #CACACA;
}
.a_blfield, .a_hlfield {
	font-size: 14px;
	border: none;
	background: none;
}
.a_blvalid.a_blfield, .a_hlvalid.a_hlfield{
	background: #F3F3F3;
	border:none;
}
input.a_blfield, input.a_hlfield, div.a_hlfield {
	width: 100%;
}
.a_blerror > .a_blvalid, .a_hlerror > .a_hlvalid {
	border: thin;
	border-color: red;
	border-style: solid;
}
.a_blicons {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_blcode{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_blname{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_bldoorsopen{
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_blmapname{
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_blmaplink{
	grid-column-start: 6;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_hlicons {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
}
.a_hlcode{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}

.a_hlname{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}
#d_dkdates > .row {
	margin-top: 1rem;
}
.a_fdflex {
	display: flex;
	height: 2em;
	align-items: flex-start;
	flex-wrap: wrap;
}
.a_fdflex > div, .d_copyflex > div {
	padding-left: 1em;
	padding-right: 1em;
}
#d_dfdates .row{
	margin-top: 1rem;
}
.a_fdicons {
	width: 3em;
}
.a_fddate {
	width: 20em;
}
.break {
	flex-basis: 100%;
	height: 0;
}
.fullwrapper {
	flex-basis: 100%;
}
.fheader {
	text-align: center;
	font-weight: bold;
	background-color: #CECECE;
}
.d_copyflex {
	display: flex;
	height: 3em;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.d_slflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	padding: .5em;
}
.d_sdataflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: space-between;
	flex-basis: 70%;
	flex-wrap: wrap;
}
.d_ssdataflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: space-between;
	flex-basis: 65%;
	flex-wrap: wrap;
}
.d_clsectionflex {
	display: flex;
	height: 3em;
	align-items: left;
	align-content: left;
	justify-content: left;
}
.d_clsectno, .d_clsectdesc {
	font-size: medium;
	font-weight: bold;
}
.d_clclassflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	margin-bottom: 1rem;
}
.d_cldataflex {
	flex-basis: 90%;
	display: flex;
	flex-wrap: wrap;
	align-items: left;
	align-content: left;
	justify-content: space-between;
	margin-bottom: .5em;
	align-self: flex-end;
}
.d_slflex input,.d_slflex textarea,.d_slflex select {
	width: 100%;
}
.d_cldataflex input,.d_cldataflex textarea,.d_cldataflex select {
	width: 100%;
}
.d_clsubsection {
	width: 40em;
}
.d_clclassno {
	width: 5em;
}
.d_clplus {
	width: 6em;
}
.d_clage, .d_cltitle, .d_clsubtitle {
	width: 34em;
}
.d_clclassid {
	width: 5em;
}
.d_cladjudicator {
	width: 30em;
}
.d_cldetailheader, .d_claward, .d_cldetails, .d_clsyllabusonly {
	flex-basis: 50%;
}
.d_clsetmusic, .d_cloptions {
	flex-basis: 40%;
}
.d_clpublisher {
	flex-basis: 20%;
}
.d_slicons {
	align-self: flex-start;
	width: 11em;
}
.d_clclassicons, .d_clsectionicons {
	align-self: flex-start;
	width: 11em;
}
.d_slno, .d_sslno{
	flex-basis: 6em;
}
.d_sldesc {
	flex-basis: 40em;
}
.d_slheader {
	flex-basis: 100%;
}
.d_ssltype {
	flex-basis: 12em;
}
.d_ssldesc {
	flex-basis: 30em;
}
.d_ssltypetext {
	flex-basis: 100%;
}
.d_ssltext {
	flex-basis: 100%;
}
.d_clboxtype {
	flex-basis: 20%;
}
.d_clboxheader {
	flex-basis: 80%;
}
.d_claccompflag label, .d_clBOPflag label, .d_clanonflag label, #d_bporder label, .d_tamclassflag label {
	text-align: center;
	width: 4em;
	padding: 1em;
	margin: 0px;
	font-size: 1em;
}
.d_clsetmusicwrapper, .d_clensemblewrapper {
	flex-basis: 100%;
}

.form-control.hradio {
	border:none;
	background-color: transparent;
	
}
.alusedflex {
	width: 100%;
}
.alrowflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
}
.alunusedflex {
	height: 50rem;
	overflow-y: scroll;
}

.alicons {
	flex-basis: 2em;
}
.usedadj {
	flex-basis: 80%;
}
.usedadj.alselected {
	background-color: lightgray;
}
#d_btext {
	width: 100%
}
.d_biogdata, .biogbuttons  {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-around;
	flex-basis: 100%;
	vertical-align: middle;
}
.namesearchflex {
	display: flex;
	align-items: left;
	align-content: center;
	justify-content:space-around;
	flex-basis: 100%;
	vertical-align: middle;
}
.a_plflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content:space-around;
	flex-basis: 100%;
	vertical-align: middle;
	margin-top: .5rem;
}
.a_pmflex {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content:space-around;
	flex-basis: 100%;
	vertical-align: middle;
	margin-top: .5rem;
}
.a_prflex {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content:space-around;
	flex-basis: 100%;
	vertical-align: middle;
	margin-top: 1rem;
}
.a_puflex {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content:space-around;
	flex-basis: 100%;
	vertical-align: middle;
	margin-top: 1rem;
	padding-bottom: 1rem;
}
.puflex input {
	height: 1rem;
	border: none;
}
.puflex select {
	height: 1em;
}
.puflex icon {
    height: 1em;
}
.a_plicons {
	flex-basis: 5%;
}
.a_plicons button {
	border: none;
}
.a_plname {
	flex-basis: 95%;
}
.d_rmtlistflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
}
.d_rmslistflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
}
.d_rmrlistflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
}
.d_rmicons {
	flex-basis: 15rem;
	margin-right: 1rem;
}
.d_rmttype {
	flex-basis: 20rem;
	margin-right: 1rem;
}
.d_rmttext {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_rmstype {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_rmstext {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_rmrno {
	flex-basis: 3rem;
	margin-right: 1rem;
}
.d_rmrtype {
	flex-basis: 25rem;
	margin-right: 1rem;
}
.d_rmrsection {
	flex-basis: 30rem;
	margin-right: 1rem;
}
.d_rmrtext, .d_rmrhtml {
	flex-basis: 55rem;
	margin-right: 1rem;
}
.d_tacflex {
	display: flex;
	align-items: center;
	align-content: left;
	justify-content: center;
	flex-basis: 100%;
	vertical-align: middle;
}
.d_tacselect {
	width: 20rem;
	margin-left: .5rem;
	margin-right: .5rem;
}
.d_tacflex button {
	margin-top: 1rem;
}
.d_tamlistflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
}
.d_tamicons {
	flex-basis: 15rem;
	margin-right: 1rem;
}
.d_tamid {
	flex-basis: 4rem;
	margin-right: 1rem;
}
.d_tamsection {
	flex-basis: 46rem;
	margin-right: 1rem;
}
.d_tamname {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_tamclasses {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_tamclassflag {
	flex-basis: 10rem;
	margin-right: 1rem;
}
.d_tamclassnos {
	flex-basis: 50rem;
}
.d_tamclassnos input {
	background: #DFDFDF!important;
}
.tamcsubflex {
	display: flex;
	align-items: center;
	align-content: center;
	flex-basis: 100%;
	vertical-align: middle;
	font-weight: bold;
	font-size: 3rem;
}
.tamcsubflex div {
	text-align: center;
	background: #D4D4D4;
	width: 100%;
}
.tamcclassflex {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-basis: auto;
	vertical-align: middle;
	font-size: 1.8rem;
	align-self: center;
}
.rbuttonflex {
	display: flex;
	align-items: left;
	align-content: center;
	flex-basis: auto;
	vertical-align: middle;
}
.rbuttonflex button {
	margin-right: 1rem;
}
.sbuttonflex {
	display: flex;
	align-items: left;
	align-content: center;
	flex-basis: auto;
	vertical-align: middle;
	flex-wrap: wrap;
}
.sbuttonflex button {
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.tamcclassflex {
	background: #E3E3E3;
}
.tamcclassflex.tamacused {
	background: #254CCE;
	color: white;
}
.tamcclassflex:hover {
	background: #C6C6C6;
}
.tamcclassflex.tamacused:hover {
	background: #1E3DA7;
}
.d_tamacicons {
	flex-basis: 3rem;
	margin-right: .5rem;
}
.d_tamacno {
	flex-basis: 5rem;
	margin-right: .5rem;
}
.d_tamacage {
	flex-basis: 30rem;
	margin-right: .5rem;
}
.d_tamactitle {
	flex-basis: 40rem;
}
.d_tawlistflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	background-color: #CACACA;
	margin-top: .5rem;
}
.d_tawsubheader {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
	font-size: small;
	font-weight: normal;
	background-color: #CACACA;
}
.d_tawinnerflex {
	display: flex;
	align-items: left;
	align-content: left;
	justify-content: left;
	flex-basis: 100%;
	vertical-align: middle;
	font-weight: normal;
	background-color: #CACACA;
	padding-bottom: .25rem;
	padding-top: .25rem;
}
.d_winnerflex label {
	
}
.d_twinnerflex input {
	height: 1.5rem;
}
.d_tawicons {
	flex-basis: 15rem;
	margin-right: 2rem;
	text-align: right;
}
.d_tawsection {
	flex-basis: 15rem;
	margin-right: 2rem;
}
.d_tawname {
	flex-basis: 40rem;
	margin-right: 2rem;
}
.d_tawclasses {
	margin-right: 1rem;
}
.d_tawposition {
	flex-basis: 6rem;
	margin-right: 1rem;
}
.d_tawwname {
	flex-basis: 40rem;
	margin-right: 1rem;
}
.d_tawaltcontact {
	flex-basis: 40rem;
}
input.d_tawfield {
	background-color: white;
}

input[type="checkbox"].a_prcheck+label {
	text-align: center;
	width: 15rem;
	padding: 1em;
	margin: 0px;
	font-size: 1em;
}
input.hselitem {
	display:none;
}
input.hselitem+label {
	font-size: 1em;
	min-height: 1.4em;
}
input:checked.hselitem+label {
	background-color:lightsteelblue;
  	transition: .3s ease-out;
	color:white;
}
input:not(:checked).hselitem+label{
	background-color:aliceblue;
	transition: .3s ease-out;
	color:grey;
}
input:not(:checked):disabled.hselitem+label {
	background-color:lightpink;
	color:grey;
}
input:checked:disabled.hselitem+label {
	background-color: hotpink;
	color:white;
}
input[type="radio"].a_puforcechange+label, input[type="radio"].a_puupdate+label {
	text-align: center;
	width: 5rem;
	padding: 1em;
	margin: 0px;
	font-size: 1em;
}
.a_pchangecase {
    margin-top: 1.2em;
    background: #C2C8C8;
}
.compactflexheader div {
	font-weight: bold;
	text-align: left;
	margin-bottom: .5rem;
}
.compactflexrow {
	background-color: #CACACA;
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.compactflexrow input, .compactflexrow div, .compactflexrow select, .compactflexrow textarea {
	font-size: medium;
	border: none;
	background: none;
	width: 100%;
	min-height: 2em;
	margin-top: .25em;
	padding-bottom: .25em;
}
.compactflexrow input+label {
	min-height: 2em;
	margin-top: .25em;
}

.compactflexvalid {
	background: #F3F3F3!important;
}
.compactflexerror > .compactflexvalid {
	border: thin;
	border-color: red;
	border-style: solid;
}
.compactflexstatus {
	color: red;
	font-size: small;
}
.growtext {
    display: grid;
}
.growtext::after {
	content: attr(data-replicated-value) " ";
	white-space: pre-wrap;
	visibility: hidden;
}
.growtext > textarea {
	resize: none;
	overflow: hidden;
}
.growtext > textarea, .growtext::after {
/*	border: 1px solid #ccc; */
	padding: 0.25rem; 
	font: inherit;
	font-size: medium;
	grid-area: 1 / 1 / 2 / 2;
}
.gtlabelfull {	
	width: 100%;
}
#i_CLIndex {
    margin-top: .5rem;
}
.i_CLIndexBtn, .i_dtypebtn, .i_DIndexBtn {
    background: #507DB4;
    margin-right: .2rem;
    margin-top: .2rem;
}
.i_CLIndexBtn.i_clcurrent, .i_dtypebtn.i_dtypecurrent, .i_DIndexBtn.idindexcurrent {
    background: #B1C1D7;
    color: black;
}
#i_clfilters {
    margin-top: .5rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.i_drow {
    margin-top: .5rem;
}
.i_dname {
    background-color: #A2C9FB;
    font-weight: bold;
}
.i_dinfo {
    background-color: #C5E0E9;
}
.i_dratheader {
    background-color: #A2C9FB;
    font-size: .6rem;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}
.i_dratname {
    background-color: #A2C9FB;
    font-size: .8rem;
    font-weight: bold;
}
.clrdiff {
    font-weight: bold;
    background: #DEBFC0;
}
.clhide {
    display: none;
}
.clswitch {
    width: 8rem;
}

.clnamekey {
   align-self: center;
}
.clnoclash {
    display: none;
}
#i_clnamesearch {
    padding: .5rem;
    background-color: #E3E3E3
}
#i_clnamesearch button{
    margin-left: .5rem;
}
#i_clcontacts .badge{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.i_mlaction {
    margin-top: .5rem;
}
#i_clcontacts input[type=text] {
    border: none;
    background-color: transparent;
}
.clcurrentrow input:read-only {
    color: grey;
    font-style: italic;
}
.i_otherlogo {
    max-width: 360px;
    min-width: 20rem;
}
.srlmapflag {
    margin-left: 3rem;
}
.srlrow:nth-child(odd) {
    background-color: #A6C1F4;
}
.ttclassbar {
    background-color: cornsilk;
    min-height: 4.5rem;
    padding-top: .5rem;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: .5rem;
    
}
.ttbday {
    background-color: lightblue;
    margin-top: 1rem;
}
.ttclass {
    min-height: 3rem;
    background-color: lightgreen;
    border-radius: 10px;
    margin-top: .25rem;
    display: flex;
    flex-direction: column;
    font-size: small;
}
.ttclass.ttselected {
    background-color:cornflowerblue; 
}
.ttcdelete, .ttcadjselect, .ttccopy {
    border: none;
    background: none;
}
.ttcclashinfo {
    font-style: italic;
}
#ttcursor {
    position: absolute;
    background-color: lightcyan;
    border-radius: 10px;
    z-index: 800;
}
#ttadjpopup {
    position: absolute;
    border-radius: 10px;
    z-index: 800;
    font-size: small;
    background-color: white;
}
#ttcursor.ttoclash, .ttclass.ttoclash {
    background-color: wheat;
}
.ttclass.ttoclash.ttselected {
    background-color: #E3A42F;
}
#ttcursor.nogo, .ttclass.nogo {
    background-color: pink;
}
#ttcursor.nogo.ttoclash, .ttclass.nogo.ttoclash{
    background-color: #FFB735;
}
.ttclass.nogo.ttselected {
    background-color: #E97A7A;
}
.ttclass.nogo.ttoclash.ttselected {
    background-color: #E59400;
}
#ttcursorheader, .ttchead, .ttcadjline {
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
        
}
.ttcadjline {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: small;
}
.ttaselected {
    background-color: #47B1D4;
}
#ttadjlist p:hover:not(.ttaselected) {
    background-color: powderblue;
}
.ttclsection {
    display: flex;
    flex-direction: column;
}
.ttslsecthead {
    align-content: center;
}
.ttclclasses {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ttclclass {
    display: flex;
    flex-direction: column;
    margin-right: .25rem;
    font-size: medium;
    padding: .25rem;
}
.ttclclasshdr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ttclsecthead {
    font-size: larger;
    font-weight: bold;
}
.ttclclassblock {
    font-size: small;
}
.ttclduration {
    font-style: italic;
    font-size: smaller;
}
.ttclclass.Selected {
    filter: hue-rotate(90deg);
}
.ttclclass:hover {
    filter: brightness(85%);
}

button.ttopen>i.ttclosed {
    display: none;
}
button.ttopen>i.ttopen {
    display: block;
}
button.ttclosed>i.ttclosed {
    display: block;
}
button.ttclosed>i.ttopen {
    display: none;
}
#pendingpaymentlist input {
    width: 100%;
}