html, body {
	height: 100%;
	font-size: 16px;
	--mdc-theme-primary: #337ab7;
	--mdc-theme-secondary: #337ab7;
}

body {
	font-family: Helvetica, Arial;
	margin: 0px;
	/* padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px; */
	overflow: auto;
}

.container {
	background-color: #f5f5f5;
	padding-top: 96px;
	padding-bottom: 64px;
	height: 100%;
	width:inherit;
}

.copyright-wrapper {
	font-size: 0.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flexbox body {
	display: flex;
	flex-direction: column;
}
.flexbox body > main {
	flex: 1 1 auto;
}

/* top bar */
.summaryBar {
	border-bottom: 1px solid #ccc;
	/*max-height: 51px;
	height: 51px;*/
	position: relative;
}

.personMeta {
	font-size: 10pt;
	color: gray;
}

.discrepancies {
	font-size: 10pt;
}

/* datum choices to select from */
.select-choice {
	padding: 5px 15px 5px 15px;
	color: #666;
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 9pt;
}
.select-choice:hover {
	background: rgba(138, 179, 237, 0.2);
	cursor: pointer;
}
.select-choice.selected {
	background: rgba(138, 179, 237, 0.8);
	color: #000;
	border-radius: 5px;
	cursor: default;
	pointer-events: none;
}

.list-group-item.text-success,
.select-choice.text-success {
	background: rgba(75, 119, 57, 0.2);
}
.select-choice.text-success:hover {
	background: rgba(75, 119, 57, 0.5);
	color: white;
}
.choice .select-choice.selected.text-success,
.select-choice.selected.text-success {
	background: rgba(75, 119, 57, 1) !important;
	color: white !important;
}
.list-group-item.text-danger,
.select-choice.text-danger {
	background-color: #FFAAAA;
}
.select-choice.text-danger:hover {
	background: rgba(187, 100, 98, 0.5);
	color: white;
}
.choice .select-choice.selected.text-danger,
.select-choice.selected.text-danger {
	background: rgba(187, 100, 98, 1) !important;
	color: white !important;
}

#left_side .selected .text-success {
	color: #9cc69d !important;
}
#left_side .selected .text-danger {
	color: #f9b4a2 !important;
}




.mt0 {
	margin-top: 0;
}

.bordered-cols .col {
	border-left: 1px solid #ccc;
}

.bordered-cols .col:first-child {
	border-left: none;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}

h5 {
	font-weight: bold;
	font-size: 16px;
}

.note-selector {
	display: none;
}

.toolbar {
	font-size: 36px;
}

/* a doc from an org */
.org-note {
	padding: 15px;
	background: rgba(240, 240, 240, 0.8);
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	border-radius: 5px;
	cursor: pointer;
}
.org-note:hover {
	background: rgba(138, 179, 237, 0.2);
}
.org-note.selected {
	background: rgba(138, 179, 237, 0.8);
}


.sources {
	display: none;
	margin-top: 10px;
}

.choice-made .sources {
	display: block;
}

.choice {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.choice h4 {
	margin-top: 0;
}

/* wrapper for datum choices */
.choice .row {
	margin-left: 0;
	margin-right: 0;
}
.choice:hover {
	background: rgba(234, 241, 255, 0.2);
}
.choice-selected:hover,
.choice-selected {
	background-color: #EEEEEE;
	/*background: rgba(234, 241, 255, 0.8);*/
}

.choice-made {
	/*background: rgba(246, 246, 120, 0.83) !important;*/
}

.choice-made .select-choice {
	background: rgba(187, 187, 187) !important;
	color: #aaa !important;
}

.choice-made .uncertain-button,
.choice-made .select-choice .text-success,
.choice-made .select-choice .text-danger {
	color: #555 !important;
}

.choice-made .uncertain-button {
	background: #ddd !important;
	border: #bbb !important;
}

.uncertain-button {
	background-color: #72bbfa;
	border-color: #88befe;
}

.choice-made .uncertain-button.selected {
	color: #fff !important;
	background-color: #428bca !important;
	border-color: #357ebd !important;
}





.address-undo,
.org-note-applied .glyphicon {
	color: #600;
	margin-right: 5px;
	cursor: pointer;
	opacity: 0.5;
}

.address-undo:hover,
.org-note-applied .glyphicon:hover {
	color: #a00;
	opacity: 1;
}

.overall-holder {
	height: calc(100% - 61px);
	width: calc(100% - 10px);
	position: absolute;
}

.bordered-cols .col {
	height: 100%;
	overflow: auto;
}


/* address styles */
.address-ok {
	background: rgba(180, 230, 180, 0.4);
}
.address-unknown {
	background: rgba(230, 180, 180, 0.4);
	pointer-events: none;
	cursor: not-allowed;
}
.address-changing,
.address-faded {
	padding: 5px 15px 15px 15px;
	color: #666;
	border-radius: 5px;
	position: relative;
}
.address-faded {
	opacity: 0.4;
}
.address-faded:before {
	content: "NO CHANGE";
	font-family: 'Century Gothic', Arial, Verdana;
	font-size: 28px;
	color: #000;
	font-weight: bold;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	transform: rotate(35deg);
}
.address-undo {
	position: absolute;
	right: 10px;
	top: 10px;
}
.address-faded .address-undo {
	display: none;
}


.mr1 {
	margin-right: 10px;
}

.save-all {
	/*position: absolute;
	top: -3px;
	left: 30%;*/
}

.get-next {
	/*
	position: absolute;
	top: -3px;
	left: 38%;  
	*/
	margin-right: 20px;
}

.compare-page .container {
	display: none;
}

.address-changing .title:before {
	content: "From ";
}

.doc-innards iframe {
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}





.spinner {
	margin: 100px auto;
	width: 20px;
	height: 20px;
	position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #333;

	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 40% { 
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	}
}








/* actual doc styling hacks */

.doc-innards h1 {
	font-size: 18px;
	font-weight: bold;
}
.doc-innards h2 {
	font-size: 18px;
	font-weight: normal;
}
.doc-innards h3 {
	font-size: 16px;
	font-weight: bold;
}
.doc-innards h4 {
	font-size: 16px;
	font-weight: normal;
}




.doc-innards-type-string-PHONE-NOTES table {
	width: 100%;
}
.doc-innards-type-string-PHONE-NOTES .bottomleft,
.doc-innards-type-string-PHONE-NOTES .bottommid,
.doc-innards-type-string-PHONE-NOTES .bottomright,
.doc-innards-type-string-PHONE-NOTES table .head {
	display: none;
}

.doc-innards-type-string-ADDO-CORR .box > p:nth-of-type(1) {
	display: none;
}
.doc-innards-type-string-ADDO-CORR .formtable {
	width: 100%;
}
.doc-innards-type-string-ADDO-CORR .label {
	color: #333;
	font-size: 14px;
	font-family: Arial;
}



/* page template stuff */

.footer-logged-in-as {
}



/* login page */


.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto 0;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#left_side input[type="checkbox"] {
	width: 65px;
	height: 65px;
}

.select-choice .org-list {
	max-height: 100px;
	overflow: auto;
}

.no-discrepancy { 
	padding-top: 20px;
	font-size: 24px;
	font-family: Arial, Verdana;
	font-weight: bold;
	text-align: center;
	color: #3c763d;
}

.org-list .row .col {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 9pt;
}

.vis.timeline .item {
	font-size: 8pt;
}

.vis.timeline .good {
	border-color: green;
	color: green;
	background-color: #AAFFAA;
}

.vis.timeline .bad {
	border-color: maroon;
	color: maroon;
	background-color: #FFAAAA;
}


.col-left {
	float: left;  
	width: 49%;
	text-align: left;
	overflow: hidden;
}

.col-right {
	float: right;  
	width: 49%;
}


.vis.timeline.labelset.vlabel.inner  {
	font-size: 8pt;
}


.status-locked-out {
	color: white;
	background: #a00;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 3px;
}

.status-normal {
	color: white;
	background: #00a;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 3px;
}

.footer-options {
	margin: 0 20px;
}

.label-info {
	font-weight: normal;
	background: inherit;
}

.user-list-table .uuid-value {
	font-size: 0.9em;
	display: inline-block;
	color: #666;
	border-bottom: 1px dotted #669;
}

footer {
  padding: 10px 20px;
}
footer .copyright-box {
  color: #aaa;
  font-size: 0.8em;
}

.split-input {
	margin-left: -5px;
	margin-right: -5px;
}
.split-input .split-input-part {
	float: left;
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
}
.btn-override {
    text-transform: none !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}