/* = reset ================================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

main {
  min-height: 75rem;
  padding-top: 4.8rem;
}

div .padded { /*used in core */
	padding: 20px;
	padding-top: 50px;
}

div .banner { /*used in home hero-header */
  text-align: center;
}

div .user-info-name { /*used in header */
    font-weight: bold;
}

/*extracted from inline header-view home.cljs */
.hidden.menu {display: none;}
.ui.vertical.stripe {padding: 8em 0em;}
.ui.vertical.stripe h3 {font-size: 2em;}
.ui.vertical.stripe .button + h3,.ui.vertical.stripe p + h3 {margin-top: 3em;}
.ui.vertical.stripe .floated.image {clear: both;}
.ui.vertical.stripe p {font-size: 1.33em;}
.ui.vertical.stripe .horizontal.divider {margin: 3em 0em;}
.quote.stripe.segment {padding: 0em;}
.quote.stripe.segment .grid .column {padding-top: 5em;padding-bottom: 5em;}
.footer.segment {padding: 5em 0em;}
.secondary.pointing.menu .toc.item {display: none;}

/* =hero-header================================================================ */
.logincolumn { /*used in login */
	max-width: 700px;
}

/* = avatar = */
figure {
  display: block;
}

.avatar {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 2rem;
  width: 2rem;
}

.statusdot {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 1.4rem;
  width: 1.4rem;
}

.statusdot img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.float--right {
  float: right !important;
  padding: .8rem;
}
.float--left {
  float: left !important;
  padding: .8rem;
}

.logo {
  width: 25vw;
  min-width: 160px;
  max-width: 380px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?z05uqw');
  src:  url('fonts/icomoon.eot?z05uqw#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?z05uqw') format('truetype'),
    url('fonts/icomoon.woff?z05uqw') format('woff'),
    url('fonts/icomoon.svg?z05uqw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1065-Icon .path1:before {
  content: "\e900";
  color: rgb(0, 0, 0);
}
.icon-1065-Icon .path2:before {
  content: "\e901";
  margin-left: -3em;
  color: rgb(255, 255, 255);
}
.icon-1120-Icon .path1:before {
  content: "\e902";
  color: rgb(0, 0, 0);
}
.icon-1120-Icon .path2:before {
  content: "\e903";
  margin-left: -3em;
  color: rgb(255, 255, 255);
}
.icon-1120S-Icon .path1:before {
  content: "\e904";
  color: rgb(0, 0, 0);
}
.icon-1120S-Icon .path2:before {
  content: "\e905";
  margin-left: -3em;
  color: rgb(255, 255, 255);
}
.icon-xero-logo:before {
  content: "\78";
}
.icon-qbo-logo:before {
  content: "\e906";
}


/* =pricing from carrot needed for hero header======= */

.h1.pricing-headline {
      font-size: 80px;
      @include PTSerif()
      color: $deep_navy;
      min-width: 300px;
      margin: 0 auto;

      @include mobile() {
        margin: 0 auto;
        font-size: 36px;
        max-width: initial;
        padding: 0 24px;
      }
    }

.div.pricing-subheadline {
  color: $deep_navy;
  font-size: 30px;
  line-height: 38px;
  @include avenir_R();
  margin: 24px auto 0px;
  z-index: 2;
  position: relative;
  max-width: 800px;

  @include mobile(){
    margin-top: 16px;
    font-size: 20px;
    line-height: 26px;
    padding: 0px;
    color: $deep_navy;
    max-width: initial;
  }
}

.div.pricing-three-columns{
  margin: 80px auto 0;
  width: 1072px;
  padding: 0 24px;
  }
  @include pricing-tablet() {
    width: 100%;
  }

  @include mobile() {
    padding: 0;
  }

	/***** Pricing from carrot needed for hero header******/
	div.pricing-wrap {
	  background-color: #FFFFFF;
	}
	div.pricing-wrap div.main.pricing {
	  width: 100%;
	}
	@media screen and (max-width: 980px) {
	  div.pricing-wrap div.main.pricing section {
	    padding-left: 24px !important;
	    padding-right: 24px !important;
	  }
	}
	div.pricing-wrap div.main.pricing section {
	  background-color: #FFFFFF;
	}
	div.pricing-wrap div.main.pricing section.pricing-header {
	  padding: 239px 0 0;
	  text-align: center;
	  position: relative;
	}
	@media screen and (max-width: 980px) {
	  div.pricing-wrap div.main.pricing section.pricing-header {
	    overflow: visible;
	    padding: 131px 0 0;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	  }
	}
	div.pricing-wrap div.main.pricing section.pricing-header h1.pricing-headline {
	  font-size: 80px;
	  font-family: "PT Serif", serif !important;
	  font-weight: 700;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-rendering: optimizeLegibility;
	  color: #34414F;
	  min-width: 300px;
	  margin: 0 auto;
	}
	@media screen and (max-width: 767px) {
	  div.pricing-wrap div.main.pricing section.pricing-header h1.pricing-headline {
	    margin: 0 auto;
	    font-size: 36px;
	    max-width: initial;
	    padding: 0 24px;
	  }
	}
	div.pricing-wrap div.main.pricing section.pricing-header div.pricing-subheadline {
	  color: #34414F;
	  font-size: 30px;
	  line-height: 38px;
	  font-family: AvenirLTStd-Roman, Muli, Arial, sans-serif;
	  font-weight: normal;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-rendering: optimizeLegibility;
	  margin: 24px auto 0px;
	  z-index: 2;
	  position: relative;
	  max-width: 800px;
	}
	@media screen and (max-width: 767px) {
	  div.pricing-wrap div.main.pricing section.pricing-header div.pricing-subheadline {
	    margin-top: 16px;
	    font-size: 20px;
	    line-height: 26px;
	    padding: 0px;
	    color: #34414F;
	    max-width: initial;
	  }
	}

	/* = trial-balance ================================================================ */
	/* TODO remove most of these */
	.tb-row td label {
		white-space: pre-line;
		word-break: break-all;
	        margin-left: 5px;
		line-height: 1.5;
		transition: color 0.4s;
	}

	.tb-row td label {
		color: #3355cc;
	        text-align: left;
	}

	.tb-row-total {
	  background-color: lightgrey
	  }

	.tb-row-grouped {
		opacity: 0.5;
	  }

	.tb-orig-name-override {
		 text-decoration: line-through;
		 opacity: 0.5;
	}

	.tb-name-override {
		 font-weight: bold;
	}

	.tb-header-left {
		 border-left:      1px solid rgba(128,128,128, 0.8) !important;

	}

	.tb-header-right {
		 border-right:      1px solid rgba(128,128,128, 0.8) !important;

	}

	.tb-header-last {
		border-left:       1px solid rgba(128,128,128, 0.8) !important;
		border-right:      1px solid rgba(128,128,128, 0.8) !important;
	}



	/* = journal-entry ================================================================ */
	/* TODO rationalize these */
	.je-line td label {
		white-space: pre-line;
		word-break: break-all;
	        margin-left: 5px;
		line-height: 1.5;
		transition: color 0.4s;
		color: #3355cc;
	        text-align: left;
	}

	.je-line td .editing {
		border-bottom: none;
		padding: 0;
	}

	.je-line td .edit {
		display: block;
		margin: 0 0 0 10px;
	}

	.je-line td label.editing {
		display: none;
	}

	.je-line td .view {
		display: inline-block;
	}

	.je-line td .edit {
		display: none;
	}
	/* = journal-entry ================================================================ */
	.new-todoo,
	.editing {
		position: relative;
		margin: 0;
		width: 100%;
		size: 100px;
		font-size: inherit;
		font-family: inherit;
		font-weight: inherit;
		line-height: 1.4em;
		border: 0;
		outline: none;
		color: inherit;
		padding: 2px;
		border: 1px solid #999;
		box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smoothing: antialiased;
	}

	.new-todoo {
		padding: 2px 2px 3px 6px;
		border: none;
		background: rgba(0, 0, 0, 0.003);
		box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
	}

/*by Ben Wen for BS and IS */

div.accountsbox {position:absolute;left:48px}
div.h.name {margin-top:64px;font-family:Tahoma;font-size:13pt;font-weight:bold;color:black;word-wrap:break-word;text-align:center}
div.h.date {margin-top:24px;text-align:center}
.r {height:25px;font-family:Arial;font-size:8pt;color:black}
th.n {padding-top:48px;width:376px}
th.v {padding:48px 2px 5px 2px;width:77px;text-align:center}
div.th.v {width 75px; border-bottom:1px solid black}

tr.egp {opacity: 0.5;}

td.cat {height:18px;font-family:Arial;font-size:12pt;font-weight:bold;color:black}
td.subcat {padding-left:12px; height:18px;font-family:Arial;font-size:9pt;font-weight:bold;color:black}
td.nosubcat {padding-left:12px; height:18px;font-family:Arial;font-size:9pt;font-style:italic;color:black}
td.d {padding: 1px 3px 1px 3px; text-align:right;height:18px;font-family:Arial;font-size:8pt;color:black}
td.d.c {font-weight:normal}
td.d.name {padding-left:24px; text-align:left;width:272px}
td.d.name.member {padding-left:48px; text-align:left;width:272px}

/* totals */
td.t {padding: 15px 3px 1px 3px; text-align:right;height:18px;font-family:Arial;font-size:8pt;color:black}
td.t.c {font-weight:bold}
td.t.name {height:18px;font-family:Arial;font-size:9pt;font-weight:bold;color:black;text-align:left;width:272px}
div.t.v {padding: 5px 0px 2px; width 75px;border-top:1px solid black;border-bottom:3px double black}

/* grand total */
td.gt.name {height:18px;font-family:Arial;font-size:12pt;font-weight:bold;color:black;text-align:left;width:272px}

/* subtotals */
td.s {padding: 1px 3px 1px 3px; text-align:right;height:18px;font-family:Arial;font-size:8pt;color:black}
td.s.c {font-weight:bold}
div.s.v {padding: 5px 0px 2px; width 75px;border-top:1px solid black}

td.spacer {padding: 20px 0px 0px}

/* for tax (category) view */
th.nt {padding-top:48px;width:300px}
th.ct {padding-top:48px;width:276px}

/* from Report TODO customize these */
.layer {position:absolute;width:100%;height:100%;left:0px;top:0px;line-height:1.0}
.action {cursor:pointer}
div.action:hover {border:1px solid #ddd}
.sheet {position:relative;background-color:White}
.s0 {width:720px;height:891px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;background-color:White}
.s1 {width:720px;height:891px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s2 {width:720px;height:115px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s3 {width:77px;height:25px;font-family:Arial;font-size:8pt;color:Black;text-align:center;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;border-bottom:1px solid Black}
.s4 {width:682px;height:20px;font-family:Tahoma;font-size:11pt;color:Black;word-wrap:break-word;text-align:center;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s5 {width:682px;height:19px;font-family:Tahoma;font-size:11pt;color:Black;font-weight:bold;word-wrap:break-word;text-align:center;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s6 {width:682px;height:19px;font-family:Tahoma;font-size:11pt;color:Black;word-wrap:break-word;text-align:center;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s7 {width:163px;height:29px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s8 {width:720px;height:776px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s9 {width:720px;height:774px;font-family:Arial;font-size:10pt;color:Black;text-align:right;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s10 {width:720px;height:18px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s11 {width:298px;height:18px;font-family:Arial;font-size:9pt;color:Black;font-weight:bold;word-wrap:break-word;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s12 {width:72px;height:18px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:0px;padding-bottom:0px}
.s13 {width:163px;height:18px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s14 {width:164px;height:18px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s15 {width:72px;height:17px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:1px;padding-bottom:0px}
.s16 {width:283px;height:18px;font-family:Arial;font-size:8pt;color:Black;font-weight:bold;word-wrap:break-word;padding-left:15px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s17 {width:268px;height:18px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;padding-left:30px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s18 {width:72px;height:18px;font-family:Arial;font-size:8pt;color:Black;font-weight:bold;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:0px;padding-bottom:0px}
.s19 {width:72px;height:17px;font-family:Arial;font-size:8pt;color:Black;font-weight:bold;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:1px;padding-bottom:0px}
.s20 {width:298px;height:18px;font-family:Arial;font-size:9pt;color:Black;word-wrap:break-word;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s21 {width:72px;font-family:Arial;font-size:8pt;color:Black;font-weight:bold;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:3px;padding-bottom:0px;border-top:1px solid Black;border-bottom:3px double Black}
.s22 {width:72px;height:17px;font-family:Arial;font-size:11pt;color:White;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:1px;padding-bottom:0px}
.s23 {width:253px;height:18px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;padding-left:45px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s24 {width:72px;height:15px;font-family:Arial;font-size:8pt;color:Black;font-weight:bold;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:3px;padding-bottom:0px;border-top:1px solid Black}
.s25 {width:720px;height:59px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s26 {width:294px;font-family:Tahoma;font-size:8pt;color:Gray;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:0px;padding-top:7px;padding-bottom:0px}
.s27 {width:720px;height:809px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;background-color:White}
.s28 {width:720px;height:809px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s29 {width:720px;height:809px;font-family:Arial;font-size:10pt;color:Black;text-align:right;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s30 {width:72px;height:17px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:0px;padding-bottom:0px}
.s31 {width:72px;height:16px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;text-align:right;padding-left:0px;padding-right:5px;padding-top:1px;padding-bottom:0px}
.s32 {width:268px;height:17px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;padding-left:30px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s33 {width:164px;height:17px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s34 {width:253px;height:17px;font-family:Arial;font-size:8pt;color:Black;word-wrap:break-word;padding-left:45px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s35 {width:720px;height:17px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s36 {width:163px;height:17px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s37 {width:720px;height:58px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s38 {width:77px;height:24px;font-family:Arial;font-size:8pt;color:Black;text-align:center;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;border-bottom:1px solid Black}
.s39 {width:164px;height:19px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
.s40 {width:307px;height:39px;font-family:Tahoma;font-size:8pt;color:Gray;word-wrap:break-word;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:0px}


/* For tables */

/* These need to override Semantic UI's CSS which uses !important, hence the extra specificitiy for hover states*/

.total-valid {
  background-color: lightgrey;
}

.ui.selectable.table tbody tr.total-valid:hover, .total-valid:hover {
  background-color: rbga(0,0,0,.05)
}

.total-invalid {
  background: red;
}

.ui.selectable.table tbody tr.total-invalid:hover, .total-invalid:hover {
  background: #D6000A !important;
}

.grand-total-valid {
  background-color: lightgrey;
  font-weight: bold;
}

.grand-total-invalid {
  background: red;
  font-weight: bold;
}

.ui.table td.grand-total-name {
  text-align: right;
}

.ui.table td.right {
  text-align: right;
}
/* for TB Acconuts */

.ui.table td.grouped {
  padding-left:50px !important;
}

.ui.table td.not-grouped {
}

.ui.icon.button>.icon.active {
}

.ui.icon.button>.icon.inactive {
  opacity: 0.3;
}

.obfuscator {
  opacity: 0.2;
}

.obfuscator.show {
  opacity: 1.0;
}

.edit-icon {
  opacity: 0.3;
}

td.returnid {
  width: 250px;
}

.invite-button-group {
  padding-top: 12px;
}

/* Validation Error card */
.error-card {
  width: 200px;
}

.older-returns {

}

.older-returns.hidden {
  display: none;
}

.new-return {

}

td .client-name {
  font-weight: bold;
}

td .client-id {
  color: grey;
  margin-left: 5px;
}

table .client-list {
  }

/* No gutter for re-com h-split */

.container-fluid.full-width {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}
.row.row-no-gutter {
    margin: 0
}
.row.row-no-gutter [class*="col-"] {
    padding: 0
}
.img-full-width {
    width: 100.5%;
    height: auto;
}
.has-inner .row.row-no-gutter {
    margin-left: -10px;
    margin-right: -10px;
}
.row.row-no-gutter .inner {
    padding-left: 10px;
    padding-right: 10px;

}