/* This file is auto-generated on application load and save - it is minified when the application status is live */

/* Page control css resource styles */

/* Loading */

div.loadingCover {
	position: absolute;
}

div.loading {
	background-color: black;
	opacity:0.2;
	filter:alpha(opacity=20); 
	text-align: center;
	vertical-align: middle;
}

span.loading {
	position: absolute;
	background: url("../../../images/wait_200x200.gif");
	background-repeat : no-repeat;
	background-size: 60px 60px;
	width: 60px;
	height: 60px;
    border: none;
	display: none;
}

/* Button control css resource styles */

.buttonGlyphWithBackground {
	font-size: 0.5em;
}

/* Camden address picker control css resource styles */

.camdenaddresspicker p {
	margin-bottom: 0;
}
	    		    
.camdenaddresspicker.required :before {
    content: "* ";
    color: red;
    font-size: 18px;
    font-weight: bold;
}	    		    

.camdenaddresspicker.validation a {
	font-weight:normal;
}

.camdenaddresspicker.validation label {
	font-weight:normal;
	color: black;
}

.camdenaddresspicker.validation span {
	font-weight:normal;
	color: black;
}

/* Camden checkbox control css resource styles */

div.validation .camdencheckbox div.check-input {
	margin-bottom:0;
}

/* Camden date control css resource styles */

.camdendate .form-control {
  width: 32% !important;
  display: inline-block;
}

/* Camden radio buttons control css resource styles */

.camdenRadioInline {
	display: inline-block;
	margin-right: 10px;
}	

.camdenRadioInline:not(:last-child) {
	margin-bottom: 10px;
}

/* Chart control css resource styles */

.chart {
	width: 500px;
	height: 400px;
}

/* Date control css resource styles */

input.date {
	background: url("../../../images/controls/date/date_17x15.gif") 100% 50% no-repeat;
	background-color: #FFF;
}

/* Drop down control css resource styles */

.custom-combobox {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 25px;
  background: url(../../../images/triangleDownWhite_8x8.png) no-repeat center;
}

.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item {
  padding: 0 10px;
}

.ui-menu-item > div {
	border: 1px solid rgba(0,0,0,0);
}

.ui-helper-hidden-accessible {
  display:none;
}

.ui-menu-item-wrapper {
  min-height: 1.5em;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  z-index: 1005;
}

/* Flow layout control css resource styles */

div.flowLayout {
	overflow:hidden;
}
.flowLayoutCell {
	float: left;
}

/* Gallery control css resource styles */

div.gallery .galleryItem {
	cursor:pointer;
	vertical-align:top;
}

.galleryControlButton {
	background: black;
	outline: none;
	padding: 10px;
	margin: 10px;
	border-radius: 50%;
	border-color: white;
	width: 62px;
	text-align: center;
	z-index: 1;
}

.galleryControlButton i {
	font-size: 38px;
	color: white;
}

.galleryControlDirectionButton {
	background: transparent;
	outline: none;
	border: 0;
	font-size: 50px;
	margin-top: -50px;
	padding: 20px 15px;
	text-shadow: 2px 2px 4px black;
	color: white;
}

.bigGallery {
	background: #111;
	z-index: 1010;
}

.galleryItem {
	cursor: pointer;
}

.bigGallery .galleryItem {
	cursor: default;
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	z-index: -1;
}

#tools button, #pallet button {
	transition: opacity 0.3s;
	opacity: 1;
}

#tools button:hover, #pallet button:hover {
	background: #444;
}

#tools button.faded, #pallet button.faded {
	opacity: 0.3;
	pointer-events: none !important;
}

@media only screen and (max-width: 500px) {
	
	#historyButtons, #btnRedo {
		clear: left;
	}
}

/* Grid control css resource styles */

table.grid {
	border-collapse:collapse;
}          

table.grid td {
	border: 0;
}     

table.grid span.sort {
	font-family: FontAwesome-solid;
	margin-left: 5px;
}

div.gridScroll {
	display: inline-block;
}

div.gridScroll table {
	width: 100%;
}

div.gridScrollHeader {
	overflow-x: hidden;
	overflow-y: hidden;
}

div.gridScrollHeader table.grid tr:not(:first-child) {
	visibility: hidden; /* must be hidden rather than display none to still have geometry to stay in sync with body */
}

div.gridScrollBody table.grid tr:first-child {
	visibility: hidden; /* must be hidden rather than display none to still have geometry to stay in sync with header  */
}

[disabled] table.grid tr td {
	cursor: not-allowed;
}

.gridWrapper {
	display: inline-block;
}

.gridWrapper > .grid,
.gridWrapper > .gridScroll {
	width: 100%;
}

/* Hidden value control css resource styles */

.hiddenValue {
	position: absolute;
	z-index: 10009;
}

/* Hints control css resource styles */

.hint {
	position: absolute;
	z-index: 10102;
}

/* List control css resource styles */

ul.list, .list ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.list ul {
	background: inherit;
}

.list {
	display: inline-block;
	background: #FFF;
}

li.listOption {
	cursor: pointer;
}           

span.listSelectedCount {
	float: left;
} 

span.listSlider {
	float: right;
	font-family: FontAwesome-solid;
	pointer-events: none;
}

/* Map control css resource styles */

.map {
	width: 300px;
	height: 300px;
	text-align: center;
}

/* Page panel control css resource styles */

.pagePanelStickyFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Radio buttons control css resource styles */

.radiobuttons label {
	display: inline-block;
}

/* Score control css resource styles */

span.score span {
  margin: 10px;
  color: grey;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

span.score span.selectedScore {
  color: black;
}

/* Signature control css resource styles */

.signature {
	width: 400px;
	height: 200px;
	cursor: crosshair;
	-ms-user-select: none;
}

/* Slide panel control css resource styles */

/* This is the opener */
.slidePanel {
	position: absolute;
	padding: 5px;
	top: 0;
	left: 0;
	z-index: 101;
	font-size: 55px;
	padding: 0 0.35em;	
}

/* Images have been phased out for the font-awesome glyph */
.slidePanel img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.slidePanel span {
	cursor: pointer;
}

.slidePanelPane {
	position: absolute;
	float: left;
	width: 200px;
	height: 100%;
	background-color: white;
	border-right: 1px solid black;
	z-index: 100;
}

.slidePanelCover {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: 0.75;
	z-index: 99;
}

.slidePanelOpener-black {
	color: black;
}

.slidePanelOpener-grey {
	color: #B1B1B1;
}

.slidePanelOpener-white {
	color: white;
}

.slidePanelOpener-green {
	color: #95C459;
}

/* Tabs control css resource styles */

ul.tabsHeader {
	list-style: none;
	padding: 0;
	margin: 0;
	vertical-align:top;
}
   
.tabsHeader li {
	border: 1px solid #bbb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0;
	text-decoration: none;
	display: block;
	background: #eee;
	color: #00c;
	width: 8em;
	text-align: center;
	cursor: pointer;
}

.tabsHeader li:hover {
	background: #ddf;
}

.tabsHeader li.selected {
	border-color: black;
	position: relative;	
	background: white;
	color: black;
	font-weight: bold;
	cursor: auto;
}

ul.tabsHeaderH li {
	border-bottom-width: 0;
}

ul.tabsHeaderH li.selected{
	position:relative;
	top:1px;
	z-index:1;
}

ul.tabsHeaderV li {
	border-right-width: 0;
}

ul.tabsHeaderV li.selected{
	position:relative;
	left:1px;
	z-index:1;
	margin-left: -1px;
}

div.tabsGroup {
	clear: both;
}

div.tabsPanel {
	display: none;
	min-height: 2em;
	vertical-align:top;
}

div.tabsPanel.selected {
	border: 1px solid black;
	clear: both;
	padding: 0 1em;	
}

/* Translate control css resource styles */

.google_translate_element {
	display: inline-block;
}

.google_translate_element img {
	margin-bottom: -4px;
}

/* Form action css resource styles */

.formSummaryTitle {
	margin-left:20px;
}	    			
	    			
.formSummaryPage {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	padding: 10px;
	border: 3px solid black;
}

.formSummaryPage h2 {
	margin-top:0;
}

.formSummaryPage a {
	float: right;
	position:relative;
	top: -20px
}

.formSummaryControl {
	display: block;
	margin-bottom:5px;
}

.formSummarySubmit {
	margin-left:20px;
}

/* Mobile action css resource styles */

.cameraControlBasic {
	background: black;
	outline: none;
	padding: 10px;
	margin: 20px;
	border-radius: 50%;
	border-width: 2px;
	border-color: white;
	border-style: outset;
	width: 62px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.cameraControl {
	background: black;
	outline: none;
	padding: 0;
	border-radius: 50%;
	border-width: 2px;
	border-color: white;
	border-style: outset;
    height: 70px;
    width: 70px;
    color: #FFF;
}

.cameraControlBasic:hover, .cameraControl:hover, #btnInputImage:hover {
	background: #444;
}

.cameraControl + .cameraControl {
    margin-left: 20px;
}

#captureCount, #videoRecordTimer {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 10px #000, 0 1px 2px #000;
}

.cameraIcon {
	font-size: 38px;
	color: white;
}

#cameraVideoContainer {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background: #111;
	z-index:1010;
	display: none;
	user-select: none;
}

#cameraPlayer {
	width:100%; 
	height:100%; 
	object-fit:contain;
}

.inputImagePage {
	text-align: center;
}

.inputImagePage p {
	margin-top: 1em;
}

.inputImagePageButton {
	min-width: 200px; 
	margin-top: 1em;
	border: 1px solid black;
}

.btnRecording {
	background: #C00;
}

#cropBox {
	position: fixed;
	box-sizing: content-box;
	margin: -2px;
	pointer-events: none;
	border: solid 2px #FFF;
	outline: solid 2000px #00000066;
	width: 0;
	height: 0;
	opacity: 1;
	transition: opacity 0.15s linear;
}

#cropBox.hiddenCrop {
	opacity: 0;
}

#btnInputImage {
	cursor: pointer;
}

#cameraVideoContainer :not(video) {
	transition: opacity 0.3s;
	opacity: 1;
}

#cameraVideoContainer div {
	pointer-events: none;
}

#cameraVideoContainer div * {
	pointer-events: all;
}

/* Navigate action css resource styles */

.dialogueCover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 1001;
}

.dialogue {
	background-color: white;
	padding: 0px;
    overflow: auto;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 100px);
}

/* Validation action css resource styles */

div.validation {
	padding: 10px;
	color: red;
	font-weight: bold;
}

span.validation {
	color: red;
	font-weight: bold;
}

label.validation {
	border: 2px solid red;
}

input.validation {
	border: 2px solid red;
}

select.validation {
	border: 2px solid red;
}

textarea.validation {
	border: 2px solid red;
}  

li.validation {
  color:red;
}

/* Camden theme styles */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
  U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
  background-color: #DFEEF5;
  font-family: Arial, Sans
}

form > div.pagepanel {
    background-color:white;
}

label {
  font-size: 1em;
}

a.disabled{
  cursor:not-allowed;
}
a.disabled:hover{
  text-decoration: none;
}

div.pagepanel {
  clear: both;
}

div.panel {
  border-width: 0;
  background-color: inherit;
}

.validation {
  padding: 5px;
}

.controlValidation {
  width: 100%;
}

.validationLabel {
  font-size: 1em;
}

span.validation {
  color: #cc0000 !important;
  margin-left:-5px;
  font-weight: normal;
  font-size: 1em;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block
}

div.validation {
  padding: 10px;
  border-left: 1px solid #cc0000 !important;
  border-right: 1px solid #cc0000 !important;
  background-color: #fcf1f3;
  border-radius: 0 !important;
}

div.validationTop {
  border-top: 1px solid #cc0000 !important;
  margin-top: 10px;
}

div.validationBottom {
  border-bottom: 1px solid #cc0000 !important;
  margin-bottom: 10px;
}

label.validation {
  border: 1px solid #cc0000 !important;
}

input.validation {
  border: 1px solid #cc0000 !important;
}

textarea.validation {
  border: 1px solid #cc0000 !important;
}  

li.validation {
  color: #cc0000 !important;
}

div.validationHeader {
  padding: 10px;
  border: 1px solid #cc0000;
  background-color: #fcf1f3;
}

div.validationLink {
  margin: 5px 0;
}

a.validationHeader {
  color: blue !important;
  font-weight: normal;
  font-size: 1em;
}

.camdenaddresspicker .validation {
    color: #cc0000 !important;
    font-weight: normal;
}

.required::before {
  content:"* ";
  color: red;
  font-size: 18px;
  font-weight: bold;
}

.radiobuttons .form-group:last-child {
  margin-bottom: 0;
}

.spacer {
  margin-bottom: 20px;
}

.mini-spacer {
  margin-bottom: 10px;
}

.stickyFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

.formSummaryPage {
  background-color: white;
  border: none;
}

.formSummarySubmit {
  background-color: rgb(0, 1, 159);
  border: 2px solid rgb(0, 1, 159);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  height: 38px;
  line-height: 22px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  padding-top: 6px;
  text-decoration: none;
  width: 82px;
}

.formSubmitMessage {
  background-color: white;
  padding: 20px;
  margin: 20px;
}

.formSubmittedDateTime {
  display: block;
  padding: 15px;
  margin: 15px;  
}

/* 
  Bootstrap classes - thanks to https://gist.github.com/geksilla/6543145
  Jst listed here so they come through in the designer

.active {}
.affix {}
.alert {}
.alert-danger {}
.alert-dismissable {}
.alert-info {}
.alert-link {}
.alert-success {}
.alert-warning {}
.arrow {}
.badge {}
.bottom {}
.breadcrumb {}
.btn {}
.btn-block {}
.btn-danger {}
.btn-default {}
.btn-group {}
.btn-group-justified {}
.btn-group-vertical {}
.btn-info {}
.btn-lg {}
.btn-link {}
.btn-primary {}
.btn-success {}
.btn-warning {}
.btn-xs {}
.caption {}
.caret {}
.carousel {}
.carousel-caption {}
.carousel-control {}
.carousel-indicators {}
.carousel-inner {}
.checkbox {}
.checkbox-inline {}
.check-input {}
.check-radio {}
.close {}
.col {}
.col-lg-1 {}
.col-lg-10 {}
.col-lg-11 {}
.col-lg-12 {}
.col-lg-2 {}
.col-lg-3 {}
.col-lg-4 {}
.col-lg-5 {}
.col-lg-6 {}
.col-lg-7 {}
.col-lg-8 {}
.col-lg-9 {}
.col-lg-offset-0 {}
.col-lg-offset-1 {}
.col-lg-offset-10 {}
.col-lg-offset-11 {}
.col-lg-offset-2 {}
.col-lg-offset-3 {}
.col-lg-offset-4 {}
.col-lg-offset-5 {}
.col-lg-offset-6 {}
.col-lg-offset-7 {}
.col-lg-offset-8 {}
.col-lg-offset-9 {}
.col-lg-pull-0 {}
.col-lg-pull-1 {}
.col-lg-pull-10 {}
.col-lg-pull-11 {}
.col-lg-pull-2 {}
.col-lg-pull-3 {}
.col-lg-pull-4 {}
.col-lg-pull-5 {}
.col-lg-pull-6 {}
.col-lg-pull-7 {}
.col-lg-pull-8 {}
.col-lg-pull-9 {}
.col-lg-push-0 {}
.col-lg-push-1 {}
.col-lg-push-10 {}
.col-lg-push-11 {}
.col-lg-push-2 {}
.col-lg-push-3 {}
.col-lg-push-4 {}
.col-lg-push-5 {}
.col-lg-push-6 {}
.col-lg-push-7 {}
.col-lg-push-8 {}
.col-lg-push-9 {}
.col-md-1 {}
.col-md-10 {}
.col-md-11 {}
.col-md-12 {}
.col-md-2 {}
.col-md-3 {}
.col-md-4 {}
.col-md-5 {}
.col-md-6 {}
.col-md-7 {}
.col-md-8 {}
.col-md-9 {}
.col-md-offset-0 {}
.col-md-offset-1 {}
.col-md-offset-10 {}
.col-md-offset-11 {}
.col-md-offset-2 {}
.col-md-offset-3 {}
.col-md-offset-4 {}
.col-md-offset-5 {}
.col-md-offset-6 {}
.col-md-offset-7 {}
.col-md-offset-8 {}
.col-md-offset-9 {}
.col-md-pull-0 {}
.col-md-pull-1 {}
.col-md-pull-10 {}
.col-md-pull-11 {}
.col-md-pull-2 {}
.col-md-pull-3 {}
.col-md-pull-4 {}
.col-md-pull-5 {}
.col-md-pull-6 {}
.col-md-pull-7 {}
.col-md-pull-8 {}
.col-md-pull-9 {}
.col-md-push-0 {}
.col-md-push-1 {}
.col-md-push-10 {}
.col-md-push-11 {}
.col-md-push-2 {}
.col-md-push-3 {}
.col-md-push-4 {}
.col-md-push-5 {}
.col-md-push-6 {}
.col-md-push-7 {}
.col-md-push-8 {}
.col-md-push-9 {}
.col-sm-1 {}
.col-sm-10 {}
.col-sm-11 {}
.col-sm-12 {}
.col-sm-2 {}
.col-sm-3 {}
.col-sm-4 {}
.col-sm-5 {}
.col-sm-6 {}
.col-sm-7 {}
.col-sm-8 {}
.col-sm-9 {}
.col-sm-offset-1 {}
.col-sm-offset-10 {}
.col-sm-offset-11 {}
.col-sm-offset-2 {}
.col-sm-offset-3 {}
.col-sm-offset-4 {}
.col-sm-offset-5 {}
.col-sm-offset-6 {}
.col-sm-offset-7 {}
.col-sm-offset-8 {}
.col-sm-offset-9 {}
.col-sm-pull-1 {}
.col-sm-pull-10 {}
.col-sm-pull-11 {}
.col-sm-pull-2 {}
.col-sm-pull-3 {}
.col-sm-pull-4 {}
.col-sm-pull-5 {}
.col-sm-pull-6 {}
.col-sm-pull-7 {}
.col-sm-pull-8 {}
.col-sm-pull-9 {}
.col-sm-push-1 {}
.col-sm-push-10 {}
.col-sm-push-11 {}
.col-sm-push-2 {}
.col-sm-push-3 {}
.col-sm-push-4 {}
.col-sm-push-5 {}
.col-sm-push-6 {}
.col-sm-push-7 {}
.col-sm-push-8 {}
.col-sm-push-9 {}
.col-xs-1 {}
.col-xs-10 {}
.col-xs-11 {}
.col-xs-12 {}
.col-xs-2 {}
.col-xs-3 {}
.col-xs-4 {}
.col-xs-5 {}
.col-xs-6 {}
.col-xs-7 {}
.col-xs-8 {}
.col-xs-9 {}
.collapse {}
.collapsing {}
.container {}
.control-label {}
.divider {}
.dropdown {}
.dropdown-backdrop {}
.dropdown-header {}
.dropdown-menu {}
.dropdown-toggle {}
.fade {}
.focusBorder {}
.form-control {}
.form-control-static {}
.form-group {}
.glyphicon {}
.glyphicon-chevron-right {}
.h1 {}
.h2 {}
.h3 {}
.h4 {}
.h5 {}
.h6 {}
.has-warning {}
.has-error {}
.has-success {}
.help-block {}
.hidden {}
.hidden-lg {}
.hidden-md {}
.hidden-print {}
.hidden-sm {}
.hidden-xs {}
.hide {}
.icon-bar {}
.icon-next {}
.img-circle {}
.img-responsive {}
.img-rounded {}
.img-thumbnail {}
.in {}
.initialism {}
.input-group {}
.input-group-addon {}
.input-group-btn {}
.input-lg {}
.input-sm {}
.invisible {}
.item {}
.jumbotron {}
.label {}
.label-danger {}
.label-default {}
.label-info {}
.label-primary {}
.label-success {}
.label-warning {}
.lead {}
.left {}
.list-group {}
.list-group-item {}
.list-group-item-heading {}
.list-group-item-text {}
.list-inline {}
.list-unstyled {}
.media {}
.media-body {}
.media-heading {}
.media-list {}
.media-object {}
.modal {}
.modal-backdrop {}
.modal-body {}
.modal-content {}
.modal-dialog {}
.modal-footer {}
.modal-header {}
.modal-open {}
.modal-title {}
.nav {}
.nav-divider {}
.nav-justified {}
.nav-tabs {}
.nav-tabs-justified {}
.navbar {}
.navbar-brand {}
.navbar-btn {}
.navbar-collapse {}
.navbar-default {}
.navbar-fixed-bottom {}
.navbar-fixed-top {}
.navbar-form {}
.navbar-header {}
.navbar-inverse {}
.navbar-left {}
.navbar-link {}
.navbar-nav {}
.navbar-right {}
.navbar-static-top {}
.navbar-text {}
.navbar-toggle {}
.next {}
.page-header {}
.pager {}
.pagination {}
.panel {}
.panel-body {}
.panel-danger {}
.panel-default {}
.panel-footer {}
.panel-heading {}
.panel-info {}
.panel-primary {}
.panel-success {}
.panel-title {}
.panel-warning {}
.pill-pane {}
.popover {}
.popover-content {}
.popover-title {}
.pre-scrollable {}
.prettyprint {}
.prev {}
.progress {}
.progress-bar {}
.progress-bar-danger {}
.progress-bar-info {}
.progress-bar-success {}
.progress-bar-warning {}
.pull-left {}
.pull-right {}
.right {}
.row {}
.show {}
.sr-only {}
.table {}
.table-bordered {}
.table-responsive {}
.text-center {}
.text-danger {}
.text-hide {}
.text-info {}
.text-left {}
.text-muted {}
.text-primary {}
.text-right {}
.text-success {}
.text-warning {}
.thumbnail {}
.tooltip {}
.tooltip-arrow {}
.tooltip-inner {}
.top {}
.visible-lg {}
.visible-md {}
.visible-print {}
.visible-sm {}
.visible-xs {}
.well {}
.well-lg {}
.well-sm {}
.wrapper {}
*/