.nusig-hidden {
	display : none !important;
}

.nusig-display-container {
	flex-wrap : wrap;
}

.nusig-display, .nusig-clear {
	font-size       : 1rem;
	text-decoration : none;
	color           : #4183c4;
}

.nusig-display:hover, .nusig-clear:hover {
	color : #1e70bf;
}

.nusig-display span, .nusig-clear span  {
	text-align: center;
}

.nusig-form {
	position         : fixed;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	z-index          : 10000;
	display          : flex;
	justify-content  : center;
	align-items      : center;
	background-color : rgba(0, 0, 0, 0.75);
	backdrop-filter  : blur(10px);
}

.nusig-form-header {
	display         : flex;
	justify-content : space-between;
}

.nusig-auth-container {
	flex        : 1 1 auto;
	margin-left : 2em;
}

.nusig-form-content {
	width            : 960px;
	padding          : 1em;
	background-color : #fff;
	box-shadow       : 3px 3px 3px rgba(0, 0, 0, .2);
	display          : flex;
	flex-flow        : column;
}

.nusig-canvas-container {
	position      : relative;
	margin-bottom : 1em;
}

.nusig-canvas-overlay {
	display          : flex;
	align-items      : center;
	justify-content  : center;
	font-size        : 3em;
	position         : absolute;
	top              : 0;
	right            : 0;
	bottom           : 0;
	left             : 0;
	background-color : rgba(255, 255, 255, 0.5);
	z-index          : 1;
}

.nusig-canvas {
	width         : 100%;
	height        : 180px;
	border-top    : 1px solid black;
	border-bottom : 1px solid black;
}

.nusig-pencil-icon {
	position       : absolute;
	bottom         : 2.5em;
	right          : 1.5em;
	pointer-events : none;
}

.nusig-icon {
	fill   : rgba(0, 0, 0, 0.4);
	stroke : rgba(0, 0, 0, 0.4);
	width  : 4em;
	height : 4em;
}

.nusig-buttons {
	flex    : 1 1 auto;
	display : flex;
}

.nusig-buttons button {
	cursor           : pointer;
	font-size        : 2rem;
	border-radius    : 0;
	background-color : #2185d0;
	color            : #fff;
	line-height      : 5rem;
	height           : 5rem;
	text-align       : center;
	border           : none;
	outline          : 2px dotted rgba(255, 255, 255, 0.9);
	outline-offset   : -0.5rem;
	padding          : 0 1rem;
	flex             : 1 1 auto;
}

.nusig-buttons button:hover {
	filter : brightness(110%);
}

.nusig-buttons .nusig-cancel {
	background-color : #d02121;
}

.nusig-buttons .nusig-clear {
	background-color: #4e6ee0;
}

.nusig-container-scaled {
	display : table;
}

.nusig-display-container-scaled {
	display       : table-cell;
	height        : 100%;
	vertical-align: middle;
	text-align    : center;
	white-space   : nowrap;
	overflow      : hidden;
}

.nusig-display-scaled {
	display : inline-block;
}

.nusig-text-scaled {
	display : block;
}