html{
	line-height: normal;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	background-color: #1F3F5F;
}

.blueDark{
	color:#1F3F5F;
}

.blueLight{
	color:#358BD7;
}

.grayLight {
	color: lightgray;
}

button {
	padding: .5em 3em;
	font-size: .84rem;
}

button.transparent {
	padding: 0.5em 1em;
}

.overlayModal{
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	position: fixed;
	margin: auto;
	bottom: 0px;
	width: 100%;
	background-color: #FFFFFF;
	min-height:20vh;
	border: 1px solid #1F3F5F;
	z-index: 500;
}

.buttonContainer {
	background-color:#E0E0E0;
	display: flex;
	flex-direction: row;
}

.buttonContainer button{
	margin: 0.5rem 1rem;
}

.sbContainer {
	display: inline-block;
}

.sbContent {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .5rem;
	padding: .15em 3em;
	font-size: .84rem;
	background-color: #F0F0F0;
	border: 1px solid #C0C0C0;
	color: #C0C0C0;
}

.mbOptionExpand img{
	height:2rem;
	display: block;
}

@media (min-width: 1024px) {
	.pageContainer{
		width: 1024px;
	}

	.overlayModal{
		width: 1024px;
	}
}

@media (max-width: 900px) {
	button {
		padding: .4em 1.8em;
	}

	.mbOptionExpand img {
		height: 1.8rem;
	}

	button.transparent {
		padding: 0.4em 1em;
	}
}

@media (max-width: 700px) {
	button {
		padding: .4em 1.4em;
	}

	.mbOptionExpand img {
		height: 1.7rem;
	}

	button.transparent {
		padding: 0.4em .5em;
	}
}

@media (max-width: 600px) {
	html{
		font-size: 2.75vw;
	}

	button {
		padding: .3em .8em;
	}

	.mbOptionExpand img {
		height: 1.6rem;
	}

	.cell-button {
		margin-top: .25em;
	}

	.pageContainer{
		width: 100%;
	}

	.overlayModal{
		width: 100%;
	}

	.contentFourth{
		width: 100%;
	}

	.loggedInHeader{
		float: left;
	}

	.city{
		width: 90% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		clear: both !important;
	}

	.state{
		width: 90% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		clear: both !important;
	}

	.postalCode{
		width: 90% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		clear: both !important;
	}

	.phoneCountry{
		width: 90% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		clear: both !important;
	}

	.phoneNumberRowContainer{
		flex-direction: column;
	}

	.phoneNumber{
		width: 100% !important;
		margin-right: unset !important;
		margin-left: unset !important;
	}

	.phoneNumerExtensionX{
		display: none;
	}

	.phoneNumberOTDField{
	}

	.halfWidth{
		width: 100% !important;
	}

	.halfWidth.left{
		float:none !important;
		clear:both !important;
		margin-left:0px !important;
	}

	.halfWidth.right{
		float:none !important;
		clear:both !important;
		margin-right:0px !important;
	}

	.siteDropdown{
		width:50vw !important;
	}
}

hr{
	border-color: #1F3F5F;
	border-width: 1px;
	border-top: none;
}

.colorDkBlue{
	color: #1F3F5F;
}

.halfWidth{
	width: 47.5%;
}

.halfWidth.left{
	float:left;
	margin-left: 2.5%;
}

.halfWidth.right{
	float:right;
	margin-right: 2.5%;
}

.userHeader{
	color: #FFFFFF;
	font-size: 0.9em;
	text-align: right;
}

.pageContainer{
	margin: auto;
	height:100%;
}

.header{
	width:100%;
}

.txtL{
	text-align: left;
}

.txtR{
	text-align: right;
}

.txtC{
	text-align: center;
}

.txtBold{
	font-weight: 800;
}

.txtNoBold{
	font-weight: 400;
}

.txtSm {
	font-size: .8em;
}

.txtMed {
	font-size: .9em;
}

.headerLogo{
	margin: 1vw auto;
	width:7.5%;
	display: block;
}

.contentFourth{
	margin: auto;
	width: 25%;
}

.contentThird{
	margin: auto;
	width: 33%;
}

.contentHalf{
	margin: auto;
	width: 50%;
}

.center{
	margin: auto;
	display: block;
	text-align: center;
}

.space1{
	margin: 1rem;
}

.topSpace025{
	margin-top: 0.25em;
}

.topSpace05{
	margin-top: 0.5em;
}

.topSpace0{
	margin-top: 0;
}

.topSpace{
	margin-top: 1em;
}

.topSpace2{
	margin-top: 2em;
}

.topSpace4{
	margin-top: 4em;
}

.bottomSpace05{
	margin-bottom: 0.5em;
}

.bottomSpace{
	margin-bottom: 1em;
}

.bottomSpace2{
	margin-bottom: 2em;
}

.bottomSpace4{
	margin-bottom: 4em;
}

.bottomSpace6{
	margin-bottom: 6em;
}

.rightSpace{
	margin-right: 1em;
}

.rightSpace2{
	margin-right: 2em;
}

.leftSpace05{
	margin-left: 0.5em;
}

.leftSpace15{
	margin-left: 1.5em;
}

.leftSpace{
	margin-left: 1em;
}

.leftSpace2{
	margin-left: 2em;
}

.noMargin {
	margin: 0;
}

.loggedInHeader{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.loggedInHeader .headerLogo{
	margin: 0px;
	display: block;
	width:50px;
	float: left;
}

.loggedInHeader ul{
	display: block;
	float: left;
	margin-top:0.75em;
}

.loggedInHeader ul li{
	display: block;
	float: left;
	margin-right: 2em;
}

.loggedInHeader ul li a,
.loggedInHeader ul li a:hover,
.loggedInHeader ul li a:visited{
	color: #FFFFFF;
}

.page-content{
	background-color: #FFFFFF;
	padding-bottom: .1em;
}

.content-indent{
	margin-left: 5%;
	margin-right: 5%;
}

.blueBar{
	display: block;
	width: 100%;
	height: 1em;
	background-color: #358BD7;
}

.strike{
	text-decoration: line-through;
}

ul li.selected{
	font-weight: bold;
}

ul li.none{
	display: none;
	visibility: hidden;
}

.sectionNavigation{
	background-color: #1F3F5F;
}

.sectionNavigation ul{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #1F3F5F;
}

.sectionNavigation ul li{
	display: block;
	float: left;
	color: #1F3F5F;
	padding: 0.25em 1em;
	background-color: #DEE3E7;
	border-right: 2px solid #1F3F5F;
}

.sectionNavigation ul li.selected{
	background-color: #358BD7;
}

.sectionNavigation ul li a{
	font-size: 0.9em;
}

.sectionNavigation ul li.selected a,
.sectionNavigation ul li.selected a:hover,
.sectionNavigation ul li.selected a:visited{
	color: #FFFFFF;
}

.fieldContainer{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	color: #1F3F5F;
}

.fieldContainer.fullWidth{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.noFieldContainerMargin .fieldContainer{
	width: 100%!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
}

.fieldContainer input,
.fieldContainer textarea,
.fieldContainer p,
.fieldContainer select{
	font-size: 0.9rem;
	color: #1F3F5F;
}

.fieldName{
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #1F3F5F;
}

.fieldNameNoFlt{
	font-size: 0.9em;
	font-weight: bold;
	color: #1F3F5F;
}

.fieldLimit{
	float: right;
	font-size: 0.9em;
}

.trialListFieldName{
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1em;
}

.fieldContainer .options{
	margin-top: 0.25rem;
}

.fieldContainer .suggestionContainer{
	float: left;
	font-size: 0.7rem;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #FFFFFF;
	background-color: #358BD7;
	border:1px solid #358BD7;
	border-radius: 0.2rem;
	margin-right: 1rem;
}

.fieldContainer .suggestionContainer:hover{
	background-color: #5CA8F0;
	cursor: pointer;
}

.fieldContainer .suggestionContainer img{
	height: 1rem;
	background-color: #FFFFFF;
	margin: 0.2px;
	border-top-right-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
}

.fieldContainer .suggestionContainer div{
	margin:0px 0.5rem;
}

.error,
.error input,
.error input[type=text]{
	color: #FF4444;
}

.tinyText{
	font-size: 0.75em;
}

.footnoteText{
	font-weight: normal;
	font-style: normal;
}

.city{
	width: 40%;
	margin-right: 5%;
	margin-left: 5%;
	float: left;
}

.state{
	width: 15%;
	margin-right: 5%;
	margin-left: 0px;
	float: left;
}

.postalCode{
	width: 25%;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
}

.phoneNumberRowContainer{
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
	align-items: baseline;
}

.phoneNumber{
}

.phoneOTDLink{
	flex:0;
	white-space: nowrap;
	font-size: 0.8rem;
	font-weight: bold;
	cursor: pointer;
	color: #1F3F5F;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.phoneOTDLink.disabled{
	color: #A0A0A0!important;
	cursor: unset!important;
}

.categoryName,
.categorySortOrder,
.categoryStatus,
.categorySubcategories,
.categoryContactGroup{
	float: left;
}

.categorySelectButton{
	float: right;
}

.categoryAddButton{
	float: right;
}

.modeEdit .categoryName{
	width: 30%;
	margin-right: 5%;
}

.modeEdit .categorySortOrder{
	width: 10%;
	margin-left: 0px;
	margin-right: 5%;
	text-align: center;
}

.modeEdit .categoryStatus{
	width: 15%;
	margin-left: 0px;
	margin-right: 5%;
	text-align: center;
}

.modeHeader,
.modeHeader .categorySubcategories{
	font-weight: bold;
	cursor: auto !important;
	text-decoration: none !important;
}

.modeHeader .categoryAddButton{
}

.modeList .categoryName{
	width: 20%;
	margin-right: 2.5%;
}

.modeList .categorySortOrder{
	width: 8%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
}

.modeList .categoryStatus{
	width: 10%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
}

.modeList .categorySubcategories{
	width: 5%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
	cursor: pointer;
	text-decoration: underline;
}

.modeList .categoryContactGroup{
	width: 15%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
}

.modeList .categoryRowEdit{
	float: right;
	margin-right: 5%;
}

.warningNotificationBanner{
	background-color: #FFF9DB;
	border:1px solid #FFD200;
	margin: 1em 5%;
	padding: 1em;
}

.successNotificationBanner{
	font-size: 0.8em;
	background-color: #9ED99B;
	padding:1em;
	border: 1px solid green;
	color: green;
	position:relative;
}

.adminName,
.adminEmail,
.adminPhone,
.adminStatus{
	margin-top: 0.25em;
	float: left;
}

.adminSelectButton{
	float: right;
}

.adminName div,
.adminEmail div,
.adminPhone div,
.adminStatus div{
	min-height: 1em;
}

.adminName{
	width: 25%;
	margin-left: 0px;
	margin-right: 2.5%;
}

.adminEmail{
	width: 25%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminPhone{
	width: 12%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminStatus{
	width: 10%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.sectionHeader{
	font-weight: bold;
}

.row.flex{
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
}

.row.flex .row-cell{
	align-self:center;
}

.row.flex .row-cell .checkbox {
	margin-top: 0px!important;
	float:unset!important;
}

.row-cell {
	margin-left: 0px;
	overflow-x: hidden;
}

.row-cell.button {
	margin-left: 0px;
	margin-right: 2.5%;
	margin-top: .25em;
}

.row-cell.cell-button {
	overflow: visible;
}

.row-cell-contents {
	min-height: 1em;
}

.row-cell.cell-button {
	overflow: visible;
}

.cell-button.fltR{
	float:right!important;
}

.row.flex.SB{
	justify-content: space-between;
}


.contactDay,
.contactStartTime,
.contactEndTime{
	float: left;
	color: #1F3F5F;
}

.contactDay{
	width: 15%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.contactStartTime{
	width: 30%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
}

.contactEndTime{
	width: 30%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: center;
}

.dayComponent{
	float: left;
	width: 100%;
}

.timeComponent{
	float: left;
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
}

.timeComponent option{
	text-align: center;
}

.adminEmailType,
.adminEmailAddress,
.adminPhoneType,
.adminPhoneCountry,
.adminPhoneNumber{
	float: left;
}

.adminEmailType{
	width: 15%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminEmailAddress{
	width: 40%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminPhoneType{
	width: 15%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminPhoneCountry{
	width: 10%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

.adminPhoneNumber{
	width: 20%;
	margin-left: 0px;
	margin-right: 2.5%;
	text-align: left;
}

button.save{

}

button.notify{
	background-color:#FFD200;
	color: white;
}

button.notify:hover, button.notify:focus{
	background-color:#FED828;
}

button.delete{
	background-color: transparent;
	color: #EE4444;
	border:1px solid #D02020;
	font-weight: bold;
}

button.delete:hover, button.delete:focus{
	background-color: #D0202020;
	color: #FF2222;
	border-color: #FF2222;
}

span.warning {
	color: #D02020;
}

button.delete:disabled, .page-disabled button.delete{
	background-color: transparent !important;
	border:1px solid #C0C0C0;
}

button.delete:hover:disabled .page-disabled button.delete:hover{
	background-color: transparent !important;
	color: #C0C0C0;
	border:1px solid #C0C0C0;
}

button.transparent{
	background-color: transparent;
	color: #358BD7;
	border:1px solid #358BD7;
	font-weight: bold;
}

button.transparent:hover, button.transparent:focus{
	background-color: transparent;
	color: #1F3F5F;
	border-color: #1F3F5F;
}

body{
	min-height: 100%;
	height: 100%;
	font-size: 1em;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.00938em;
	margin: 0px;
}

h1{
	color: #FFFFFF;
	display: block;
	font-size: 1.17em;
	margin-block-start: 2em;
	margin-block-end: 1em;
	font-weight: bold;
	text-align: center;
}

h2{
	color: #000000;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: underline;
}

.contentHeader h2{
	text-align: left;
}

.contentHeader h1 .fieldName {
	font-size: 1.2rem;
}

h3{
	color: #000000;
	display: block;
	font-weight: 600;
	text-align: left;
	margin-bottom: 0px;
}

a, a:visited{
	text-decoration:none;
	color: #1F3F5F;
}

a.underline, a.underline:visited{
	text-decoration:underline;
	text-underline-offset: 2px;
}

.whiteText, a.whiteText, a.whiteText:visited{
	color: #FFFFFF;
}

.sub-section {
	margin-bottom:2em;
}

.sub-section.no-margin {
	margin-bottom:unset;
}

.sub-section span, .sub-section a, .sub-section h3, .sub-section select {
	font-size: .9rem;
}

label{
	display: block;
 	margin-bottom: 1em;
	font-weight: 400;
}

button{
	background-color:#358BD7;
	color: white;
	cursor: pointer;
	box-shadow: 0px 0px 0px transparent;
	border: 0px solid transparent;
	text-shadow: 0px 0px 0px transparent;
	border-radius: .5em;
}

button:hover, button:focus{
	background-color:#71AEE3;
}

button:disabled, .page-disabled button{
	background-color: #F0F0F0;
	border: 1px solid #C0C0C0;
	color: #C0C0C0;
	cursor: not-allowed;
	pointer-events: none;
}

input,
textarea,
select{
	width: 100%;
	box-sizing:border-box;
	padding: 0.25em 0.5em;
	font-size: 1em;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	outline:none;
	box-shadow:none;
	border: 1px solid #1F3F5F;
}

input:focus,
textarea:focus,
select:focus{
	border: 1px solid #358BD7;
}

.page-disabled input,
.page-disabled textarea,
.page-disabled select,
.page-disabled .checkbox{
	pointer-events: none;
	color: grey;
	cursor: not-allowed
}

select {
	padding: 0.18em 0.5em;
}

button,
input{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	border-width: 1px;
}

.mockInput{
	width: 100%;
	height:40vh;
	box-sizing:border-box;
	padding: 0.25em 0.5em;
	font-size: 1em;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	outline:none;
	box-shadow:none;
	border: 1px solid #1F3F5F;
	overflow: scroll;
}

.mockInput p{
	margin: 0px;
	padding: 0px;
}

.revisionAssistantInput{
	display: flex;
	flex-direction: row;
	line-height:1.5rem;
	justify-content: center;
	align-items: center;
}

.revisionAssistantInput img{
	height:10vh;
}

#full-page{
	height: 100%;
}

#app_container{
	height: 100%;
}

.fltR{
	float:right;
}

.fltL{
	float:left;
}

.clrB{
		clear: both;
}

.flexC {
	display: flex;
	align-items: center;
}

.flexCC {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clickable{
	cursor: pointer;
}

.flexCB {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flexCE {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flexCS {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flexB {
	display: flex;
	justify-content: space-between;
}

.flexRow50 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1rem;
}

.flexGrow1 {
	flex-grow: 1;
}

.flexEditSpace {
	margin: .72em 0;
}

.flexCSA {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 2rem;
}

.checkbox{
	margin-top: 0.15em;
	float:left;
	cursor: pointer;
	border-radius: 0.1em;
	border: 1px solid black;
	margin-right: 0.5em;
}
.checkbox .checkmark{
	border: 1px solid white;
	border-radius: 0.2em;
	height:0.8em;
	width:0.8em;
}

.checked .checkbox .checkmark{
	background-color:#1F3F5F;
}

.flexC .checkbox {
	margin-top: 0;
}

.none{
	display: none;
}

.titleError{
	text-align: center;
	color: red;
	margin-top: 1em;
	margin-bottom: 1em;
}

.fieldError{
	color: red;
	font-size: 0.9em;
}

.trial-id{
	font-weight: bold;
	float: left;
	margin-right: 0.25em;
	color: #358BD7;
}

.trial-codename{
	font-weight: bold;
	float: left;
	color: #1F3F5F;
}

.trial-status{
		font-weight: bold;
		float: right;
		color: #1F3F5F;
}

.trialCategory{
	padding-top: 0.25em;
}

.trialListAddButton{
	float: right;
	margin-top: 0.5em;
}

.trialListIncludeButton{

}

.trialListContainer{
	width: 85%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
}

.trialReferenceUrlTitle{
	flex: 1;
	margin-right: 1em;
	overflow: scroll;
	height: 1.5em;
	overflow: hidden;
}

.trialReferenceUrlType{
	flex: 1;
	margin-right: 1em;
	overflow: scroll;
	height: 1.5em;
	overflow: hidden;
}

.trialAttachmentTitle {
	display: flex;
	gap: 5px;
}

input[type=text].trialReferenceUrlTitle{
	height:inherit !important;
	text-overflow:inherit !important;
}

select.trialReferenceUrlType{
	height:inherit !important;
	text-overflow:inherit !important;
}

.trialReferenceUrl{
	flex: 2;
	margin-right: 1em;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 400px;
}

input[type=text].trialReferenceUrl{
	height:inherit !important;
	text-overflow:inherit !important;
}

.trialReferenceUrlRemove{
	flex: 0;
}

.trialInvestigatorName{
	flex: 2;
	margin-right: 1em;
	overflow: scroll;
	height: 1.5em;
	overflow: hidden;
}

select.trialInvestigatorName{
	height:inherit !important;
	text-overflow:inherit !important;
}

.trialInvestigatorRole{
	flex: 1;
	margin-right: 1em;
	overflow: scroll;
	height: 1.5em;
	overflow: hidden;
}

select.trialInvestigatorRole{
	height:inherit !important;
	text-overflow:inherit !important;
}

.trialEmptyList{
	text-align: center;
}

.trialListRemoveButton{
	margin-left: 1em;
}


.pageNavigation{
		text-align: center;
}

.pageNumber{
	padding: 0px 1em;
	cursor: pointer;
	color: blue;
}

.pageNumber.disabled{
	cursor: default;
	color: grey;
}

.adminPermissionUser{
	font-weight: bold;
}

.permissionGroupRow{
	margin-top: 1em;
	margin-bottom: 1em;
}

.permissionGroupHeader{
	float: left;
	font-weight: bold;
	width: 30%;
}

.permissionGroup{
	float: left;
	width:70%;
}

.permissionItem{
	float: left;
	margin-right: 7.5%;
}

.contactGroupName,
.contactGroupStatus{
	margin-top: 0.25em;
	float: left;
}

.contactGroupSelectButton{
	float: right;
}

.contactGroupName{
	width: 20%;
}

.contactGroupRow{
	margin-bottom: 1em;
}

.contactName,
.contactPriority{
	float: left;
}

.contactName{
	width: 60%;
}

.contactPriority{
	width: 10%;
	margin: 0 5px;
	text-align: center;
}

.siteLocationName,
.siteLocationContacts{
	float: left;
}

.siteLocationName{
	width: 35%;
}


.ellipsis {
	text-overflow: ellipsis;
	overflow : hidden;
	white-space: nowrap;
}

.searchBar{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
	margin-bottom: 1em;
}

.searchTerm{
	margin-right: 1em;
}

.searchResultContainer{
	position: absolute;
	width:100%;
	left: 0px;
}

.searchResultContainerList{
	margin-left: 5%;
	margin-right: 5%;
	min-height: 30vh;
	max-height: 50vh;
	width:90%;
	overflow: scroll;
}

.searchResultList{
	border: 1px solid #1F3F5F;
	background-color: #FFFFFF;
}

.searchResultRow{
	font-size: 0.9em;
	margin: 0.2em 1em;
	cursor: pointer;
}

.searchStatus{
	margin-right: 1em;
	width:auto;
	float: left;
}

.breadcrumb{
	margin-top: 1em;
}

.hide{
	visibility: hidden;
	display: none !important;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
 	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}

.entry-field-container{
	margin-bottom: 1em;
	clear: both;
	display: block;
}

.entry-field-container .focused{
	height:15em;
}

.entry-field-flex .editable-item-container{
	position:unset;
	display: flex;
	flex-direction: row;
	align-items:center;
}

.entry-field-flex .editable-item-detail{
	flex-grow: 1;
	margin-right: 1em;
}

.entry-field-flex .editable-item-remove{
	position:unset;
}

.entry-field-flex .editable-item-apply{
	position:unset;
}


.trial-criteria-preview{
	font-size: 0.8em;
	border: 1px dashed #1F3F5F;
	background-color: #F0F0F0;
	padding: 0.8em;
}

.trial-criteria-preview ol{
}

.siteUserRow.modeHeader{
		padding-top: 1em;
}

.siteUserName{
	float: left;
	width: 25%;
}

.siteUserCategory{
	float: left;
	margin-left: 2em;
}

.siteUserDate{
	float: right;
}

.statContainer{
	margin-top: 2em;
	margin-bottom: 3em;
}

.statBox{
	border:1px solid #1F3F5F;
	color:#1F3F5F;
	width: 15%;
	float: left;
	margin-left: 4%;
	padding-top: 1em;
	padding-bottom: 1em;
	cursor: pointer;
}

.statBox:hover{
	background-color: #358BD7;
	color: #FFFFFF;
}

.statBoxValue{
	font-size: 2rem;
	text-align: center;
}

.statBoxTitle{
	text-align: center;
	font-size: 0.9rem;
}

.statBoxLinkText{
	text-align: center;
	font-size: 0.8rem;
}

.chartListContainer{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2em;
}

.chartListDescription,
.chartListSortOrder{
	float: left;
}

.chartListDescription{
	width: 70%;
	margin-right: 2.5%;
}

.chartListSortOrder{
	width: 25%;
	margin-left: 0px;
	text-align: center;
}

.chartListContainer{
	margin-left: 5%;
	margin-right: 5%;
}

.chartHeader{
	display: inline-block;
}

.modalBackground{
	position:fixed;
	top:0px;
	left:0px;
	height:100vh;
	width:100vw;
	background-color:#FFFFFF;
	opacity:0.5;
	z-index: 500;
}

.modalPopup {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 500;
	transform: translate(-50%, -50%);
	padding: 1em 5em;
	text-align: center;
	background-color: #358BD7;
	border: 1px solid #1F3F5F;
	color: #FFFFFF;
	font-weight: bold;
}

.confirmModalPopup{
	position: fixed;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #1F3F5F;
	color: #1F3F5F;
	font-weight: bold;
	z-index: 500;
}

.confirmModalHeader{
	width: 100%;
	color: #FFFFFF;
	background-color: #1F3F5F;
	padding: .2em 0;
}

.confirmModalText{
	padding:0.5em 3em;
	font-weight: normal;
}

.confirmModalName{
	padding:0.5em 3em;
	font-weight: normal;
}

.confirmModalButtons{
	padding:2em 3em;
}

.helpModalPopup{
	position: fixed;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #1F3F5F;
	color: #1F3F5F;
	font-weight: bold;
	z-index: 500;
}

.helpModalHeader{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background-color: #1F3F5F;
	padding: .2em 0;
}

.helpModalText{
	padding:0.5em 0.5em;
	font-weight: normal;
	display: flex;
}

.dialogButtonYes{
	flex-basis:10em;
	flex-grow:1;
	margin: 0px 1em;
}

.dialogButtonNo{
	flex-basis:10em;
	flex-grow:1;
	background-color: #A0A0A0;
	margin: 0px 1em;
}

.contentHeader{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width:100%;
	min-height:2.5rem;
	background-color:#DEE3E7;
}

.contentHeaderId{
	color: #358BD7;
}

.contentHeader h1{
	display: block;
	font-size: 1.2rem;
	color:#1F3F5F;
	margin:0px 0px 0px 2.2rem;
	padding:0.25rem 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contentHeader select{
	flex-basis: max-content;
	padding: 0.05rem 0.5rem;
	margin-right: 0.5rem;
	font-size: 0.9rem;
	height: min-content;
}

h3.header-study-name {
	font-size: 1em;
	color:#1F3F5F;
}

.contentHeader .backButton{
	cursor: pointer;
	margin:0px 0px;
	padding:0.6em 1em;
	font-size: 0.9em;
	color: #358BD7;
}

.contentHeader h1.withBackButton{
	text-align: left;
	flex-grow: 1;
	text-align: left;
	margin:0px 0px 0px 0px;
}

.siteSelector{
	z-index: 99999;
	position: relative;
	right: 0px;
}

.siteDropdown{
	position: absolute;
	right:0px;
	width:260px;
	background-color: #FFFFFF;
	color: #358BD7;
	padding: 0.5em;
	border: 1px solid #1F3F5F;
}


.userMenuSelector{
	z-index: 99999;
	position: relative;
	right: 0px;
}

.userMenuDropdown{
	position: absolute;
	right:0px;
	width:180px;
	background-color: #FFFFFF;
	color: #358BD7;
	padding: 0.5em;
	border: 1px solid #1F3F5F;
}

.userMenuDropdown div,
.userMenuDropdown hr{
	margin-bottom: 0.5em;
}

.inlineErrorModal {
    text-align: center;
	margin: 20px 0px;
	padding-bottom: 10px;
	font-size: .9em;
	border: 1px solid #D02020;
}

.inlineErrorModal hr {
	border-color: #D02020;
}

.inlineErrorModal .titleError {
	text-align: center;
	margin: 0 0 .5em;
	color: white;
	background-color: #D02020;
	padding: 5px 0px;
}

.inlineErrorModal .inlineErrorModalItems {
	padding: 0 5px;
}

.inlineErrorModal .inlineErrorModalItem {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	text-align: left;
	align-items: center;
}

.inlineErrorModalItem .title {
	max-width: 75%;
}
.inlineErrorModalItem button {
	padding: .5em 1em;
	font-size: .9em;
}

.siteTrialCategoryContainer{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
	width: 85%
}

.siteTrialCategorySelect{
	margin-right: 1em;
}

.siteTrialCategoryButton{

}

.trialContactListEmpty{
	font-size: 0.9em;
	text-align: center;
}

.trialContactFieldName{
	margin-top: 0.4em;
	font-weight: bold;
	float:left;
}

.trialContactButton{
	margin-left: 1em;
	float: right;
}

.trialSiteContact{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
}

.trialSiteContactName{
	width:80%;
	margin-right: 1em;
}

.trialSiteContactPriority{
	width:10%;
	margin-right: 1em;
}

.contactResponseTitle{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1em;
	color: #1F3F5F;
}

.contactResponseRate{
	font-size: 1.2em;
	margin-top: 1em;
	margin-left: 0.5em;
	color: #1F3F5F;
}

.loadingContainer{
	text-align: center;
	font-weight: bold;
	padding: 10em;
	color: #1F3F5F;
}

.printPageContainer{
	width: 100vw;
	background-color: #FFFFFF;
	font-size: 2vw;
}

.printPageContainer .print-content{
	margin-left: 5vw;
	margin-right: 5vw;
}

.printPageContainer h1{
		font-size: 1.25em !important;
		color: #1F3F5F !important;
		text-align: left !important;
		margin-top: 1em;
}

.printPageContainer h2{
		font-size: 1em;
}

.printPageContainer .trial-criteria-preview{
	border: none !important;
	font-size: 1em;
}

.printQRCode{
	width:25vw;
	position:absolute;
	right:0px;
	top:1.25em;
}

.printPageContainer .blueBar img{
	width: 100vw;
	height:1em;
}

.featuredCategoryContainer{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
}

.featuredCategoryName{
	font-weight: bold;
	color: #1F3F5F;
}

.featuredCategoryTrial{
	color: #1F3F5F;
}

.featuredCategoryTrialMissing{
	color: #B0B0B0;
}

.featuredCategoryTrialID{
	color: #358BD7;
	float: left;
	margin-right: 0.5em;
}

.featuredCategoryTrialName{
	color: #1F3F5F;
	float: left;
}

.featuredCategoryButton{
	align-self: center;
}

.featuredCategoryTrialModalBackground{
	position:fixed;
	top:0px;
	left:0px;
	height:100vh;
	width:100vw;
	background-color:#FFFFFF;
	opacity:0.5;
}

.featuredCategoryTrialModal{
	position:fixed;
	top:30vh;
	left:0px;
	height:70vh;
	width:100vw;
	background-color:#FFFFFF;
	overflow-y: scroll;
}

.featuredCategoryTrialModalHeader{
	position: fixed;
	width: 100vw;
}


.overlayModalBackground{
	position:fixed;
	top:0px;
	left:0px;
	height:100vh;
	width:100vw;
	background-color:#FFFFFF;
	opacity:0.5;
	z-index: 500;
}

.overlayModal.lookup{
	height:70vh;
}

.overlayModalHeader{
	width: 100%;
}

.overlayModalHeader .modalSearchBar .searchBar{
	margin: 1em 5%;
}

.search-user-account.scroll-container {
    height: 45vh;
}

.scroll-container {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}

.scroll-container::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.overlayModalHeader{
	width: 100%;
}

.overlayModalHeader .modalSearchBar .searchBar{
	margin: 1em 5%;
}

.titleBar{
	color: #FFFFFF;
	background-color: #358BD7;
	text-align: center;
	padding: 0.5em;
}

.titleBarClose{
	background-color: #358BD7;
	color: #FFFFFF;
	position: absolute;
	right: 1em;
	margin-top: -2em;
	cursor: pointer;
}

.featuredCategoryTrialModalHeader .modalSearchBar{
	background-color: #FFFFFF;
	width:100vw;
	display: inline-block;
}

.featuredCategoryTrialModalHeader .modalSearchBar .searchBar{
	background-color: #FFFFFF;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
	margin: 1em 5%;
}

.featuredCategoryTrialList{
	margin-top:7.5em;
}

.featuredCategoryTrialList .notFound{
	text-align: center;
	margin-top: 20vh;
}

.tagContainer{
	margin: 0.5em 0px;
}

.tagContainer strong{
	font-size: 0.9em;
}

.tag{
	border: 1px solid #1F3F5F;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.25em;
	border-radius: 0.4em;
}

.tag:hover{
	background-color: #E0E0E0;
}

.tagContent{
	background-color: #E0E0E0;
	color: #1F3F5F;
	float: left;
	padding: 0.1em 0.6em 0.1em 0.8em;
	font-size: 0.8em;
	border-top-left-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
}

.tag.searchParam .tagContent{
	color: #FFFFFF !important;
	background-color: #358BD7 !important;
}

.tagContent.nonRemovable{
	border-radius: 0.4em;
}

.tagDelete{
	background-color: #E0E0E0;
	color: #1F3F5F;
	float: left;
	padding: 0.1em 0.8em 0.1em 0.8em;
	font-size: 0.8em;
	cursor: pointer;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
	-webkit-touch-callout: none;
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tag.searchParam .tagDelete{
	color: #FFFFFF !important;
	background-color: #358BD7 !important;
}

.tagDelete:hover{
	background-color: #D0D0D0;
}

.tag.searchParam .tagDelete:hover{
	color: #FFFFFF !important;
	background-color: #1F3F5F !important;
}

.trialAutosaveContainer{
	font-size: 0.8em;
	background-color: #9ED99B;
	color:#099502;
	padding: 0.25em 1em;
}

.trialAutosaveContainer.notSaved{
	background-color: #D0D0D0;
	color:#808080;
}

.trialAutosaveContainer span.hideSaved{
	display: none;
}

.trialAutosaveContainer.notSaved span.hideSaved{
	display: inline;
}

ul.categoryNav{
	display: block;
	float: left;
	margin:0.75em 0px 0px 0px;
	padding:0px;
}

ul.categoryNav li{
	display: block;
	float: left;
	margin-right: 2em;
	cursor: pointer;
	color:#1F3F5F;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.categoryNav li.selected{
	display: block;
	float: left;
	margin-right: 2em;
	cursor: pointer;
	color:#358BD7;
	font-weight: bold;
}

ul.categoryNav li.disabled {
  color: #C0C0C0;
  cursor: not-allowed
}

.autoSaveText{
	float: left;
	margin: 0.75em 5%;
	font-weight: bold;
}

.autoSaveSelectTitle{
	float: right;
	margin: 0.75em 0px;
	font-weight: bold;
}

.versionTypeSelect{
	float: right;
	width: auto;
	margin: 0.5em 5% 0.5em 1em;
}

.reportTable{
	width: 100%;
	border-collapse: collapse;
}

.reportTable tr td{
	border-top: 1px solid #358BD7;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

table.reportSectionSummary{
	border-collapse: collapse;
	border: 1px solid #1F3F5F;
	font-size: 0.9em;
}

table.reportSectionSummary td,
table.reportSectionSummary th{
	padding: 0.1em 1em;
}

table.reportSectionSummary tbody tr:hover{
	background-color: #E0E0E0;
}

table.reportSectionSummary .columnTitle{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #358BD7;
	border-bottom: 1px solid #1F3F5F;
}

table.reportSectionSummary .rowTitle{
	font-weight: bold;
}

table.fullWidth{
	width: 100%;
}

.providerName{
		width:40%;
		text-align: left;
}

.providerPercentViewed{
	width:20%;
	text-align: center;
}

.providerTimesShared{
	width:20%;
	text-align: center;
}

.tagSearchContainer{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
}

.tagSearchTitle{
	font-weight: bold;
}

.tagSearchInput{
	margin-left: 1em;
	flex-grow:1;
}

.loadingSpinner{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-content: stretch;
	margin: 4em auto;
	height:100px;
}

.modeHeader .subjectId,
.modeHeader .subjectStatus,
.modeHeader .subjectDateEnrolled{
	padding-top: 0.35em;
}

.subjectId{
	width:30%;
	margin-right: 2%;
	float:left;
}

.subjectStatus{
	width: 20%;
	margin-right: 2%;
	float:left;
}

.subjectDateEnrolled{
	width: 20%;
	margin-right: 2%;
	float:left;
}

.subjectNewButton{
	float:right;
}

.subjectTotalEventDate{
	width: 40%;
	margin-right: 2%;
	float:left;
}

.subjectTotalCount{
	width: 40%;
	margin-right: 2%;
	float:left;
	text-align: center;
}

.subjectTotalAddButton{

}

.editableListHeader {
	display: flex;
	justify-content: space-between;
	flex-flow: row;
	align-items: center;
}

.editable-item-container {
	position:relative;
	min-height:2em;
}

.editable-item-remove, .editable-item-apply {
	position: absolute;
	right: 0;
	top:0;
}

.editable-item-detail {
	padding: .1em 0;
}

.editable-item-detail.read {
	padding: .2em 0;
}

.page-disabled .editable-item-detail {
	pointer-events: none;
}

.password-rules .name {
	font-size: 1em;
	padding: 0 .3em 0 .4em;
}

.password-rules {
	padding: 0 .5em;
	margin: .5em 0 1em;
	text-align: left;
	font-size: .6em;
}

.rule.pass {
	color: #00b700;
}

.rule.fail {
	color: #e80000;
}

.glyphicon {
	margin-top: .3em;
	font-size: .7em;
}

.glyphicon-none {
	padding-right:1em;
}

.glyphicon-fail:before {
	content : '\274c'
}

.glyphicon-info:before {
	content : '\24d8'
}

.glyphicon-pass:before {
	content : '\2705'
}

.glyphicon-close:before {
	content : '\00D7'
}

.glyphicon-copy:before {
	content : '\2398'
}

.glyphicon-info:before {
	content : '\2139'
}

.glyphicon-info {
	font-size: 14px;
	margin-left:0px;
	vertical-align: super;
	color: #358BD7;
}

.link-copy {
	font-size: 28px;
}

.locationText {
	color: #1F3F5F;
}

.studySectionHdr {
	font-weight: 800;
	font-size: 1em;
}

.contact-recruit-hdr {
	font-size: 1.2em;
}

.contact-recruit-item {
	font-size: .9em;
}

.dropRegion {
	border: 2px dashed #DEE3E7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropRegion.active {
	border-color: #358BD7;
	background-color: #eaeaea;
}

.dropRegion .instructions {
	padding: 0 1em;
}

.dropRegion.error {
	border-color: #ff6666;
	background-color: #ffcccc;
}

.dropRegion.errorBorder {
	border-color: #ff6666;
}

.progressBarWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
}

.progressBar {
	border: 1px solid #1F3F5F;
	width: 200px;
	height: 20px;
}

.progressBarStatus {
	font-size: .8em;
}

.progressBarFill {
	background-color: #358BD7;
	width: 20%;
	height: 100%;
	color: white;
	text-align: center;
}

.fullScreen .overlayModal {
	height: 100vh;
	overflow-y: auto;
}

.attachContainer {
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	margin-top: 30px;
}

.addAttachPanel {
	max-width: 70%;
	flex-grow: 1;
}

.addAttachPanel .fieldContainer {
	margin: 0;
}

.attachPreviewPanel {
	flex: 1;
	font-size: .9em;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 2px;
	margin-top: 20px;
}

.attachPreviewPanel .previewStatus {
	width: 200px;
	margin-left: 50px;
}

.attachPreviewPanel .loading {
	height: 200px;
	width: 100%;
	border: dashed 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.confirmContainer .loading {
	border: dashed 1px;
	margin-right: 30px;
	min-width: 250px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.previewImgContainer .fullScreenIcon {
	position: absolute;
	top: 0;
	right: 0;
	background-color: white;
	border: 1px solid;
	margin: 2px;
}

.fileTypeIcon {
	margin: 2px;
}

.previewImgContainer {
	line-height: 0;
	position: relative;
	border: 1px solid;
	margin-right: 30px;
	min-width: 250px;
}

.selectedAttachments {
	height: 255px;
	overflow-y: auto;
}

.pdf-container {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
	background-color: gray;
}

.pdf-error-page {
	padding-top:2em;
	background-color: white;
	text-align: center;
	color:red;
	margin-bottom: 10px;
	flex-direction: column;
}

.pdf-page {
	line-height: 0;
	background-color: white;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	border: solid 1px;
	margin-bottom: 10px;
	flex-direction: column;
}

img.content {
	max-width:100%;
}

.pdf-page img.loading {
	position: absolute;
}

.page-divider {
	padding: 10px 0 15px;
	text-align: center;
	margin-top:auto;
	color: lightgray;
	font-size: .75em;
}

.glyphicon-loadError {
	color: red;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	font-size: 28px;
}

.glyphicon-loadError:before {
	content : '\26A0';
}

.loadErrorText {
	color: red;
}

.failed-page {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
}

.step1 .attachContainer {
	transform: translateX(0%);
	transition: all 1s, transform .75s;
	opacity: 1;
}

.step2 .attachContainer {
	transform: translateX(-101%);
	transition: all 1s, transform .75s;
	opacity: 0;
}

.confirmContainer {
	display: flex;
	position: absolute;
	margin-top:30px;
}

.step1 .confirmContainer {
	height : 100%;
	width : 100%;
	transform: translateX(101%);
	transition: all 1s, transform .75s;
	opacity: 0;
}

.step2 .confirmContainer {
	transition: all 1s, transform .75s;
	width:100%;
	height:100%;
	opacity: 1;
}

.wizard-flex-item {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #DEE3E7;
}

.wizard-item-connector {
	width: 150px;
	height: 2px;
	background-color: #DEE3E7;
}

.wizard-nav-circle {
	height: 15px;
	width: 15px;
	border: 2px solid #DEE3E7;
	border-radius: 50%;
	background-color: #DEE3E7;
	color: white;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .8em;
}

.wizard-flex-item.enabled .wizard-nav-circle {
	background-color: #358BD7;
	color: white;
}

.wizard-item-text {
	width: 150px;
	text-align: center;
	font-size: .8em;
}

.wizard-flex-item.enabled {
	color: #358BD7;
}

.vertical-label {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
	color: #DEE3E7;
	height: 175px;
}

.vertical-label-line {
	border-left: 1px solid #d3d7da;
	flex-grow: 1;
	width: 1px;
	margin: 15px 45px;
}

.field-editor-container{
	display: flex;
	flex-direction: row;
}

.platformHeader{
	background-color: #358BD7;
}

.platformHeader h2{
	margin: 0px 0px 0px 5%;
	padding: 0.25em;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}

.platformHeader .platformHeaderAll {
	padding-top: 0.4em;
	margin-left: 0.5em;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

.platformHeader img{
	height: 1.75em;
	margin-left: 0.5em;
	padding: 0.25em 0.25em 0px 0.25em;
	float: left;
}

input.ageValue{
	width: 5em !important;
	text-align: right;
}

select.ageValue{
	width: unset !important;
}

.fKGradeChicklet{
	float: right;
	margin-left: 1em;
	border: 1px solid #358BD7;
	border-radius: 0.2em;
	font-size: 0.7em;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}

.fKGradeTitle{
	float: left;
	background-color: #358BD7;
	color: #FFFFFF;
	font-weight: bolder;
	padding: 0px 0.5em;
}

.fKGradeValue{
	float: left;
	padding: 0px 1em;
}

.fKGradeChicklet .fKGradeTooltip{
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	color:#1F3F5F;
	border: 1px solid #1F3F5F;
	padding: 1rem;
	border-radius: 5px;
	z-index: 1000;
	max-width: 300px;
}

.fKGradeChicklet:hover .fKGradeTooltip{
	visibility: visible;
}

.fKGradeTooltip h1{
	color:#1F3F5F;
	font-size: 1rem;
	margin:0px;
	padding: 0px;
}

.fKGradeTooltip hr{
	margin: 0.5rem 0px;
}

.smallIcon{
	height: 1.5em;
}

.imagePreviewClose {
	position: absolute;
	top: 4px;
	right: 4px;
	color: lightgray;
	border: 2px solid lightgray;
	font-weight: 800;
	padding: 3px;
	line-height: .5;
	border-radius: 15px;
	font-size: 1em;
	background-color: white;
	margin:0;
}

.successNotificationBanner .glyphicon-close {
	position: absolute;
	top: 4px;
	right: 4px;
	color: green;
	border: 2px solid green;
	font-weight: 800;
	padding: 3px;
	line-height: .5;
	border-radius: 15px;
	font-size: 1em;
	background-color: white;
	margin:0;
	cursor: pointer;
}

.site-marketing-content .help-icon {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 20px;
}

.site-marketing-content .sub-section {
	position: relative;
}

.pageSideNavigation{
	display: flex;
	flex-direction: row;
}

.sectionSideNav{
	background-color: #DEE3E7;
	align-self: stretch;
	width:2.5rem;
	min-height:100vh;
}

.sectionSideNav ul li a{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #358BD7;
	align-items: center;
}

.sectionSideNav ul li.spacerRow hr{
	color: #358BD7;
}

.sectionSideNav ul li a:hover {
	background-color: #D0D0D0;
}

.sectionSideNav ul li img{
	width: 1.5rem;
	height:1.5rem;
	margin:0.5rem;
}

.sectionSideNav ul div.title{
	white-space: nowrap;
	display: none;
	font-size: 0.9rem;
	margin: 0.25rem 1rem 0.25rem 0.25rem;
}

.sectionSideNav ul:hover div.title{
	display: block;
}

.sectionSideNav .chicklet{
	position: absolute;
	margin-left: 1.5rem;
	height:1rem;
	width:1rem;
	background-color: #E80000;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 1rem;
	font-size: 0.7rem;
	text-align: center;
	z-index: 1000;
}

.sectionSideNavContent{
	flex: 1;
	min-height: 100vh;
}

.marketingImageContainer{
	display: flex;
	justify-content: space-between;
}

.rightCheckbox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	color: #1F3F5F;
}

.sectionSideNav li.disabled a{
	color: #808080!important;
	pointer-events:none;
}

.sectionSideNav li.disabled img{
	filter: saturate(0) brightness(1) contrast(0.5);
}


.sectionSideNav li.selected a{
	color: #FFFFFF;
}

.sectionSideNav li.selected img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.sectionSideNav li.selected,
.sectionSideNav ul li.selected a:hover{
	background-color: #358BD7!important;
}

.sectionSideNav ul {
	background-color: #DEE3E7;
	position: absolute;
	height:100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 100;
}

.sectionSideNav ul li a{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #358BD7;
	align-items: center;
	transition: all .35s ease;
}

.sectionSideNav ul li.spacerRow hr{
	color: #358BD7;
}

.sectionSideNav ul li a:hover {
	background-color: #D0D0D0;
}

.sectionSideNav ul li img{
	width: 1.5rem;
	height:1.5rem;
	margin:0.5rem;
}

.sectionSideNav ul div.title{
	white-space: nowrap;
	display: none;
	font-size: 0.9rem;
	margin: 0.25rem 1rem 0.25rem 0.25rem;
}

.sectionSideNav ul:hover div.title{
	display: block;
}

.sectionSideNavContent{
	flex: 1;
	min-height: 100vh;
}

.rightCheckbox{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	color: #1F3F5F;
}

.slider {
	display: flex;
	align-items: center;
}

input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 15rem;
	padding: 0;
	border-color: #358BD7;
}

.slider input[type="range"]::-webkit-slider-runnable-track {
	background: #358BD7;
	height: 0.1rem;
}

.slider input[type="range"]::-moz-range-track {
	background: #358BD7;
	height: 0.1rem;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	margin-top: -8px; /* Centers thumb on the track */
	background-color: #358BD7;
	border-radius: 50%;
	height: 1rem;
	width: 1rem;
}

.ql-editor h1, .ql-editor h2, .ql-editor h3 {
	color: unset;
	text-align: unset;
	text-decoration: unset;
}

.marketingImageContainer{
	display: flex;
	justify-content: space-between;
}

#marketingEditor.fullScreen {
	position: fixed;
	left: 0.05vw;
	bottom: 0.5vh;
	height: 99vh;
	width: 99vw;
	background-color: white;
	border: 2px solid lightgray;
	overflow-y: auto;
}

#marketingEditor select:focus, #marketingEditor select {
	border: none;
}

#marketingEditor .ql-toolbar.ql-snow {
	border: none;
	padding: 0;
	z-index:1000; /* Each field in editor gets a higher index for layering. Needs to go over all of them.*/
}

#marketingEditor .fieldContainer p, .infoDrawer p {
	font-size: unset;
}

.marketingField .fieldContainer{
	width: 100%;
	margin: 0;
}

.marketingField p, .infoDrawer p {
	padding: 0;
	margin: 0;
}

.marketingField u {
	text-decoration-skip-ink: none;
}

.marketingField .ql-editor {
	padding: 0;
	margin: 0;
	overflow: hidden;
	color: #000000;
}

#marketingEditor .ql-snow .ql-picker.ql-size {
	width:50px;
}

.marketingField .ql-container.ql-snow {
	border-style: none;
	font-size:1em;
}

#marketingEditor .dropRegion {
	border: none;
}

#marketingEditor .progressBar {
	width: 100%;
}

#marketingEditor .ql-picker-options [data-value=color-picker]:before {
	content: 'More Colors...';
}

#marketingEditor .ql-size .ql-picker-label:before {
	content: '';
}

#marketingEditor .ql-picker-options [data-value=color-picker]:hover {
	border-color: #358BD7 white white;
	border-top: solid 1px;
}

#marketingEditor .ql-picker-options [data-value=color-picker] {
	margin-top: 5px;
	padding-top: 2px;
	width: 100% !important;
	border-top: solid 1px #358BD7;
	text-align: left;
	font-size: .9em;
	background-position-y: 4px;
	background-image: url('/img/pfa/color_palette.svg');
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding-left: 20px;
	font-weight: 400;
}

#marketingEditor .ql-picker-options [data-value=color-group-site]:before {
	content: 'Your Colors';
}

#marketingEditor .ql-picker-options [data-value=color-group-default]:before {
	content: 'Default Colors';
}

#marketingEditor .ql-picker-options [data-value=color-group-site]:hover {
	border-color: white white #9F9F9F;
	cursor: default;
}

#marketingEditor .ql-picker-options [data-value=color-group-default]:hover {
	border-color: white white #9F9F9F;
	cursor: default;
}

#marketingEditor .ql-picker-options [data-value=color-group-site] {
	margin-bottom: 5px;
	margin-top: 0;
	background: none !important;
	width: 100% !important;
	border-bottom: solid 1px #9F9F9F;
	color: #9F9F9F;
	font-size: .9em;
	font-weight: 400;
	line-height: 2em;
}

#marketingEditor .ql-picker-options [data-value=color-group-default] {
	margin-bottom: 5px;
	margin-top: 0;
	border-bottom: solid 1px #9F9F9F;
	background: none !important;
	width: 100% !important;
	color: #9F9F9F;
	font-size: .9em;
	font-weight: 400;
	line-height: 2em;
}

#marketingEditor .ql-picker-options [data-value=\#ffffff] {
	border: 1px solid;
}

#marketingEditor .ql-snow .ql-picker.ql-font .ql-picker-item::before {
	margin-bottom: 5px;
	background-size: 140px;
	position: absolute;
	width: 120px;
	height: 20px;
	background-repeat: no-repeat;
}

#marketingEditor .ql-color-picker.ql-color .show-border {
	border: 1px solid;
}

#marketingEditor  .ql-snow .ql-picker.ql-font .ql-picker-label::before {
	background-size: 130px;
	top: 2px;
	position: absolute;
	width: 130px;
	height: 20px;
	background-repeat: no-repeat;
}

#marketingEditor .ql-font.ql-picker {
	width:150px;
}

#marketingEditor .ql-font .ql-picker-options {
	height: 300px;
	overflow-y: scroll;
}

#marketingEditor .ql-picker-options .ql-picker-item {
	position: relative;
	height: 25px;
}

#marketingEditor .ql-picker-options .ql-picker-item:hover {
}

#marketingEditor .ql-editor li:not(.ql-direction-rtl)::before {
	margin-left: -2.2em;
	margin-right: .5em;
}

#marketingEditor .ql-editor li::before {
	width: 1.7em;
}

#marketingEditor .modalBackground {
	z-index: 1000;
}

#marketingEditor .confirmModalPopup {
	z-index: 1000;
}

#marketingEditor .fieldTypeIcon {
	position: absolute;
}

#marketingEditor .page-number {
	font-size: .75em;
	font-weight: 100;
}

.permissionToolbar .checkbox {
	margin-top: 0px;
}

.toolbarDivider {
	border-right: 1px solid gray;
	width: 1px;
	height: 15px;
 	margin: 0 20px 0 20px;
}

.ql-picker-label {
	overflow: hidden;
}

input.color-picker {
	visibility: hidden;
	height: 0;
	width: 0;
	margin: 0;
	display: block;
	padding: 0;
}

.cell-button .mbContainer {
	margin-top: -.1rem
}

.mbContainer{
}

.mbDDContainer{
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .84em;
	right: 0;
	display:inline-block;
}

.mbDDContainer.expanded{
	background-color: #E0E0E0;
	border-radius: 0.5rem 0.5rem 0.5rem 0px;
	right: 0;
}

.mbTitleContainer{
	background-color: #358BD7;
	display: flex;
	flex-direction: row;
	border-radius: 0.5rem;
	align-items: stretch;
	justify-content: flex-start;
}

.mbTitle {
	display: flex;
	flex:1;
	flex-direction: column;
	color: #FFFFFF;
	/*font-weight: bold;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	cursor: pointer;
	justify-content: center;
}

.mbTitle:hover {
	background-color: #5CA8F0;
}

.mbTitleText{
	margin-left: 0.5rem;
	align-self: center;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-right: 5px;
}

.mbOptionExpand:hover img{
	background-color: #5CA8F0;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.mbTitleContainer.singleChoice .mbOptionExpand{
	display: none;
}

.mbTitleContainer.singleChoice .mbTitle{
	margin-left: 0px!important;
	justify-content: center;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.mbOptionContainer{
	display: none;
	position: absolute;
}

.mbDDContainer.expanded .mbOptionContainer{
	display: flex;
	flex-direction:column;
	background-color: #E0E0E0;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	white-space: nowrap;
	z-index: 2;
}

.mbOptionContainerWidth{
	margin-left: calc(0.5rem + 5px);
	height:0px;
	overflow: hidden;
}

.mbOption{
	cursor: pointer;
	width: 100%;
}

.mbOption:hover{
	background-color: #F0F0F0;
}

.mbOption.last{
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.mbOptionText{
	text-align: left;
	margin:0.2rem .75rem;
}

.responsiveHeight .overlayModal {
	height: initial;
	max-height: 100vh;
	overflow-y: auto;
}

.asset-list .mbTitle {
	min-width: 8em;
}

.assetPreviewContainer .overlayModal {
	overflowY: hidden;
	height: initial
}

.assetTemplateContainer .overlayModal {
	overflowY: hidden;
	height: initial;
	left: 0;
	width: 100vw;
}

.extractedImagesContainer .overlayModal {
	overflowY: hidden;
	height: initial;
}

.fullHeight .overlayModal {
	height: 100vh;
}

.emailImportContainer {
	overflow-y: auto;
	height: 35vh;
}

.downloadContainer{
	display: flex;
	justify-content: space-between;
	border: solid 1px #358BD7;
}

.downloadContainer.error {
	border:1px solid #D02020;
}

.downloadContent{
	color:#1F3F5F;
	flex-grow: 1;
	align-self: center;
	margin: 0.2rem 1rem;
}

.downloadButtonContainer{
	flex-grow: 0;
}

.downloadButtonContainer button{
	margin: 0.5rem;
}

.assetUploadConfirm {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.assetPreviewImage {
	max-height: 80vh;
	max-width:90%;
	border: 1px dashed #DEE3E7;
}

.mAssetRow .row-cell-contents {
	min-height: 1.7em;
}

.studySubmissionDescription{
	font-weight: bold;
	color:#1F3F5F;
	font-size: 0.9rem;
	max-width: 600px;
	text-overflow: ellipsis;
}

.studySubmissionDate{
	color:#358BD7;
	font-size: 0.8rem;
}

.studySubmissionSectionEmpty{
	text-align: center;
	margin: 1rem;
	color:#358BD7;
}

.dist-list-content-link:hover a {
	text-decoration: underline;
	color:#358BD7;
}

.dist-list-content-link:hover img {
	filter: unset;
}

.dist-list-content-link img {
	filter: saturate(0) brightness(0%) contrast(100%)
}

img.editor-tool-image.on {
	filter: invert(55%) sepia(17%) saturate(2053%) hue-rotate(169deg) brightness(87%) contrast(92%);
}

.distListContentContainer {
	max-height: 60vh;
	overflow-y: auto;
}

.editorCloseIcon img {
	filter: invert(.7);
}
.editorCloseIcon {
	position: absolute;
	background-color: white;
	margin: 0;
	line-height: 0;
}

.staticMarkupContainer p {
	margin: 0;
}

.selectableText:hover, .selectableText.selected {
	color: #358BD7;
}

.selectableText:hover img, .selectableText.selected img {
	filter: invert(51%) sepia(58%) saturate(1687%) hue-rotate(185deg) brightness(87%) contrast(92%);
}

.marketingAssetPreview {
	border: 1px dashed lightgray;
	color: #358BD7;
	margin-left: 20px;
	min-height: 50px;
}

.marketingAssetPreview img {
	max-width: 100%
}

.noWrap {
	white-space: nowrap;
}

.extractedImageContainer {
	display: flex;
	margin:auto;
	align-items: center;
	flex-direction: column;
}

.rowCenteredIcon{
	display: flex;
	justify-content:center;
}

.rowCenteredIcon img{
	width:1.5rem;
}

.rowCenteredIcon .row-cell-contents{
	display: flex;
}

.qrCodeContainer{
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

.qrCodeContainer img{
	width:10rem;
	max-width: 200px;
	display: block;
}

.qrCodeChartContainer{
	flex-grow: 1;
}

.qrCodeImageContainer {
	text-align: center;
}

.qrCodeImageCheckbox {
	font-size: 0.9rem;
	display: flex;
	justify-content: center;
}

.qrCodeEditorContainer{
	display: flex;
	flex-direction: row;
	align-items: self-start;
	justify-content: space-between;
	gap: 1rem;
}

.qrCodeEditorContainer div{
	flex-grow: 1;
}

.editorQrCodeList {
	height: 30vh;
	width: 100%;
	border: 1px solid #1F3F5F;
	overflow-y: auto;
	padding: 5px 15px;
}

.editorQrCodeList .selected {
	color: #358BD7;
}

.editorQrCodeList .selected img{
	border: 3px solid #358BD7;
	margin: 0;
}

.editorQrCodeList img {
	margin: 3px;
}

.saveStatus {
	margin-left: .5em;
	font-size: .75em;
	background-color: #FFEFF0;
	/*margin-top: 25px;*/
	margin-bottom: 15px;
	padding: 4px 0;

}

.saveStatus .unsaved {
	color: red;
}

.verifyPage{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.verifyContent{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-grow: 1;
	background-color: #FFFFFF;
	margin-left: 5%;
	margin-right: 5%;
}

.verifyContent table.reportSectionSummary td{
	padding:0.5rem 2rem;
}

.infoDrawer {
	position: fixed;
	z-index: 501;
	top: 0;
	right: 0;
	background-color: white;
	height: 100%;
	width: 25%;
	overflow-y: auto;
	box-shadow: 0px 0 10px rgb(0 0 0 / 50%);
}

.infoDrawer .infoDrawerHeader {
	padding: 0 3em;
	text-align: center;
	width: auto;
}

.infoDrawer.expanded {
	width: 55%;
}

.infoDrawer .close {
	top: 8px;
}

.infoDrawer img.expand, .infoDrawer img.collapse {
	float:left;
	position: absolute;
	top: 8px;
	left: 8px;
	height: 20px;
}

.infoDrawer .ql-container.ql-snow {
	border: none;
}

.infoDrawer .ql-toolbar.ql-snow {
	border: none;
	border-bottom: 1px solid #ccc;
}

.infoDrawer .contentHeader {
	margin-bottom: 0;
}

.infoDrawer.readOnly .ql-toolbar.ql-snow {
	display:none;
}

.infoDrawer {
	line-height: 1.42;
	font-size: 13px;
}

.infoDrawer video {
	width: 75%;
	display: block;
	margin: 0 auto;
}

.infoDrawer img {
	max-width: 100%;
}

img.close {
	height: 1.5em;
	position: absolute;
	right: 10px;
}

.nctImportBanner{
	font-size: 0.8em;
	background-color: #F8F8F8;
	padding:0.5rem;
	border: 1px solid #358BD7;
	color:#358BD7;
	width:unset!important;
}

.nctImportBanner .flexRow{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
}

.nctImportBanner.notFound{
	border: 1px solid #099502 !important;
	background-color: #9ED99B !important;
	color: #099502; !important
}

.assetImageList{
	height: 10rem;
}

.moreAIOptions{
	float: right;
	font-size: 0.8rem;
	cursor: pointer;
	color:#358BD7 !important;
}

.taskStatus{
	text-align: center;
}

.taskStatus img{
	height:1.25rem;
	display: block;
	margin: 0px auto;
}

.taskDescription{
	padding-left: 1rem;
	padding-right: 1rem;
}

table.grid {
	width: 100%;
	margin-bottom:1em;
	border-collapse: collapse;
	font-size: 1rem;
}

table.grid tr:nth-child(even) {
	background-color: #eef1f3;
}

table.grid tr {
	border-bottom: 1px solid #9F9F9F !important;
}

table.grid tbody tr td{
	height: 2.5rem;
}

.dateOptions{
	min-width: 6rem;
}

.dateOptions .date{
	display: block;
}

.dateOptions:hover .date{
	display: none;
}

.dateOptions .options{
	display: none;
}

.dateOptions:hover .options{
	display: block;
}

.optionContainer{
	display: inline-flex;
	justify-content:space-around;
	gap: 1rem;
}

.optionContainer img{
	cursor: pointer;
}


.suggestionContainer{
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.suggestionContainer .original{
	flex: 1;
	border: solid 1px #1F3F5F;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: 1.3;
	white-space: pre-wrap;
}

.suggestionContainer .original .originalText{
	background-color: #FFFFFF;
}
.suggestionContainer .originalText.selected,
.suggestionContainer .suggestion.selected,
.suggestionContainer .suggestionText.selected,
.suggestionContainer div.selected{
	background-color: #EAFFDE!important;
	background-image: url("/img/icons/icon_checkmark.svg");
	background-repeat: no-repeat;
	background-size: 1.3rem;
	background-position: 98% 0.5rem;
}

.suggestionContainer .suggestion{
	flex: 1;
	field-sizing: content;
	border: solid 1px #1F3F5F;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	line-height: 1.3;
}

.suggestionContainer.singleLine .original,
.suggestionContainer.singleLine .suggestion{
	border: none!important;
	padding: 0px!important;
}

.suggestionContainer.singleLine .original .originalText,
.suggestionContainer.singleLine .suggestion .suggestionText{
	border: solid 1px #1F3F5F;
	background-color: #FFFFFF;
	padding: 0.5rem 1rem;
	line-height: 1.3;
	font-size: 1rem;
	min-height: 1.3rem;
}

.suggestionContainer .original.header,
.suggestionContainer .suggestion.header{
	border: unset!important;
	text-align: center!important;
}

.splitBackground {
	background-image: url("/img/splitBackground.png");
	background-repeat: repeat-y;
	background-size: 95%;
	background-position-x: 50%;
}

.iconBar img{
	float: left;
	height: 0.9rem;
	margin: 0.5rem;
	filter: saturate(0%);
	cursor: pointer;
}

.iconBar img:hover,
.iconBar img.selected{
	filter: unset!important;
}

.rowButtonContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	color: #1F3F5F;
}

.rowButtonContainer div{
	cursor: pointer;
}

.rowButtonContainer .selected{
	color: #358BD7;
	font-weight: bold;
	text-decoration: underline;
}

.translateContainer{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 0.5rem;
	font-size: 0.9rem;
	cursor: pointer;
}

.translateContainer img{
	height: 1.2rem;
}

.image-mask-circle {
	clip-path: circle(50%);
}

.flexRow{
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.flexFieldContainer{
	flex: 1;
}

.flexImageContainer{
	flex: 0;
}

.kioskQRCode{
	width: 12rem;
}

.registrationCode{
	letter-spacing: 0.5rem;
}