@import "variables";

input, div {
	&.update-pending {
	  border: solid 1px orange;
  }
}

input.show-dirty {
	&.ng-dirty {
	  border: solid 1px orange;
		&.update-error {
			border: solid 1px $warning-red;
		}
  }
}

input, div {
	&.update-error {
		border: solid 1px $warning-red;
	}
}

input, div {
	&.update-success {
		border: solid 1px $spree-green;
	}
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

div#group_buy_calculation {
    border-radius: 3px;
	background-color: $spree-light-blue;
	div {
		margin-bottom: 5px;
		span, h6 {
			padding: 5px;
		}
	}

	hr {
		width: 95%;
		margin: 0 auto;
	}

	.row span {
		text-align: center;
	}
}

.input-symbol {
  position: relative;
  &.before {

	  span {
			position: absolute;
		  transform: translate(0,-50%);
		  top:50%;
		  pointer-events:none;
		  margin-left: 1em;
		}

		input {
			text-indent:1em;
		}
	}

	&.after {

		span {
			position: absolute;
			transform: translate(0,-55%);
			top:50%;
			right: 0.5em;
			pointer-events:none;
		}

		input {
			padding-right: 1.2em;
		}
	}
}

th.actions {
  white-space: nowrap;
}