body {
		background: #e8e8e8;
		background-color: #e8e8e8 !important;
		height: 100vh;
	}
	input[type="file"] {
		display: none;
	}
	span.widilo-brand-byline {
		font-weight:300;
		letter-spacing: 1px; 
		margin-left: 30px;
	}
	.copy-to-clipboard-bt {
		top: 50vh;
		right: 0;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
	h1.bighead {
		margin-bottom: 20px;
		font-size: 60px; 
		font-weight:700; 
		text-transform: uppercase; 
		text-align: left;
	}
	.codebox {
		color:#A01919; 
		font-weight:900;
	}
	.codebox-wrapper {
		display: block;
		border-left: 2px dotted #c2c2c2; 
		margin: 30px 0;
		padding-left: 30px;
	}
	@media screen and (max-width:414px) {
		h1.bighead {
			margin-bottom: 30px;
			font-size: 35px; 
			font-weight:700; 
			text-transform: uppercase; 
			text-align: center;
		}
		.codebox-wrapper {
			display: none;
		}
	}
	#formatted-json-data {
		min-height: 40vh;
	}
	.jsondata {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	}
	.bg-darki {
		background: #fff !important;
		border-bottom: 1px solid #e8e8e8;
	}
	footer {
		background: #e8e8e8;
		font-size: 14px;
	}
	a.widilo-copyright {
		color: #424242;
		text-decoration: none !important;
		font-weight: 900;
	}
	a.widilo-copyright:hover {
		color: #666;
		text-decoration: underline;
	}
	div.modal-content {

		border: 0px solid rgba(0,0,0,.2);
		border-radius: 0px;
	}
	div.modal-header {
		border: 0px solid rgba(0,0,0,.2);
		align-items: flex-start;
	}