/* ========================================================================== */
/* PORT SIZES
   ========================================================================== */
@media (max-width: 479px) {html { font-size: 14px; }}
@media (min-width: 480px) and (max-width: 767px) {html { font-size: 14px; }}
@media (min-width: 768px) and (max-width: 991px) {html { font-size: 14px; }} /* breakpoiint for the header to go full dropdown */
@media (min-width: 992px) and (max-width: 1199px) {html { font-size: 14px; }}
@media (min-width: 1200px) {html { font-size: 14px; }}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
/* ========================================================================== */
/* Typography
   ========================================================================== */
html { font-family: "Roboto", sans-serif; font-size: 14px !important; -webkit-font-smoothing: antialiased !important; font-weight: normal; line-height: 1.72rem; text-rendering: optimizeLegibility !important; }
body { -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; }
p { font-size:0.95rem; font-weight: 300; letter-spacing: 0.02rem; line-height: 1.2rem; margin: 0 0 1rem 0; }
p a { font-weight: 400; opacity:1 !important }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h7 a { font-weight: inherit; }
h1 { font-size: 3rem; font-weight: 300; letter-spacing:normal; line-height: 4.28rem; margin: 1.72rem 0 1.72rem 0; }
h2 { font-size: 2.5rem; font-weight: 300; letter-spacing: normal; line-height: 3rem; margin: 1.72rem 0 1.72rem 0; }
h3 { font-size: 2.3rem; font-weight: 400; letter-spacing: normal; line-height: 2.56rem; margin: 1.14rem 0 1.14rem 0; }
h4 { font-size: 1.72rem; font-weight: 400; letter-spacing: normal; line-height: 2.28rem; margin: 1.14rem 0 1.14rem 0; }
h5 { font-size: 1.5rem; font-weight: 400; letter-spacing: normal; line-height: 2.14rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.25rem; font-weight: 500; letter-spacing: normal; line-height: 1.72rem; margin: 0 0 0 0; }
h7 { font-size: 1.1rem; font-weight: 700; letter-spacing: normal; line-height: 1.5rem; margin: 0 0 0 0;padding: 4px 0;}
.content { margin-top: 50px; }
/* ========================================================================== */
/* TEXT COLOURS
   ========================================================================== */
.text-black-color           { color: #000000DE; font-weight: normal; }
.primary-text-color         { color: #00013A;}
.default-primary-text-color { color: #00013A;}
.accent-text-color          { color: #FF5252; }
.secondary-text-color       { color: #727272; }
.muted                      { color: #a6a6a6; font-weight: normal; }
.text-blue                  { color: #3f51b5; }
.text-green                 { color: #009688; }
.text-xero                  { color: #29d; }
.font-gobbill-xero                  { color: #29d; }
.font-gobbill-blue          { color: #0086bf !important; }
.font-gobbill-dark-blue     { color: #201ABC !important; }

.font-gobbill-gray         { color: #b4b4b4 !important; }
.font-gobbill-green         { color: #009688 !important; }
.font-gobbill-red           { color: #dc143c !important; }

.font-gobbill-accent        { color: #FD480E !important; }
.font-gobbill-yellow        { color: #ea8900 !important; }
.font-gobbill-light-yellow  { color: #f4d831 !important; }

.font-gobbill-white         { color: #FFFFFF !important; }
.font-gobbill-purple          { color: #6c246e !important; }

.alert-note {
	background-image: -webkit-linear-gradient(top, #f4ecc5 0, #f4e8c6 100%);
	background-image: -moz-linear-gradient(top, #f4ecc5 0, #f4e8c6 100%);
	background-image: -o-linear-gradient(top, #f4ecc5 0, #f4e8c6 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4ecc5), to(#f4e8c6));
	background-image: linear-gradient(to bottom, #f4ecc5 0, #f4e8c6 100%);
	background-repeat: repeat-x;
	border-color: #f4e197;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4ecc5', endColorstr='#fff4e8c6', GradientType=0);
}
.error-text                        { display: none; }
.has-error .help-block.error-text  { display: block; }
.has-error .help-inline.error-text { display: inline; }
.myfont {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased !important;
	font-weight: normal;
	line-height: 1.72rem;
	margin-right:10px;
	text-rendering: optimizeLegibility !important;
}
.fixed{
	position: fixed;
	z-index: 999;
}
.small-font { font-size: 12px;}
.normal-font { font-size: 14px }
.large-font { font-size: 18px }
/* ========================================================================== */
/* BORDER COLOURS
   ========================================================================== */
.divider-color { border-color: #a2a2a2; }
.divider-color-blue { border-color: #98bae4; }
.divider-color-green { border-color: #009688; }
.capa-border   { background: ghostwhite; border:2px solid #000000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333; margin: 0 0 1em 0; padding:8px; position:relative; }
.applet-border   { background:ghostwhite; border:2px solid #009688; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333; margin: 0 0 1em 0; padding:8px; position:relative; }
.em-border   { background:ghostwhite; border:2px solid #581e5a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333; margin: 0 0 1em 0; padding:15px; position:relative; }

.red-border { background: #f67376; border:1px solid #dc143c; color:#ffffff; margin: 0 0 1em 0; padding:10px; position:relative; }

.task-border { background: #fffe4063; border:1px solid #ffd000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333; margin: 0 0 1em 0; padding:10px; position:relative; }
.step-border { background: #ffffff; border:1px solid #98bae4; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:#333; margin: 0 0 1em 0; padding:10px; position:relative; }
.blue-border { border-bottom-color: #98bae4 !important;;border-left-color: #98bae4;border-right-color: #98bae4;border-top-color: #98bae4 !important;}
.green-border { border-bottom-color: #009688 !important;;border-left-color: #009688;border-right-color: #009688;border-top-color: #009688 !important;}
/* ========================================================================== */
/* BACKGROUND COLOURS
   ========================================================================== */
.background-gray      { background: #e4e4e4; }
.background-dark-gray {	background: #a6a6a6; }
.background-yellow    { background: #f49100; }
.background-light-yellow { background: #fffe4063;}
.background-light { background: #d9edf5; }
.background-green     {	background: #009688; }
.background-alt-green     {	background: #049624; }
.background-red       { background: #dc143c; }
.background-light-red {	background: #f67376; }
.background-alt-red   { background: #dc574c; }
.background-blue      { background: #0086bf; }
.background-light-blue { background: #B9DEF0; }
.background-light-indigo { background: #AD69DE; }
.background-light-green  { background: #b9bb8e; }
.background-purple  { background: #6c246e; }
.background-white  { background: #ffffff; }
.background-fraud  { background: #ADD985; }
.main-background      { background: #9ebfe8; }
.background-note { background: #f4e8c6;color: #000;}
input:disabled {
	background-color: #d8d8d8;
}
.header-block{ font-size: 1.75rem; font-weight: 500; letter-spacing: normal; line-height: 1.6rem; margin: auto; padding:5px; text-align: center; }
.header-info { background-color: #fffe4063; color: #000000; margin: auto; }
.status-block{ font-size: 2rem; font-weight: 500; letter-spacing: normal; line-height: 1.72rem; margin: auto;text-align: center; }
.status-paid { background-color: #0aa688; color: #ffffff; margin: auto; }
.status-schd { background-color: #f49100; color: #000000; margin: auto; }
.status-proc { background-color: #f67376; color: #000000; margin: auto; }
.status-appr { background-color: #fffe4063; color: #000000; margin: auto; }
.status-rej  { background-color: #dc143c; color: #ffffff; margin: auto; }
.sprvdr-block  { font-size: 1.75rem; font-weight: 500; letter-spacing: normal; line-height: 1.72rem; margin: auto;text-align: center; }
/* ========================================================================== */
/* BADGES
   ========================================================================== */
.badge-active    		 { background: #28A745; }
.badge-accent    		 { background: #FF5252; color: #ffffff; }
.badge-red    		 { background: #dc143c; color: #ffffff; }
.badge-green    		 { background: #009688; color: #ffffff; }
.badge-yellow    		 { background: #f49100; color: #ffffff; }
.badge-blue    		 { background: #0086bf; color: #ffffff; }
.badge-dark-blue    		 { background: #201ABC; color: #ffffff; }
.badge-purple    		 { background: #6c246e; color: #ffffff; }
.badge-gray    		 { background: #727272; color: #ffffff; }
.badge-available 		 { background: #1ca79e; border: solid 1px #17827a; color: #000; }
.badge-dd-only   		 { background: #dadcaa; border: solid 1px #b9bb8e; color: #000; }
.badge-available-active  { background: #1ca79e; border: solid 1px #28A745; color: #000; }
.badge-dd-only-active    { background: #dadcaa; border: solid 1px #28A745; color: #000; }

/* ========================================================================== */
/* CONTAINERS
   ========================================================================== */
.centerblock30 { margin-left: auto; margin-right: auto; width: 30% }
.centerblock40 { margin-left: auto; margin-right: auto; width: 40% }
.centerblock50 { margin-left: auto; margin-right: auto; width: 50% }
.centerblock60 { margin-left: auto; margin-right: auto; width: 60% }
.centerblock70 { margin-left: auto; margin-right: auto; width: 70% }
.centerblock80 { margin-left: auto; margin-right: auto; width: 80% }
.centerblock90 { margin-left: auto; margin-right: auto; width: 90%; }
.centerblock   { margin-left: auto; margin-right: auto; width: 100%; }
.ipsofacto { display: block; margin-left: auto; margin-right: auto; }
.center-container { background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0; padding:0;}
.addupd-box     { border: solid 2px #005c83; color: #ffffff; margin: 5px; }
.addupd-header   { background: #005c83;color: #ffffff; margin: 0;}
.addupd-content   { background: #ffffff;color: #000000; }
.addupd-footer   { background: #ffffff;color: #000000; margin: 0;}
.no-border-box     { background: #fff; border: 0; border-radius: 0; margin: 5px; padding:0}
.no-border-header  { background: #0086bf;color: #ffffff; margin: 0;padding: 4px;}
.no-border-content { background: #ffffff;color: #000000; }
.no-border-footer  { background: #ffffff;color: #000000; margin: 0;}
.border-box  { background: #fff; border: 1px solid #0086bf; border-radius: 0; margin: 10px 5px; padding: 4px }
.blue-box       { background: #fff; border: 1px solid #98bae4; border-radius: 10px; margin: 5px auto; padding: 0}
.black-box-out  { background: #fff; border: 0 solid #0086bf; border-radius: 10px; margin: 0 5px 5px 0; padding: 4px 1px}
.black-box-in   { background: #fff; border: 1px solid #0086bf; border-radius: 10px; margin: 5px 2px; padding: 4px;}
.black-box-sa   { background: #fff; border: 1px solid #0086bf; border-radius: 10px; margin: 0 5px 5px 5px; padding: 4px 0;}
.buttonsize     { height: 32px;margin: 0 0 0 30px;min-height: 24px;padding: 2px 0;}
.vl 			{border-left: 1.5px solid #3F51B5;height: 20px;margin-top: 5px;}
.ex { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 99%; flex: 0 0 99%; max-width: 99%; }
.col-a { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
.col-b { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-c { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
.col-d { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; }
.col-e { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; }
.col-f { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.col-g { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-h { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-i { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
.col-j { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.col-k { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
.col-l { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
.col-m { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 67%; flex: 0 0 70%; max-width: 67%; }
.col-n { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
.col-o { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
/* ========================================================================== */
/* IMAGE CONTAINERS
   ========================================================================== */
.headerLogo    { height: 50px; margin: 5px 0 0 0; }
.headerLogoSm    { height: 30px; margin: 5px 0 0 0; }
.billerLogo     { margin: 0; max-height: 65px; max-width: 154px; min-height: 65px; overflow: auto; padding: 0; }
.billerLogoMed  { margin: 0; max-height: 55px; max-width: 130px; min-height: 55px; overflow: auto; padding: 0; }
.billerLogoSm   { margin: 0; max-height: 48px; max-width: 113px; min-height: 48px; overflow: auto; padding: 0; }
.billerLogoVs   { margin: 0; max-height: 32px; min-height: 32px; overflow: auto; padding: 0; }
.pibsb-logo     { height: 33px; margin:0 !important; }
.pibsb-logo-md  { height: 24px; margin:0; }
.pibsb-logo-sm  { height: 18px; margin:5px; }
.pibsb-logo-vs  { height: 18px; margin:0; }
.imgpagesize    { height: auto; margin: auto; width: 100%;  }
.card-header                { margin: 0; padding: 10px 0; }
.header-profile-image-small { background: #fff; border: 1px transparent; border-radius: 50%; height: 45px; width: 45px; }
/* ========================================================================== */
/* HELPERS
   ========================================================================== */
.small        { font-size: 85%; font-weight: 500; letter-spacing: 0.02rem; line-height: 1.72rem; }
.smaller      { font-size: 75%; font-weight: 500; letter-spacing: 0.02rem; line-height: 1.2rem; }
.bold         { font-weight: 700 !important;}
.align-center { text-align:center !important;}
.align-left   { text-align:left}
.align-right  { text-align:right}
.uppercase    { text-transform: uppercase !important;}
.pointer      { cursor: pointer; }
.tcpadding  {	padding:2px;}
.thtop { background: #4682B4;color: #ffffff;}
.thadmin { background: #dc143c;color: #ffffff;}
.activerow { background:#1ca79e; border:1px solid;color: #ffffff; }
.closedrow { background:#f67376; border:1px solid;color: #000000; }
/* ========================================================================== */
/* NAVBARS
   ========================================================================== */

.navbar-fixed-top { border-width: 0 0 1px; top: 0; }
.navbar-capa { background-color: #0086bf; border-bottom: 0; }
.navbar-capa .navbar-brand { color: #000000; margin:0 2px;padding:0; }
.navbar-capa .navbar-brand:hover,
.navbar-capa .navbar-brand:focus { background-color: #0086bf; }
.navbar-capa .navbar-text { color: #000000; }
.navbar-capa .navbar-nav > li > a,
.navbar-capa .navbar-nav > li > a:hover,
.navbar-capa .navbar-nav > li > a:focus { background-color: #0086bf; border-bottom: 4px solid #0086bf; color: #ffffff; }
.navbar-capa .navbar-nav > .active > a { background-color: #ffffff; border-bottom: 4px solid #0086bf; color: #000000; }
.navbar-capa .navbar-nav > .active > a:hover,
.navbar-capa .navbar-nav > .active > a:focus { background-color: #ffffff; border-bottom: 4px solid #0086bf; color: #000000; }
.navbar-capa .navbar-nav > .disabled > a,
.navbar-capa .navbar-nav > .disabled > a:hover,
.navbar-capa .navbar-nav > .disabled > a:focus { background-color: transparent; color: #002839; }
.navbar-capa .navbar-toggle { border-color: transparent; }
.navbar-capa .navbar-toggle:hover,
.navbar-capa .navbar-toggle:focus { background-color: #0086bf; border-bottom: 4px solid #002839; color: #000000; }
.navbar-capa .navbar-toggle .icon-bar { background-color: #000000; }
.navbar-capa .navbar-collapse,
.navbar-capa .navbar-form { background-color: #0086bf; border-bottom: 0; color: #ffffff; }
.navbar-capa .open .dropdown-menu { background-color: #FFFFFF; z-index: 999999;}
.navbar-capa .navbar-nav > .active > a { background-color: #ffffff; border-bottom: 4px solid #002839; color: #000000; }
.navbar-capa .navbar-nav > .open > a,
.navbar-capa .navbar-nav > .open > a:hover,
.navbar-capa .navbar-nav > .open > a:focus { background-color: #002839; border-bottom: 4px solid #ffffff; color: #ffffff; }
.active { background-color: #0086bf; }.progress {
		  background-color: #0086bf;
		  background-image: -webkit-linear-gradient(top, #0086bf 0%, #00a1de 100%);
		  background-image: -o-linear-gradient(top, #0086bf 0%, #00a1de 100%);
		  background-image: -moz-linear-gradient(top, #0086bf 0%, #00a1de 100%);
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#0086bf), to(#00a1de));
		  background-image: linear-gradient(to bottom, #0086bf 0%, #00a1de 100%);
		  background-repeat: repeat-x;
		  border-radius: 4px;
		  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
		  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009688', endColorstr='#ff00c9b4', GradientType=0);
		  height: 20px;
		  margin: 5px 0;
		  overflow: hidden;
	  }
/* ========================================================================== */
/* MISCELLANEOUS
   ========================================================================== */

input:disabled {
	background-color: #d8d8d8;
}
input.ng-invalid {
	border-color: red;
}
input.ng-pristine {
	border-color: #98bae4;
}
input.ng-valid {
	border-color:lightgreen;
}
select.ng-pristine {
	border-color: #98bae4;
}
select.ng-invalid {
	border-color: red;
}
select.ng-valid {
	border-color:lightgreen;
}
.tableFixHeadLarge {
	height: 800px;
	overflow-y: auto;
	z-index: 90;
}
.tableFixHeadLarge thead th {
	position: sticky;
	top: 0;
	z-index: 90;
}
.tableFixHead {
	height: 564px;
	overflow-y: auto;
	z-index: 90;
}
.tableFixHead thead th {
	position: sticky;
	top: 0;
	z-index: 90;
}
.tableFixHeadMedium {
	height: 400px;
	overflow-y: auto;
	z-index: 90;
}
.tableFixHeadMedium thead th {
	position: sticky;
	top: 0;
	z-index: 90;
}
.tableFixHeadSmall {
	height: 250px;
	overflow-y: auto;
	z-index: 90;
}
.tableFixHeadSmall thead th {
	position: sticky;
	top: 0;
	z-index: 90;
}
.td-padding	{padding: 2px 4px !important;}
.td-padding0	{padding: 0 !important;}
.width05 {width: 5% !important;}
.width10 {width: 10% !important;}
.width15 {width: 15% !important;}
.width20 {width: 20% !important;}
.width25 {width: 25% !important;}
.width30 {width: 30% !important;}
.width35 {width: 35% !important;}
.width40 {width: 40% !important;}
.width45 {width: 45% !important;}
.width50 {width: 50% !important;}
.width55 {width: 55% !important;}
.width60 {width: 60% !important;}
.width70 {width: 70% !important;}
/* TOOLTIP */
.tooltip.top .tooltip-arrow { border-top-color: transparent; }
.tooltip > .tooltip-inner { background-color: #73AD21; border: 1px solid green; color: #FFFFFF; display: block; font-size: 14px; margin: 0 5px; padding: 10px; text-align: left; width: 150px; }
.tooltip { pointer-events: none; }
/* DATEPICKER */
/* CALENDAR */
.cal-week-box-cell { display: none; }
mwl-calendar .cal-slide-content { background-color: #8AD2E6;
	-moz-box-shadow: inset 0 0 15px 0 rgba(2, 162, 230, 0.5);
	-webkit-box-shadow: inset 0 0 15px 0 rgba(70, 178, 230, 0.5);
	box-shadow: inset 0 0 15px 0 rgba(2, 162, 230, 0.5);
	color: #000; padding: 20px; }
mwl-calendar .cal-slide-content a.event-item { color: #000; font-weight: 400; }
mwl-calendar .event { height: 12px; width: 12px; }
mwl-calendar .events-list { font-size: 12px !important; }
mwl-calendar .cal-month-day { height: 70px; }
mwl-calendar .cal-day-today { background-color: #C5CAE9; }
mwl-calendar .cal-year-box [class*="span"], mwl-calendar .cal-month-box [class*="cal-cell"] { min-height: 70px; position: relative; }
mwl-calendar .cal-month-box .cal-day-today span[data-cal-date] { font-size: 1.7em; }
mwl-calendar .cal-day-today span[data-cal-date] { color: #000; }
mwl-calendar span[data-cal-date] {
	margin-right:2px;
	margin-top: 0;
}mwl-calendar .cal-month-box .cal-month-day .cal-events-num {
	 margin-left: 2px;
	 margin-top: 2px;
 }mwl-calendar .event {
	  height: 8px;
	  width: 8px;
  }
mwl-calendar .badge-important {
	background-color: #009688;
}
mwl-calendar .cal-day-today span[data-cal-date] {
	font-weight: 800;
}
/* PDF VIEWER */
.pdfjs #viewerContainer { background: lightgrey; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; right: 0; top: 32px; }
pdfjs-viewer { bottom:0; left: 0; position: absolute; right: 0; top: 60px; }

/* ========================================================================== */
/* MATERIAL DESIGN OVERRIDES
   ========================================================================== */
md-content { padding : 10px 0 10px 0; }
md-sidenav.md-locked-open { max-width: 300px; min-width: 300px; width: 300px; }
md-tabs [role="tabpanel"] {	transition: none; }
md-tabs .md-tab.md-active, md-tabs .md-tab.md-focused { color: #009688; }
.md-tab { padding: 10px; }
.md-subheader .md-subheader-inner { padding: 10px 0 10px 10px; }
.md-subheader:not(.md-sticky-no-effect) { transition: 0.2s ease-out margin; }
.md-subheader:not(.md-sticky-no-effect):after { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; }
.md-subheader:not(.md-sticky-no-effect).md-sticky-clone { z-index: 2; }
.md-subheader:not(.md-sticky-no-effect)[sticky-state="active"] { margin-top: -2px; }
.md-subheader:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
	-webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
	-moz-animation: subheaderStickyHoverOut 0.3s ease-out both;
	animation: subheaderStickyHoverOut 0.3s ease-out both; }
.md-subheader .md-subheader-content *{ position: relative; z-index: 10; }
.md-subheader { background-color: #ededed; color: #000000; display: block; font-size: 1.5rem; font-weight: normal; letter-spacing: normal; line-height: 1em; margin: 0 0 0 0; position: relative; }
.md-fab:hover, .md-fab.md-focused { background-color: crimson !important; }
.md-accent { color: #FF5252; }
.md-button { max-width: 11em; min-width: 11em; }
.iconstyle {height: 22px !important;line-height: 20px !important;padding: 0 !important;}
.iconastyle {height: 22px !important;line-height: 20px !important;padding: 8px 0 !important;}
.padding4 {padding: 4px !important;}
.padding40 {padding: 4px 0 !important;}
.padding24 {padding: 2px 4px !important;}
.md-button.md-small { min-width: 1%; }
.md-button.md-icon-button { border-radius: 50%; height: 40px; line-height: 24px; margin: 0; min-width: 0; padding: 6px; width: 40px; }
.md-button.md-icon-button.md-small { border-radius: 50%; height: 40px; line-height: 24px; margin: 0; min-width: 0; padding: 0; width: 30px; }
.md-button.delete-btn { background: #009688; color: #fff; margin-right: 0; padding-left: 15px; padding-right: 15px; }
.md-danger { color: #DC143C; }
a.md-button.md-danger, .md-button.md-danger {
	color: #DC143C;
}
/* ========================================================================== */
/* TABLES
   ========================================================================== */

th { background-color: #d9edf5; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border: 0.125px solid #ddd;
	border-collapse: collapse;
	line-height: 1.42857143;
	padding: 8px;
	vertical-align: top; }
.bordercollapse { border-collapse: collapse;}
.sorttables { border-collapse: collapse; }
.sorttables th { border-bottom: 1px solid; }
.sorttables td, .sorttables th { border: 1px solid lightgrey; padding: 5px 10px; }
.sorttables td:first-child, .friends th:first-child { border-left: none; }
.search-icon { position: relative; right: 15px; }
.tb-form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	color: #555;
	display: block;
	font-size: 10px;
	height: 20px;
	padding: 2px 2px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 100%;
}
.li-form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	color: #555;
	display: block;
	font-size: 11px;
	height: 28px;
	padding: 2px 4px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 100%;
}
.onda-form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	color: #555;
	display: block;
	font-size: 11px;
	height: 28px;
	padding: 2px 4px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-paginate {
	background: #fff none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	color: #000;
	display: block;
	font-size: 11px;
	height: 30px;
	line-height: 1.42857143;
	padding: 2px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 100%;
}
/* ========================================================================== */
/* FORM GROUP SIZES
   ========================================================================== */
.form-group   { margin: 0 10px 10px 0; }
.group-large  { width: 100% }
.group-wide   { width: 360px; }
.group-med    { width: 320px; }
.group-normal { width: 150px; }
.group-small  { width: 100px; }
.group-smaller { width: 80px; }
.group-smallest { width: 60px; }
/* ========================================================================== */
/* BOOTSTRAP BUTTONS
   ========================================================================== */
a { color: #00013a; text-decoration: none; }
a:hover,
a:focus { color: #3f51b5; text-decoration: none; }
.button, button {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #b9def0;
	border: 1px solid transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #00013a;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	height: auto;
	line-height: 1.125;
	margin: 0;
	padding: .5em 1rem;
	text-decoration: none;
}
.btn-primary        { background-color: #009688; border-color: #009688; color: #fff; }
.btn-primary:active,
.btn-primary.active { background-color: #00736c; border-color: #00736c; }
.btn-primary:focus,
.btn-primary.focus  { background-color: #009688; border-color: #009688; color: #fff; }
.btn-primary:hover  { background-color: #00736c; border-color: #00736c; color: #fff; }
.btn-black          { background-color: #000000; border-color: #000000; color: #fff; }
.btn-black:active,
.btn-black.active   { background-color: #000000; border-color: #000000; }
.btn-black:focus,
.btn-black.focus    { background-color: #000000; border-color: #000000; color: #fff; }
.btn-black:hover    { background-color: #767676; border-color: #000000; color: #fff; }
.btn-ndis           { background-color: #6c246e; border-color: #581e5a; color: #fff; }
.btn-ndis:active,
.btn-ndis.active    { background-color: #6c246e; border-color: #581e5a; }
.btn-ndis:focus,
.btn-ndis.focus     { background-color: #6c246e; border-color: #581e5a; color: #fff; }
.btn-ndis:hover     { background-color: #9a319c; border-color: #581e5a; color: #fff; }
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-color: #ffffff; border-color: #999999; color: #fff; }
.open > .dropdown-toggle.btn-primary.focus { background-color: #ffffff; border-color: #000000; color: #fff; }
.open > .dropdown-toggle.btn-primary { background-image: none; }
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,

.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:hover, .btn-primary:focus { background-color: #00736c; }
.btn-xero       { background-image: linear-gradient(#048abb,#048abb); border-color: #048abb; color: #fff; }
.btn-xero:focus { background-image: linear-gradient(#048abb, #048abb); border-color: #048abb; color: #fff; }
.btn-xero:hover { background-image: linear-gradient(#046b91,#046b91); border-color: #048abb; color: #fff; }

.btn-active        { background-image: linear-gradient(#b9def0,#b9def0); border-color: #b9def0; color: #000; }
.btn-active:focus  { background-image: linear-gradient(#83b0f0, #83b0f0); border-color: #b9def0; color: #000; }
.btn-active:hover  { background-image: linear-gradient(#83b0f0, #83b0f0); border-color: #b9def0; color: #000; }
.btn-inactive        { background-image: linear-gradient(#dbdc5e,#dbdc5e); border-color: #dbdc5e; color: #000; }
.btn-inactive:focus  { background-image: linear-gradient(#dcc55f, #dcc55f); border-color: #dbdc5e; color: #000; }
.btn-inactive:hover  { background-image: linear-gradient(#dcc55f, #dcc55f); border-color: #dbdc5e; color: #000; }
.btn-add        { background-image: linear-gradient(#a2dca6,#a2dca6); border-color: #a2dca6; color: #000; }
.btn-add:focus  { background-image: linear-gradient(#7ddc7c, #7ddc7c); border-color: #a2dca6; color: #000; }
.btn-add:hover  { background-image: linear-gradient(#7ddc7c, #7ddc7c); border-color: #a2dca6; color: #000; }
.btn-closed        { background-image: linear-gradient(#dc574c,#dc574c); border-color: #dc574c; color: #fff; }
.btn-closed:focus  { background-image: linear-gradient(#dc3e40, #dc3e40); border-color: #dc574c; color: #fff; }
.btn-closed:hover  { background-image: linear-gradient(#dc3e40, #dc3e40); border-color: #dc574c; color: #000; }

.btn-trans        { background-color: transparent; border-color: transparent; color: transparent;;margin:0; padding: 2px}
.btn-trans.focus        { background-color: #e8e8e8;}

/* ========================================================================== */
/* SIDENAV HEADERS
   ========================================================================== */
.headcol { width:	25%; }
.headcol15 { width:	15%; }

.typeahead-codes .custom-popup-wrapper > .message {
	border-bottom: 1px solid #ddd;
	color: #868686;
	padding: 10px 20px;
}
.typeahead-codes .custom-popup-wrapper > .dropdown-menu {
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	float: none;
	min-width: 160px;
	position: static;
}
#loading-bar,
#loading-bar-spinner {
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transition: 350ms linear all;
	-moz-transition: 350ms linear all;
	-o-transition: 350ms linear all;
	transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
	opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
	opacity: 1;
}

#loading-bar .bar {
	background: #E6AFFC;
	border-bottom-right-radius: 1px;
	border-top-right-radius: 1px;
	height: 8px;
	left: 0;
	position: fixed;
	top: 55px;
	-webkit-transition: width 350ms;
	-moz-transition: width 350ms;
	-o-transition: width 350ms;
	transition: width 350ms;
	width: 100%;
	z-index: 10002;
}

#loading-bar-spinner {
	display: block;
	left: 45%;
	position: fixed;
	top: 60px;
	z-index: 10002;
}

#loading-bar-spinner .spinner-icon {
	-webkit-animation: loading-bar-spinner 400ms linear infinite;
	-moz-animation:    loading-bar-spinner 400ms linear infinite;
	-ms-animation:     loading-bar-spinner 400ms linear infinite;
	-o-animation:      loading-bar-spinner 400ms linear infinite;
	animation:         loading-bar-spinner 400ms linear infinite;
	border:  solid 8px transparent;
	border-left-color: #E6AFFC;
	border-radius: 50%;
	border-top-color:  #E6AFFC;
	height: 55px;
	width: 55px;
}

@-webkit-keyframes loading-bar-spinner {
	0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
	0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
	0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ========================================================================== */
/* RESPONSIVE CSS
   ========================================================================== */

/* breakpoint for the header to go single line */
@media (max-width: 1000px) {
	.navbar-header { float: none; }
	.navbar-left,.navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	.navbar-fixed-top { border-width: 0 0 1px; top: 0; }
	.navbar-collapse.collapse { display: none !important; }
	.collapse.in{ display:block !important; }
	.centerblock30 { margin-left: auto; margin-right: auto; width: 30% !important; }
}
@media (max-width: 900px) {
	.navbar-header { float: none; }
	.navbar-left,.navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	.navbar-fixed-top { border-width: 0 0 1px; top: 0; }
	.navbar-collapse.collapse { display: none !important; }
	.collapse.in{ display:block !important; }
	.centerblock30 { margin-left: auto; margin-right: auto; width: 40% !important; }
}
@media (max-width: 800px) {
	.centerblock30 { margin-left: auto; margin-right: auto; width: 60% !important; }
	.centerblock40 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.centerblock50 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.centerblock60 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.centerblock70 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.centerblock80 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.col-a { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-b { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-c { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-d { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-e { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-f { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-g { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-h { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-i { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-j { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-k { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-l { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-m { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-n { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.col-o { background: transparent; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 700px) {
	h5 { font-size: 1.25rem; line-height: 1.5rem; }
	.centerblock30 { margin-left: auto; margin-right: auto; width: 60% !important; }
	.centerblock40 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock50 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock60 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock70 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock80 { margin-left: auto; margin-right: auto; width: 100% !important; }

	md-sidenav.md-locked-open { width: 125px; }
	#loading-bar-spinner { left: 35%; top: 30%; }
}
@media (max-width: 600px) {
	.centerblock30 { margin-left: auto; margin-right: auto; width: 80% !important; }
	.centerblock40 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock50 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock60 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock70 { margin-left: auto; margin-right: auto; width: 100% !important; }
	.centerblock80 { margin-left: auto; margin-right: auto; width: 100% !important; }
	md-sidenav.md-locked-open { width: 125px; }
	#loading-bar-spinner { left: 35%; top: 30%; }
}
@media (max-width: 420px) {
	md-sidenav.md-locked-open { width: 95px; }
	#loading-bar-spinner { left: 35%; top: 30%; }
	.dash-container { padding: 0; }
	md-list-item.md-no-proxy, md-list-item .md-no-style { padding-left: 2px; padding-right: 2px; }
}
@media (max-width: 320px) {
	md-sidenav.md-locked-open { width: 55px; }
	#loading-bar-spinner { left: 35%; top: 30%; }
}


/**
 * IMPORTANT NOTICE: DON'T USE '!important' otherwise this may lead to broken print layout.
 * Some browsers may require '!important' in oder to work properly but be careful with it.
 */
.clearfix {
	clear: both;
	content: '';
	display: block;
}
#reportheader .logo {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	width: 30%;
}
#reportheader .logo img {
	height: 53px;
	width: 100px;
}
#contact-info {
	float: right;
	margin-top:10px;
	max-width: 100%;
	width: 40%;
}
#contact-info > div:first-child {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom:3px;
	width: 100%;
}
#contact-info > div {
	float: left;
	font-size: 0.7rem;
	line-height: 0.8rem;
}
#contact-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#reportheader .company-info {
	float: left;
	font-size: 0.7rem;
	line-height: 0.8rem;
	max-width: 100%;
	width: 30%;
}
#reportheader .company-info div {
	margin: 2px 8px;
}
#reportheader .statement-info {
	float: left;
	font-size: 1rem;
	line-height: 1.12rem;
	margin-top: 5px;
	max-width: 100%;
	width: 50%;
}
#reportheader .statement-info div {
	margin-bottom: 3px;
}
#reportheader .participant-info {
	float: right;
	max-width: 100%;
	width: 40%;
}
#reportheader .participant-info div {
	margin-bottom: 3px;
}
#reportheader:after {
	clear: both;
	content: '';
	display: block;
}
.reportheader {
	border-bottom: 1px solid #e2e2e2;
	margin-top: 20px;
}
.reportheader-title {
	font-size: 1.4rem;
	font-weight: bold;
}
.reportheader-subtitle-1 {
	font-size: 1.2rem;
	font-weight: bold;
}
.reportheader-subtitle-2 {
	font-size: 1.1rem;
	font-weight: bold;
}
.reportheader-line {
	border-bottom: 1px solid #e2e2e2;
	margin: 10px 0 15px 0;
}
.section-title {
	font-size: 1.12rem;
	font-weight: bold;
}

.section-line {
	border-bottom: 2px solid #000;
	margin:10px 0;
}
#plan-info {
	float: left;
	max-width: 100%;
	width: 100%;
}
#plan-info > div {
	float: left;
}
#plan-info > div > .subtitle {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
#plan-info .statement-info {
	float: left;
	font-size: 1rem;
	line-height: 1.12rem;
	margin: 5px auto;
	max-width: 100%;
	text-align: center;
	width: 100%;
}
#plan-info .statement-info div {
	margin-bottom: 3px;
}
#plan-info .budget-info {
	float: left;
	font-size: 1rem;
	line-height: 1.12rem;
	margin: 5px auto 5px auto;
	width: 100%;
}
#plan-info .budget-info div {
	margin-bottom: 3px;
}
#plan-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#plan-info > div:last-child {
	margin-left: 0;
	max-width: 100%;
	text-align: right;
}
#plan-info:after {
	clear: both;
	content: '';
	display: block;
}
#area-info {
	float: right;
	max-width: 100%;
	width: 40%;
}
#area-info > div {
	float: left;
}
#area-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#area-info > div:last-child {
	margin-left: 0;
	max-width: 160px;
	min-width: 120px;
	text-align: right;
}
#area-info:after {
	clear: both;
	content: '';
	display: block;
}

.support-line {
	border-bottom: 1px solid #e2e2e2;
	margin: 5px 0;
}
.area-line {
	border-bottom: 1px solid #e2e2e2;
	margin: 15px 0;
}
#capacity-info {
	float: left;
	margin: 10px 0 50px 0;
	max-width: 100%;
	width: 45%;
}
#capacity-info > div {
	float: left;
}
#capacity-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#capacity-info > div:last-child {
	margin-left: 0;
	max-width: 160px;
	min-width: 120px;
	text-align: right;
}
#capacity-info:after {
	clear: both;
	content: '';
	display: block;
}
#capital-info {
	float: left;
	margin: 10px 0 50px 0;
	max-width: 100%;
	width: 45%;
}
#capital-info > div {
	float: left;
}
#capital-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#capital-info > div:last-child {
	margin-left: 0;
	max-width: 160px;
	min-width: 120px;
	text-align: right;
}
#capital-info:after {
	clear: both;
	content: '';
	display: block;
}
#capital-chart-info {
	float: left;
	max-width: 100%;
	width: 240px;
}
#core-info {
	float: left;
	margin: 10px 0 50px 0;
	max-width: 100%;
	width: 45%;
}
#core-info > div {
	float: left;
}
#core-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
#core-info > div:last-child {
	margin-left: 0;
	max-width: 160px;
	min-width: 120px;
	text-align: right;
}
#core-info:after {
	clear: both;
	content: '';
	display: block;
}
#cpychart-info {
	float: left;
	max-width: 100%;
	width: 380px;
}
#cpychart-info:after {
	clear: both;
	content: '';
	display: block;
}
#cptchart-info {
	float: left;
	max-width: 100%;
	width: 380px;
}
#cptchart-info:after {
	clear: both;
	content: '';
	display: block;
}
#corechart-info {
	float: left;
	max-width: 100%;
	width: 380px;
}
#corechart-info:after {
	clear: both;
	content: '';
	display: block;
}
#notes-info {
	float: left;
	max-width: 100%;
}
#notes-info > div {
	float: left;
}
#notes-info > div > span {
	display: block;
	margin-bottom: 3px;
	min-height: 18px;
	min-width: 40px;
}
.subheading {
	font-size: 1.2rem;
	line-height: 1.22rem;
}
.page-line {
	border-bottom: 1px solid #e2e2e2;
	margin: 5px 0;
}
.endpage {
	break-after: page;
}
.clearback { background-color: transparent }

@media screen {
	#printSection {
		display: none;
	}
}

@media print {
	body * {
		visibility:hidden;
	}
	#printSection, #printSection * {
		visibility:visible;
	}
	#printSection {
		left:0;
		position:absolute;
		top:0;
	}
}

@media (min-width: 992px) {
  .nav-users {
    position: fixed;
  }
}
.social-account-container {
  display: inline-block;
  position: relative;
}
.btn-add-remove-account {
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.user-profile-picture {
  max-height: 150px;
  min-height: 150px;
}
.social-button {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.social-button:hover {
  opacity: 0.65;
}
.signin {
	background: #ffffff;
	padding: 0 20px;
}