#login-buttons {
  display: inline-block;
  margin-right: 0.2px;
  line-height: 1;
}
#login-buttons .login-button {
  position: relative;
}
#login-buttons button.login-button {
  width: 100%;
}
#login-buttons .login-buttons-with-only-one-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
  display: inline-block;
}
#login-buttons .login-display-name {
  display: inline-block;
  padding-right: 2px;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#login-buttons .loading {
  line-height: 1;
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#login-buttons .login-button,
.accounts-dialog .login-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 4px 8px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #596595;
  border: 1px solid #464f75;
  border-radius: 4px;
}
#login-buttons .login-button:hover,
.accounts-dialog .login-button:hover {
  background: #7580ac;
}
#login-buttons .login-button:active,
.accounts-dialog .login-button:active {
  background: #7580ac;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
#login-buttons .login-button.login-button-disabled,
.accounts-dialog .login-button.login-button-disabled,
#login-buttons .login-button.login-button-disabled:active,
.accounts-dialog .login-button.login-button-disabled:active {
  color: #ddd;
  background: #aaa;
  border: 1px solid #c3c3c3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.accounts-dialog * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}
#login-buttons .login-buttons-padding {
  display: inline-block;
  width: 30px;
}
#login-buttons .login-display-name {
  margin-right: 4px;
}
#login-buttons .configure-button {
  background: #ff2a00;
  border-color: #cc2200;
}
#login-buttons .configure-button:active,
#login-buttons .configure-button:hover {
  background: #ff5533;
  border-color: #ff2a00;
}
#login-buttons .login-image {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
}
#login-buttons .text-besides-image {
  margin-left: 18px;
}
#login-buttons .no-services {
  color: red;
}
#login-buttons .login-link-and-dropdown-list {
  position: relative;
}
#login-buttons .login-close-text {
  float: left;
  position: relative;
  padding-bottom: 8px;
}
#login-buttons .login-text-and-button .loading,
#login-buttons .login-link-and-dropdown-list .loading {
  display: inline-block;
}
#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
  float: right;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
  float: left;
}
#login-buttons .login-close-text-clear {
  clear: both;
}
#login-buttons .or {
  text-align: center;
}
#login-buttons .hline {
  text-decoration: line-through;
  color: lightgrey;
}
#login-buttons .or-text {
  font-weight: bold;
}
#login-buttons #signup-link {
  float: right;
}
#login-buttons #forgot-password-link {
  float: left;
}
#login-buttons #back-to-login-link {
  float: right;
}
#login-buttons a,
.accounts-dialog a {
  cursor: pointer;
  text-decoration: underline;
}
#login-buttons.login-buttons-dropdown-align-right .login-close-text {
  float: right;
}
.accounts-dialog {
  border: 1px solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  margin: -8px -12px 0 -12px;
  width: 250px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #333;
}
.accounts-dialog > * {
  line-height: 1.6;
}
.accounts-dialog > .login-close-text {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.accounts-dialog label,
.accounts-dialog .title {
  font-size: 80%;
  margin-top: 7px;
  margin-bottom: -2px;
}
.accounts-dialog label {
  display: inline;
}
.accounts-dialog input[type=text],
.accounts-dialog input[type=email],
.accounts-dialog input[type=password] {
  box-sizing: border-box;
  width: 100%;
}
.accounts-dialog input[type=text][type],
.accounts-dialog input[type=email][type],
.accounts-dialog input[type=password][type] {
  height: auto;
}
.accounts-dialog .login-button-form-submit {
  margin-top: 8px;
}
.accounts-dialog .message {
  font-size: 80%;
  margin-top: 8px;
  line-height: 1.3;
}
.accounts-dialog .error-message {
  color: red;
}
.accounts-dialog .info-message {
  color: green;
}
.accounts-dialog .additional-link {
  font-size: 75%;
}
.accounts-dialog .accounts-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.4;
}
.accounts-dialog .accounts-close:hover {
  opacity: 0.8;
}
.accounts-dialog #login-buttons-cancel-reset-password {
  float: right;
}
.accounts-dialog #login-buttons-cancel-enroll-account {
  float: right;
}
#login-dropdown-list {
  position: absolute;
  top: -1px;
  left: -1px;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -1px;
}
#login-buttons-message-dialog .message {
  /* we intentionally want it bigger on this dialog since it's the only thing displayed */
  font-size: 100%;
}
.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  z-index: 1001;
  position: fixed;
  left: 50%;
  margin-left: -129px;
  top: 50%;
  margin-top: -40px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog {
  width: 530px;
  margin-left: -269px;
  margin-top: -300px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog table {
  width: 100%;
}
#configure-login-service-dialog input[type=text] {
  width: 100%;
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
#configure-login-service-dialog ol li {
  margin-left: 30px;
}
#configure-login-service-dialog .configuration_labels {
  width: 30%;
}
#configure-login-service-dialog .configuration_inputs {
  width: 70%;
}
#configure-login-service-dialog .new-section {
  margin-top: 10px;
}
#configure-login-service-dialog .url {
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog-save-configuration {
  float: right;
}
.configure-login-service-dismiss-button {
  float: left;
}
#just-verified-dismiss-button,
#messages-dialog-dismiss-button {
  margin-top: 8px;
}
.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* XXX consider replacing with DXImageTransform */
  background-color: #000000;
  /* fallback for IE7-8 */
  background-color: rgba(0, 0, 0, 0.7);
}
#login-buttons input[type=text],
.accounts-dialog input[type=text],
#login-buttons input[type=email],
.accounts-dialog input[type=email],
#login-buttons input[type=password],
.accounts-dialog input[type=password] {
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 1;
}#at-google {
  background-color: #dd4b39;
  color: white;
}

.at-error {
  color: #db4437;
}

.at-form {
  flex-basis: 400px;
  padding: 16px;
}

.at-btn {
  background-color: #4285f4;
  color: white;
}

.at-btn.submit {
  margin-top: 8px;
}

.at-input {
  width: 100%;
}

a paper-button {
  color: #4285f4;
  text-decoration: none;
}

.at-sep{
  border-top: 1px solid #e0e0e0;
  margin-top: 32px;
  padding-top: 8px;
}

#at-nav-button {
  color: white;
}#login-buttons-image-google {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAADCklEQVQ4jSXSy2ucVRjA4d97zvdNJpPJbTJJE9rYaCINShZtRCFIA1bbLryBUlyoLQjqVl12W7UbN4qb1gtuYhFRRBCDBITaesFbbI3RFBLSptEY05l0ZjLfnMvrov/Bs3gAcF71x6VVHTk+o8nDH+hrH89rUK9Z9Yaen57S3wVtGaMBNGC0IegWKIDxTtVaOHVugZVmH3HX3Zz+4l+W1xvkOjuZfPsspY4CNkZELEgEIJKwYlBjEwjec/mfCMVuorVs76R8+P0KYMmP30U2dT8eIZqAR2ipRcWjEYxGSCRhV08e04oYMoxYLi97EI9YCJ0FHBYbIVGDlUBLwRlLIuYW6chEmQt/rJO09RJjhjEJEYvJYGNhkbUhw43OXtIWDFRq9G87nAaSK6sVRm8r8fzRMWbOX2Xx7ypd7ZET03sQhDOz73DqSJOrd+7HSo4QIu0Nx/4rOzx+cRXZ9+z7+uqJ+3hiepxK3fHZT2tMjXYzOtzL6dmznPzhLexgN0QlxAAYxAlqUqRmkf5j59RlNQ6MFHhgcpCTTx8EUb5e+plD7x4jjg1ANCAgrRQAdR7xKXjBlGyLYi7PxaUmb8z8xcpGHVXLHaXdjI0egKyJiQYTEhSPREVIEUBNC+Mqm+xpz3j0njLPHB2nsh1QgeG+IS48dYbD5YNoo0ZUAbVEuTUoKuBSZOarX/WhyQn6eg2+usDWf0s0tq8zNPYk+WI/Lnge++hlvlyfQ3NdECzGRWKwEEA0qNY251n69kV6+Y0kbaCZoebG2X3oU7pKoyxuXOPe945zs9DCeosGIXoBDyaLdf6ce4Hbk+/Y299ksKtAuaeNsiyw8c1LKIZ95b0MdgxA5giixACpTxEPSau6QdFfI5/2cLPmEW+JAQrtJUJzDXF1dkwHzVodJMX4HFEcQQMaFdPeM0Jb/4PUtzzaLKAhRyJFwo6lbegRNFfk819muV5dR4JBQoQdQ2xFiDmSNDHiaptamR9Gq5cQ18AledrGDpOfeI5Lq8u88smbhMRisoSAgAYghdfn5H/JkHuRZ1owLAAAAABJRU5ErkJggg==);
}.condition-library-dialog .item.selected {
	background-color: #e4e4e4;
}

.condition-library-dialog table {
	border-collapse: collapse;
}

.condition-library-dialog .library-condition td, tr {
	position: relative;
}.effectEdit .operationDropDown {
	width: 152px;
}

.effectEdit .statDropDown {
	width: 152px;
}

.effectEdit .damageMultiplierDropDown {
	width: 152px;
}

.effectEdit .deleteEffect {
	flex-shrink: 0;
}

.effectEdit .effect-table-view {
	align-self: center;
	color: #757575;
	color: rgba(0,0,0,0.54);
}

.effectEdit .iron-selected {
	color: #ad2a1f;
}.effectsEditList .effect {
	background: white;
}.exportDialog .iiexport {
	overflow-y: auto;
	width: 100% !important;
}.carryCapacityBar {
	background-color: #7DC580;
	background-color: rgba(255,255,255,0.27);
	position: relative;
	height: 4px;
}

.carryCapacityBar div{
	height: 100%;
	position: absolute;
}
.carryCapacityBar .tick {
	border-right: solid 2px #E5E5E5;
	border-right-color: rgba(255,255,255,0.54);
}body /deep/ .itemDialogWidth {
	width: 560px;
}.item-library-dialog .item.selected {
	background-color: #e4e4e4;
}

.item-library-dialog .category-header {
	font-size: 16px;
}

.item-library-dialog .category-header iron-icon {
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.item-library-dialog .category-header iron-icon.open {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.item-library-dialog table {
	border-collapse: collapse;
}

.item-library-dialog .library-item td {
	position: relative;
}html /deep/ .moveItemDialog paper-tabs::shadow #selectionBar {
	background-color: #D50000;
}

html /deep/ .moveItemDialog paper-tab::shadow #ink {
	color: #D50000;
}.noteDialog .colorDropdown {
	top: 0;
}.noteDialog .colorDropdown {
	top: 0;
}.printedAbility .title.paper-font-subhead {
	font-size: 2.5mm !important;
}.printedLongStat .title {
	white-space: nowrap;
	margin-left: 2mm;
}

.printedLongStat .numbers {
	z-index: 1;
	min-width: 74px;
	min-height: 45px;
}

.printed .printedLongStat.double-border{
	padding: 0;
}

.printed .printedLongStat.double-border:before {
    top: 4px;
    bottom: 4px;
    left: 33px;
}.printedProficiency iron-icon {
	margin-right: 2mm;
}.printedSkillRow {
	height: 24px;
	min-width: 140px;
}

.printedSkillRow .skill-mod {
	width: 36px;
    text-align: center;
	font-size: 3.5mm;
}.printedSquareStat {
	min-width: 67px;
}

.printedSquareStat .title.paper-font-subhead {
	font-size: 2.5mm !important;
}.spell-dialog paper-checkbox {
	margin: 8px;
}

.spell-dialog paper-dropdown-menu, .spell-dialog paper-input {
	margin: 0 4px;
}.spellListDialog .colorDropdown {
	top: 0;
}.spell-library-dialog .category-header {
	font-size: 16px;
}

.spell-library-dialog .category-header iron-icon {
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.spell-library-dialog .category-header iron-icon.open {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}.ability-mini-card {
	min-width: 75px;
	text-align: center;
	cursor: pointer;
	-webkit-margin-collapse: separate;
	background: #fff;
}

.ability-mini-card .title {
	padding: 16px;
}

.ability-mini-card .numbers {
	min-width: 72px;
	padding: 16px;
}

.ability-mini-card .modifier {
	font-weight: 600;
	font-size: 24px;
	color: #747474;
	color: rgba(0,0,0,0.54);
}.healthCard paper-diff-slider{
	width: 100%;
	margin-right: 8px;
}

.healthCard .bottom-border {
	border-bottom: rgba(0,0,0,0.24) solid 1px;
	margin-bottom: 12px;
}

.healthCard #stableButton {
	color: #b71c1c;
	transition: color 0.4s ease;
	width: 100%;
}

.healthCard #stableButton:before {
	content: "Unstable";
}

.healthCard #stableButton.stable {
	color: #1b5e20;
}

.healthCard #stableButton.stable:before{
	content: "Stable";
}.summaryNumber{
	width: 50px;
}.skill-row .skill-mod{
	width: 45px;
	text-align: center;
}

.skill-row .skill-mod.fail {
	color: #D50000;
}

.skill-row .skill-mod.advantage{
	background-image: url(png/advantage/greenUp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.skill-row .skill-mod.disadvantage{
	background-image: url(png/advantage/redDown.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}.stat-card {
	min-width: 75px;
	text-align: center;
	cursor: pointer;
	-webkit-margin-collapse: separate;
	background: #fff;
}

.stat-card .title {
	padding: 16px;
}

.stat-card .numbers {
	min-width: 72px;
	padding: 16px;
}

.stat-card .advantage{
	background-image: url(png/advantage/greenUp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.stat-card .disadvantage{
	background-image: url(png/advantage/redDown.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}.containerTop {
	cursor: pointer;
}

.featureCardTop {
	margin-bottom: 8px;
}

.card.featureCard .bottom {
	padding-bottom: 8px;
}

.containerMain.featureDescription {
	white-space: pre-line;
}

.resourceCards paper-material.healthCard {
	width: 100%;
}

/*To change the ink color for checked state:*/
.containerTop paper-checkbox::shadow #ink[checked] {
	color: #ffffff;
}

/*To change the checkbox checked color:*/
.containerTop paper-checkbox::shadow #checkbox.checked {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.27);
	border-color: #ffffff;
	border-color: rgba(255,255,255,0.27);
}

/*ensure the checkmark is shown when ticked*/
.containerTop paper-checkbox::shadow #checkbox.checked #checkmark {
	display: initial;
}

/*To change the ink color for unchecked state:*/
.containerTop paper-checkbox::shadow #ink {
	color: #ffffff;
}

/*To change the checkbox unchecked color:*/
.containerTop paper-checkbox::shadow #checkbox {
	border-color: #ffffff;
	border-color: rgba(255,255,255,0.54);
}

/*ensure checkmark isn't shown early*/
.containerTop paper-checkbox::shadow #checkbox #checkmark {
	display: none;
}.experiences {
	padding: 0 0 16px 0;	
}

.experience {
	height: 48px;
}.newUserStepper {
	height: 180px !important;
}

.newUserStepper paper-step .invalid-step-message {
	color: #d13b2e;
	visibility: hidden;
}

.newUserStepper paper-step[invalid] .invalid-step-message {
	visibility: visible;
}.printed .page {
	width: 100%;
	padding: 6mm;
	page-break-inside: avoid;
	page-break-after: always;
}

.printed .shrink-to-fit {
	white-space: nowrap;
    overflow: hidden;
}

.printed p {
	margin-bottom: 1mm;
}

.printed .double-border {
	position: relative;
	padding: 11px 10px;
}

.printed .double-border > * {
	position: relative;
}

.printed .double-border:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 16px solid transparent;
    border-image-source: url(png/doubleLineImageBorder.png);
    border-image-slice: 110 126 fill;
    border-image-repeat: stretch;
    box-sizing: content-box;
}

.printed .double-border.printedAbility {
	padding: 11px 6px 0;
	margin-bottom: 3mm;
}

.printed .double-border.printedAbility:last-of-type {
	margin-bottom: 0;
}

.printed .printedAbility .modifier {
	position: relative;
	top: 4px;
	z-index: 1;
	padding: 2px 18px;
	background-image: url(png/upwardPointingBorder.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.printed .octogon-border {
	position: relative;
	padding: 0 20px;
}

.printed .octogon-border:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	border: 22px solid transparent;
	-o-border-image: url(png/octogonBorder.png) 124 118 fill;
	   border-image: url(png/octogonBorder.png) 124 118 fill;
	z-index: -1;
}

.printed iron-icon {
	width: 16px;
	min-width: 16px;
	height: 16px;
	min-height: 16px;
}

.printed .proficiencies, .printed .attacks, .printed .background {
	overflow: hidden;
}

.printed .shield-background {
	background: url(png/shieldBorder.png);
	background-size: cover;
	background-repeat: no-repeat;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
	padding: 4px 8px 8px;
	width: 80px;
	height: 91px;
	position: relative;
}

.printed .shield-background .paper-font-subhead {
	width: 64px;
    text-align: center;
	line-height: 1.1;
}

.printed {
	font-size: 3mm;
}

.printed .paper-font-body2 {
	font-size: 3mm;
	line-height: 4mm;
}

.printed .paper-font-subhead {
	font-size: 3mm !important;
	line-height: 3.5mm !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

.printed .paper-font-subhead.modifier {
	font-size: 4mm !important;
	line-height: 6mm !important;
}

.printed .paper-font-display1 {
	font-size: 7mm !important;
	line-height: 12mm !important;
}

.printed .paper-font-headline {
	font-size: 5mm !important;
	line-height: 6mm !important;
}

.printed .lined-background {
	background-image: url(png/horizontalLine.png);
	background-size: 100% 4mm;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

@media screen {
	.printed .page {
		width: 210mm;
		height: 297mm;
		background: white;
		margin: 8px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
					0 1px 5px 0 rgba(0, 0, 0, 0.12),
					0 3px 1px -2px rgba(0, 0, 0, 0.2);
	}

	.printed .page-holder {
		width: calc(210mm + 16px);
	}

	.printed {
		overflow: auto;
		padding-left:
	}
}

@media print {
	app-drawer {
		display: none;
	}
	app-header {
		display: none;
	}
	.printed {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: #fff;
	}
	.printed .page-holder {
		height: 100%
	}

	.printed .page {
		height: 100%;
	}
}#spells .containerMain {
	padding: 0 0 16px 0;
}

#spells .inventoryItem {
	height: 56px;
}

#spells .inventoryItem iron-icon{
	width: 32px;
	height: 32px;
}

#spells .inventoryItem[disabled] {
	color: #ccc !important;
	color: rgba(0,0,0,0.26) !important;
	pointer-events: initial !important;
	cursor: pointer !important;
}

#spells .inventoryItem[disabled] iron-icon{
	color: #ccc !important;
	color: rgba(0,0,0,0.26) !important;
}

#spells .inventoryItem paper-checkbox{
	pointer-events: initial !important;
}

#spells paper-checkbox /deep/ #ink {
	color: #009688;
}

#spells .inventoryItem.spellSlot {
	height: 48px;
}

.slotName {
	margin-right: 16px;
}

.slotBubble {
	pointer-events: initial !important;
}

.slotBubble {
	color: #000;
	color: rgba(0,0,0,0.54);
}

.slotBubble[disabled] {
	color: #cccccc;
	color: rgba(0,0,0,0.26);
}

.spellsContainer{
	padding: 4px;
}

.card.spellList {
	min-width: 280px;
	margin: 4px;
}

.card.spellSlotContainer {
	width: initial;
	margin: 4px;
}

.spellList.card .bottom.list {
	-webkit-column-width: 300px;
	        column-width: 300px;
	-webkit-column-gap: 8px;
	        column-gap: 8px;
	-webkit-column-fill: balance;
	        column-fill: balance;
	padding: 16px 4px;
}

.spellList .bottom .paper-font-subhead {
	margin-left: 16px;
}

.spell.item > div > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spell.item > div {
	min-width: 0;
}

.spell.item iron-icon {
	flex-shrink: 0;
}

.spellLevel {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}.card-top {
	flex-grow: 1;
	padding: 16px;
	border-radius: 2px 2px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.editEffect > * {
	vertical-align: bottom;
}

.detailCard {
	background: white;
	border-radius: 2px;
	padding: 16px;
}

#armorHeading {
	background: url(jpg/rusted-metal-armor.jpg) no-repeat;
	background-size: cover;
}

#detailContainer {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

#detailContainer > *{
	pointer-events: auto;
}

#darkOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}

section:not(.core-selected):not([animate]) paper-material[hero] {
	visibility: hidden;
}.characterPicker .character-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.characterPicker .partyHead {
    font-weight: 500;
}

.characterPicker .partyHead iron-icon {
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.characterPicker .partyHead iron-icon.open {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}.partyEdit .inPartyCheckbox {
    margin-bottom: 8px;
}.intro .section {
	width: 100%;
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 24px;
	padding-bottom: 24px;
}

.intro .section > div, .intro .section > h2 {
	padding: 32px;
}

.intro .section .display1 {
	margin-bottom: 16px;
}

.intro .section .columns > div {
	max-width: 300px;
	padding: 16px;
	text-align: center;
    min-width: 0;
}

.intro .section .columns {
	max-width: 100%;
}

.intro paper-button {
	flex-basis: 200px;
}


.intro paper-button:not([raised]) {
	color: #d13b2e;
}.library-item-dialog paper-input {
  min-width: 160px;
}.base-dialog h1,
.base-dialog h2,
.base-dialog h3,
.base-dialog h4,
.base-dialog h5,
.base-dialog h6{
	margin-bottom: 8px;
}

.base-dialog p{
	margin-bottom: 20px;
}.colorDropdown paper-item {
    width: 150px;
	cursor: pointer;
}.dialog-stack {
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	transition: visibility 0s linear;
}

.dialog-stack.hide {
	visibility: hidden;
  	transition: visibility 0s linear 400ms;
}

.dialog-stack .backdrop {
	background: #000;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	opacity: 0.4;
	transition: opacity 400ms linear;
}

.dialog-stack.hide .backdrop {
	opacity: 0;
	transition: opacity 200ms linear;
}

.dialog-stack .dialog-sizer {
	position: relative;
	height: 80%;
	width: 80%;
	max-width: 800px;
	max-height: 600px;
}

.dialog-stack app-toolbar {
	border-radius: 2px 2px 0 0;
}

@media (max-width: 640px) {
	.dialog-stack app-toolbar {
		border-radius: 0;
	}
}

@media (max-width: 640px) {
	.dialog-stack .dialog-sizer {
		width: 100%;
		height: 100%;
	    max-width: initial;
	    max-height: initial;
	}
	.dialog-stack .dialog {
		border-radius: 0;
	}
}

.dialog-stack .dialog {
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
				0 3px 14px 2px rgba(0, 0, 0, 0.12),
				0 5px 5px -3px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	-webkit-transform-origin: top left;
	        transform-origin: top left;
	transition: top 400ms ease, left 400ms ease;
	z-index: 3;
	overflow: visible;
}

.dialog-stack .dialog .testButton {
	height: 200px;
	width: 100px;
	background: red;
	border-radius: 30px;
}

.dialog-stack .dialog .form {
	padding: 24px;
}

.dialog-stack .dialog .buttons {
	padding: 8px 8px 8px 24px;
}

.dialog-stack .dialog img, .dialog-stack .dialog iron-image {
	max-width: 100%;
}.mini-holder {
	position: fixed;
	padding: 4px;
	bottom: 80px;
	right: 24px;
	width: 56px;
	pointer-events: none;
	flex-direction: column-reverse !important;
}

.mini-holder > div{
	-webkit-transform: scale(0);
	        transform: scale(0);
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	margin: 4px;
}

.mini-holder.active > div {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.mini-holder.active {
	pointer-events: auto;
}

.mini-holder.active > div:nth-child(2){
	transition-delay: 0.1s;
}

.mini-holder.active > div:nth-child(3){
	transition-delay: 0.2s;
}

.mini-holder.active > div:nth-child(4){
	transition-delay: 0.3s;
}

.mini-holder.active > div:nth-child(5){
	transition-delay: 0.4s;
}.infoBox iron-icon {
	color: #747474;
	color: rgba(0,0,0,0.54);
	height: 32px;
	width: 32px;
	margin-right: 12px;
}

.infoBox > div > p {
	margin: 0;
}

.infoBox > div > p + p {
	margin-top: 10px;
}.textarea-bracket-suffix {
	margin-bottom: 12px;
}

.description-input > paper-textarea {
	width: 100%;
	width: 100% - 24px;
}.custom-ripple {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #D50000;
}.simple-tooltip {
	pointer-events: none;
}

.simple-tooltip:active {
	pointer-events: none;
}

/* Show the tooltip if a older sibling is hovered */
*:hover ~ .simple-tooltip > .tooltip {
	opacity: 0.9;
}

/* Show the tooltip if parent is hovered */
*:hover > .simple-tooltip > .tooltip {
	opacity: 0.9;
}

.tooltip {
	opacity: 0;
	transition: opacity 200ms ease-in;
	font-size: 12px;
    line-height: 1;
    background-color: #616161;
    color: white;
    padding: 8px;
    border-radius: 2px;
	position: absolute;
	right: calc(100% + 8px);
	pointer-events: none;
    white-space: nowrap;
}

.tooltip.always {
	opacity: 0.9;
}.profile paper-button, .profile a, .profile #at-nav-button {
	color: #d13b2e;
}body .paper-font-display4, body .paper-font-display3, body .paper-font-title, body .paper-font-caption{
    white-space: normal;
}

.white-text {
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text .paper-font-display2{
	color: #8a8a8a;
	color: rgba(255,255,255,0.54);
}

.white-text .paper-font-display1, .white-text.paper-font-display1{
	color: #8a8a8a;
	color: rgba(255,255,255,0.54);
}

.white-text h1, .white-text .paper-font-headline, .white-text.paper-font-headline{
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text h2, .white-text .paper-font-title, .white-text.paper-font-title{
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text h3, .white-text .paper-font-subhead{
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text .paper-font-body2{
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text p, .white-text .paper-font-body1{
	color: #dedede;
	color: rgba(255,255,255,0.87);
}

.white-text .paper-font-caption{
	color: #8a8a8a;
	color: rgba(255,255,255,0.54);
}

.black54 {
	color: #757575;
	color: rgba(0,0,0,0.54);
}

.white54 {
	color: #8a8a8a;
	color: rgba(255,255,255,0.54);
}

.black87 {
	color: #212121;
	color: rgba(0,0,0,0.87);
}

.white87 {
	color: #dedede;
	color: rgba(255,255,255,0.87);
}app-toolbar.medium-tall {
	height: 108px;
}

.character-name {
	padding-left: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.character-menu paper-icon-item{
	cursor: pointer;
}

.character-sheet app-header {
    position: relative;
    z-index: 1;
}

.character-sheet iron-pages > div {
	overflow-y: auto;
	overflow-x: hidden;
}.character-card{
	background-color: #fff;
	height: 300px;
	min-width: 250px;
	max-width: 500px;
	flex-basis: 300px;
	margin: 4px;
	position: relative;
}

.partyHeader {
	display: inline-block;
	min-width: 80px;
}

.partyHeader iron-icon {
	visibility: hidden;
}

.partyHeader:hover	iron-icon{
	visibility: initial;
}

.character-card .initials {
	font-size: 100px;
	color: rgba(255,255,255,0.1);
	background: linear-gradient(-8deg, rgba(0,0,0,0.7), rgba(0,0,0,0));
}

.character-card paper-item {
	padding-top: 16px;
	padding-bottom: 16px;
	height: 76px;
	background-color: #545454;
	background-color: rgba(0,0,0,0.3);
}

.character-card .name {
	font-weight: 500;
}

.character-card paper-ripple {
	color: #fff ;
}/*
	prevent character names from wrapping
 */

.side-list .character-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.side-list .partyHead {
    font-weight: 500;
	cursor: pointer;
}

.side-list .partyHead iron-icon {
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.side-list .partyHead iron-icon.open {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}.wallOfText h2{
	margin-top: 24px
}

.wallOfText p{
	margin-top: 8px;
}

.wallOfText a{
	color: #d13b2e;
}#accountSummary {
	min-height: 146px;
	color: white;
}

#mainContentSection {
	display: initial !important;
}

#navPanel paper-icon-item {
	background: white;
	cursor: pointer;
}

app-drawer-layout.layout {
	z-index: 0;
}

#accountSummary > #background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#accountSummary > #background > #backgroundFrontLayer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	pointer-events: none;
	background-size: cover;
	background-image: url(png/paper-dice-crown.png);
}.bigSpinner {
	width: 100px;
	height: 100px;
	margin-bottom: 16px;
}@-webkit-keyframes bounce {
	from {
		-webkit-transform: translate(0px,0px);
		        transform: translate(0px,0px);
	}
	to {
		-webkit-transform: translate(0px,-16px);
		        transform: translate(0px,-16px);
	}
}@keyframes bounce {
	from {
		-webkit-transform: translate(0px,0px);
		        transform: translate(0px,0px);
	}
	to {
		-webkit-transform: translate(0px,-16px);
		        transform: translate(0px,-16px);
	}
}

.bounce{
	-webkit-animation-name: bounce;
	        animation-name: bounce;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-animation-direction: alternate;
	        animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}/*Column layout*/
.column-container {
	-webkit-column-fill: balance;
	        column-fill: balance;
	-webkit-column-gap: 0px;
	        column-gap: 0px;
	-webkit-column-width: 304px;
	        column-width: 304px;
	padding: 4px;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
}

.column-container.thin-columns {
	-webkit-column-count: 4;
	        column-count: 4;
	-webkit-column-width: 240px;
	        column-width: 240px;
}

.column-container > div {
	padding: 4px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

/*Cards*/
.card {
	background: white;
	border-radius: 2px;
	position: initial;
}

.card .top {
	cursor: pointer;
	padding: 16px;
	border-radius: 2px 2px 0 0;
}

.card .top.white {
	cursor: auto;
	padding: 16px;
	border-bottom: rgba(0,0,0,0.12) solid 1px;
}

.card .bottom {
	padding: 16px;
	border-radius: 0 0 2px 2px;
}

.card .bottom.list {
	padding: 16px 0;
}

.card .bottom.list .paper-font-subhead {
	color: rgba(0,0,0,0.54);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.010em;
	padding: 12px 16px 12px 16px;
}

.card .bottom.text {
	white-space: pre-wrap;
}

.card .left {
	padding: 16px;
	border-radius: 2px 0 0 2px;
	text-align: center;
	min-width: 72px;
}

.card .right {
	padding: 16px;
	border-radius: 0 2px 2px 0;
}

.card .left paper-icon-button {
	display: block;
	height: 32px;
	padding: 0;
	width: 32px;
}

.card .left paper-icon-button[disabled] {
	color: rgba(255, 255, 255, 0.2);
}

.card img, .card iron-image {
	max-width: 100%;
}.red {
	background-color: #F44336;
}

.pink {
	background-color: #E91E63;
}

.purple {
	background-color: #9C27B0;
}

.deep-purple {
	background-color: #673AB7;
}

.indigo {
	background-color: #3F51B5;
}

.blue {
	background-color: #2196F3;
}

.light-blue {
	background-color: #03A9F4;
}

.cyan {
	background-color: #00BCD4;
}

.teal {
	background-color: #009688;
}

.green {
	background-color: #4CAF50;
}

.light-green {
	background-color: #8BC34A;
}

.lime {
	background-color: #CDDC39;
}

.yellow {
	background-color: #FFEB3B;
}

.amber {
	background-color: #FFC107;
}

.orange {
	background-color: #FF9800;
}

.deep-orange {
	background-color: #FF5722;
}

.brown {
	background-color: #795548;
}

.grey {
	background-color: #9E9E9E;
}

.blue-grey {
	background-color: #607D8B;
}

.app-grey {
	background-color: #424242;
}

.white {
	background-color: #ffffff;
}

.black {
	background-color: #262626;
}/*
 * iOS doens't believe in click events for some elements.
 * This is here to convince it to allow buttons to be clickable
 */
 button {
   cursor: pointer;
 }/*
List items
*/
.item-slot {
	background-color: rgb(232, 232, 232);
	background-color: rgba(0, 0, 0, 0.1);
}

.item {
	background: white;
	cursor: pointer;
	font-size: 16px;
	height: 40px;
	margin: 1px 0 1px 0;
	padding: 0 16px 0 16px;
	position: relative;
	transition: box-shadow 0.3s ease, opacity 0.5s ease-in-out;
}

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

.item.small {
	height: 32px;
}

.item.tall {
	height: 56px;
}

.item.flexible {
	height: auto;
	padding-top: 16px;
	padding-bottom: 16px;
}

.item iron-icon, .item paper-icon-button {
	color: #747474;
	color: rgba(0,0,0,0.54);
}td {
	padding: 8px;
}

.strengthTable{
	width: 100%;
}

.strengthTable td:nth-child(2){
	text-align: right;
}

.summaryTable td:nth-child(3){
	text-align: right;
}/*apply a natural box layout model to all elements*/
*, *:before, *:after {
	box-sizing: border-box;
}

root {
	display: block;
}

body {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
	margin: 0;
	overflow-x: hidden;
	background-color: #E0E0E0;
}

/*Paragraphs*/
p {
	margin-bottom: 8px;
}

//Horizontal rule
hr {
	background-color: #444;
	opacity: 0.12;
	border-width: 0;
	color: #444;
	height: 1px;
	line-height: 0;
	margin: 16px 0;
	text-align: center;
}

.avatar {
	display: inline-block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 26px;
	font-color: rgba(255, 255, 255, 0.58) !important;
}

/*
	temporary fix for https://github.com/PolymerElements/paper-item/issues/71
 */
paper-icon-item::shadow #contentIcon {
    flex-shrink: 0;
}

/*FABs*/
.floatyButton {
	position: fixed;
	bottom: 24px;
	right: 24px;
	/* stop the fab from flashing during animation */
	-webkit-transform: scale(1) translateZ(0px);
	        transform: scale(1) translateZ(0px);
	z-index: 3;
}

paper-fab {
	background-color: #d13b2e;
}

paper-fab.keyboard-focus {
    background: #630c05;
}

.red-button:not([disabled]) {
	background: #d23f31;
	color: #fff;
	margin-top: 16px;
}

/*Buttons*/
paper-button {
	color: #000;
	color: rgba(0,0,0,0.87);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.010;
	text-transform: uppercase;
}

dicecloud-selector paper-item {
	white-space: nowrap;
	overflow: hidden;
}

/*Style shortcuts*/
.scroll-y {
	overflow-y: auto;
}

.clickable, core-item, paper-tab {
	cursor: pointer;
}

.pre-wrap, .prewrap{
	white-space: pre-wrap;
}

.padded {
	padding: 8px;
}

.fullwidth {
	width: 100%;
}

.fab-buffer {
    height: 100px;
}