.mono-font{
    font-family: monospace;
}

.token-color{
    color: #855085; 
    font-weight: 600;
}

.input-mono{
	font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
	text-align: center;
}

.num-char{
	color: #2471A3;
}

.spec-char{
    color: #BA4A00;
}

.password-colorized{
	font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace !important;
	background-color: #E9ECEF;
	padding: 6px 10px;
	letter-spacing: 3px;
	border: 1px solid #ced4da;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 15px;
	white-space: normal;
	font-weight: 600;
	cursor: copy;
}

.password-colorized > span{
	display: inline-block;
	white-space:nowrap;
}

.password-colorized > span > span{
	display: inline-block;
	white-space:nowrap;
}

.password-colorized:hover {
	background-color: #AED6F1;
	border: 1px solid #3498DB;
}

.password-copied {
	background-color: #82E0AA !important;
	border: 1px solid #2ECC71 !important;
}

.password-overlay{
	position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
	font-family: "Courier" !important;
}

#lixtext{
    line-height: 35px;
}

.long-word{
    background-color: #F8C471;
    border: 1px solid #BA4A00;
    padding: 2px 4px;
    border-radius: 3px;
    cursor: crosshair;
}

.long-sentence{
    background-color: #F5B7B1;
    border: 1px solid #B03A2E;
    padding: 6px 5px;
    border-radius: 3px;
    margin: 0px 3px;
}