@import url('https://fonts.googleapis.com/css?family=Amaranth|Concert+One|Courgette|Hammersmith+One|Kanit|Modern+Antiqua|Roboto+Mono|Teko&display=swap');
@import url('https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap');

html, body {
	// font-family: 'Saira Stencil One', cursive;
	height:100%;
}

#stampditor {
	width: 100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
}
#stamp-layout {
	margin: auto;
	display:block;
}

.stamp-textline {
	width: 100%;
	background-color: #ffff00;
}

#t1 {
	margin: auto;
}

.stampsystem-modico {
}


			.modal-stampeditor {
				display: none;
				position: fixed;
				z-index: 1;
				left: 0;
				top:0;
				width: 100%;
				height: 100%;
				background-color: rgb(0,0,0);
				background-color: rgba(0,0,0, 0.4);
			}
			
			.modal-stampeditor-header {
				 margin: 20px auto;
				 width: 80%;
				 padding: 20px;
				 height: 80px; 
				 background-color: #cecece;
			}
			
			.modal-stampeditor-content {
				position: absolute;
				width: 100%;
				margin: 0px auto;
				bottom: 0px;
				top: 120px;
				overflow-y: auto;
			}
			
			.modal-stampeditor-footer {
				height: 0px;
				position: absolute;
				width: 80%;
				margin: 0px auto;
				bottom: 0;
				background-color: #cecece;
			}
			
			
			.modal-stampeditor-step-1, .modal-stampeditor-step-2, .modal-stampeditor-step-3 {
				width: 80%;
				background-color: #fefefe;
				margin: 20px auto;
				padding: 20px;
				border: 1px solid #888;
				// width: 80%;
				
			
			
			}
			
			.close {
				color: #aaa;
				float: right;
				font-size: 28px;
				font-weight: bold;			
			}
			
			.close:hover, .close:focus {
				color: black;
				text-decoration: none;
				cursor: pointer;
			}
			
.modal {
	display: block;
	position: fixed;
	z-index: 1;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.4);
	overflow-y:scroll;
}

.modal-content {
	background-color: #fefefe;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 600px;
}

@media (max-width: 767px) {
	.modal-content {
		background-color: #ffff00;
		margin: 0px;
		padding: 20px;
		width: 100%;
	}	
}
   

@media (min-width:768px) {
   
}




.fancy-input {
  margin: 1em 0 1em 0;
  position: relative;
}

.fancy-input label {
  position: absolute;
  color: #666;
  background: #fff;
  padding: 0 .5em;
  font-size: .8em;
  top: -.6em;
  left: .5em;
}

.fancy-input input {
  padding: .5em;
  width: 100%;
}

.fancy-input select {
  padding: .5em;
  width: 100%;
}

.close {
				color: #fff;
				float: right;
				font-size: 28px;
				font-weight: bold;			
			}
			
			.close:hover, .close:focus {
				color: #fff;
				text-decoration: none;
				cursor: pointer;
			}