#inputs {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.linputhead {
	position:relative;
	width:100%;
	height:auto;
	line-height:1.15;
	margin:0;
	padding:20px;
	border-top:1px solid  #20b2aa;
	border-left:1px solid  #20b2aa;
	border-right:1px solid  #20b2aa;
	z-index:100;
	overflow:hidden;
	background-color: #20b2aa;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:28px;
	font-weight: 700;
	color:#fff;
}
.inpln {
	position:relative;
	top:-2px;
	width:100%;
	float:left;
	font-size:15px;
	text-align:left;
	padding-top: 20px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.inpln_down {
	position:relative;
	top:-2px;
	width:100%;
	float:left;
	font-size:15px;
	text-align:left;
	padding-top: 20px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.linput {
	position:relative;
	width:100%;
	height:300px;
	line-height:1.15;
	margin:0;
	padding:10px;
	z-index:100;
	border:1px solid  #20b2aa;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	white-space:pre;
	overflow-y:scroll;
	color:#777;
	background-color: rgba(255,255,255,.21)
}
#listA {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin:0;
	padding:0;
	
}
#listB {
	position:relative;
	top:0px;
	right:0px;
	width:100%;
	margin:0;
	padding:0;
}
.inputfile {
	position:relative;
	width:auto;
	font-size:13px;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight: 400;
	color: #999;
	background-color: #fff;
	     -webkit-border-radius: 30;
    -moz-border-radius: 30;
	border-radius: 30px;
	padding: 5px 15px;

	
}
#panel{
	position:relative;
	padding: 0;
	margin:0;
	height:auto;
	display: block;
	background-color: #20b2aa; 
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size:12px;
	letter-spacing:0px;
}
#outputhead {
	position:relative;
	width:100%;
	height:auto;
	line-height:1.15;
	margin:0px;
	padding:20px;
	border-top:1px solid #20b2aa;
	border-left:1px solid #20b2aa;
	border-right:1px solid #20b2aa;
	z-index:100;
	background-color:#20b2aa;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size:28px;
	text-align: left;
	float:left;
	display:inline;
}
#output {
	position: relative;
	width: 100%;
	height: 350px;
	line-height: 1.15;
	margin: 0 0 0 0;
	padding: 10px;
	z-index: 100;
	border-style: solid;
	border-color: #20b2aa;
	border-width: 1px;
	background-color: rgba(255,255,255,0.1);
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	white-space: pre;
	overflow-x: scroll;
	overflow-y: scroll;
}

.mini-button{
display:inline; 
float:left; 
margin:0 10px 10px 0 ; 
padding:5px 10px 5px 10px;
width:auto;
font-size:12px;
font-weight: 400;
color:#777;
background-color: #fff;	
text-align:center;
border:none;	
letter-spacing: 1px;
     -webkit-border-radius: 30;
    -moz-border-radius: 30;
	border-radius: 30px;
}
.panel-button{
display:inline; 
float:left; 
margin:0 10px 10px 0 ; 
padding:0px 15px 0px 15px;
width:auto;
font-size:12px;
font-weight: 400;
color:#777;
background-color: #fff;	
text-align:center;
border:none;	
letter-spacing: 1px;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
}






















.sec_blank
{
	float:left;
	height:1px;
	width: 800px; 
	
	
}

.sec_tips
{
	width:100%; 
	
	float:left; 
	text-align:left;
	
}



#sec_btm
{
	 float:left; 
	 width:800px; 
	 height: 45px; 
	 margin: 0px 0 50px 0; 
	 padding:20px 50px 10px 50px;
	 text-align: center;
}


.texts
{
	float: left;
	width: 100%;
	height: 135px;
	padding: 5px 5px 5px 5px; 
	line-height: 18px;
/*	resize: none;*/
	resize:vertical;
	position: relative;
	border-style: solid;
	border-color: #20b2aa;
	border-width: 1px;
	background-color: rgba(255,255,255,.21)
}

.noboder
{
	border-width: 0;
	outline-width: 0;
	background: transparent;
}

#txt1
{
	font-family: oswald,sans-serif;
	font-size: 14px;
}

#txt2
{
	font-family: oswald,sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.CalcHash
{
	float:left;

	margin: 0 10px 0 0px;
	line-height:36px;
	text-align: center;
	cursor:pointer;	
/*	
	background: #2e2e2e;
	color: #ddd;
	border-radius: 3px 3px;
*/


  
     -webkit-border-radius: 30;
    -moz-border-radius: 30;
	border-radius: 30px;
	line-height: 20px;
	font-weight: 700;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #20b2aa;
	padding: 5px 15px;
  -webkit-box-shadow: 0px 1px 0px #555;
  -moz-box-shadow: 0px 1px 0px #555;
  box-shadow: 0px 1px 0px #555;
  
  
  
}

.btn_parent
{
	float:left;
	height:50px;
	width: 800px; 
	margin: 20px 0px 0px 0px; 
	padding: 0px;  
}	

.btn:focus:active,
.btn:focus,
.btn:active {
	outline: none !important;
	outline-offset: 0;
  -webkit-box-shadow: 0px 1px 0px #555;
  -moz-box-shadow: 0px 1px 0px #555;
  box-shadow: 0px 1px 0px #555;
}

.btn:hover,
.btn:focus {
	color: #fff;
	background-color: #555;
}




/*

.check_box
{
	height: 50px;
	padding: 7px 0 7px 0;	
}

*/