@charset "utf-8";



.webservice{

 border: 0px solid black;

 width:max-content;

 height:450px;

 margin-top:10px;

 background-color: #d1eaf18a;/*#EEEEEE;*/

 /*border-collapse:collapse;*/
 border-radius: 15px;
	

	}



.field{

	/*width:730px;*/

	height: 75%; /* 350px;*/

	margin-left:3px;

	margin-top:5px;

	background-color:#dce5e1a1; /*#EEEEEE;*/

	border: 1px solid #ddcccc;
	
	border-radius: 15px;

}



.text{

	/* height:250px;*/
	height:75%;

	width:90%;

	border: 1px solid black;

	resize:none;

}



.operate{

	/*width:730px;*/

	/*height:80px; */

	margin-left:3px;

	margin-top:10px;

	padding-top:4px;

	background-color:#ffffff4a; /* #EEEEEE;*/

	border: 0px solid black;

	border-radius: 10px;
display:flex;
justify-content: space-around;

	}



/*.threshold {

	float:left;

	margin-left:4px;

	margin-top:2px;

	width: 330px;

	height: 50px;

	font-family: Arial,Helvetica;

  font-weight: bold;

}*/

.aminoacid {

    float:left;

    margin-left:10px;

    margin-top:2px;

    min-width: 160px;  /**/

    height: 50px;

    font-family: Arial,Helvetica;

  font-weight: bold;

}

.aminoacid div{

    margin-top:6px;

}

.threshold {

    float:left;

    margin-left:10px;

    margin-top:2px;

    min-width: 320px;  /**/

    height: 50px;

    font-family: Arial,Helvetica;

  font-weight: bold;

}



.threshold div{

    margin-top:6px;

}



.threshold div input{

    margin-left:15px;

}





.console {

	float:left;

	margin-left:15px;

	margin-top:2px;

	

/*	

	margin:0 auto;

	text-align: center;*/

	

	width: 308px;

	height: 50px;

  font-family: Arial,Helvetica;

  font-weight: bold;

}



.console div{

    float: left;

    margin-left: 5px;

}


/*
.btn{

font-family: Arial,Helvetica;

  font-weight: bold;  

  display: inline;

  width: 86px;

 height: 35px;

 float: left;

 margin-left: 10px;

}
*/
@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) 
    }
    30%, 50%, 70%, 90%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 0.1, -2deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) 
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.btn{	
	  font-family: Arial,Helvetica;
	  font-weight: bold;  
	  display: inline-block;
	  margin: 0px 5px 0;	  
	  width: 86px;
	  height: 35px;

	  padding: .6em 1.1em;
	  /* @include fontSize(26); */
	  text-decoration: none;
	  outline: none;

	  background-color: #f0f0f0;
	  border-radius: 3px;
	  box-shadow: 0 2px 3px 0px , 0 0 3px 0px #d8b4bb;
	  border: none;
	  /*animation: tada 1s;*/	
}

.btn:hover{
	 /*animation: tada 0.5s;*/
	transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	  }
.btn:active{
	  animation: tada 1.5s;
	  }
.btn2{	
	  font-family: Arial,Helvetica;
	  font-weight: bold;  
	  display: inline-block;
	  margin: 0px 5px 0;	  
	  width: 86px;
	  height: 35px;

	  padding: .6em 1.1em;
	  /* @include fontSize(26); */
	  text-decoration: none;
	  outline: none;

	  background-color: #f0f0f0;
	  border-radius: 3px;
	  box-shadow: 0 2px 3px 0px , 0 0 3px 0px #d8b4bb;
	  border: none;
	  /*animation: tada 1s;*/	
}

.btn2:hover{
	transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	/*transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	 animation: tada 0.5s;*/
	  }/**/
.btn2:active{
	  animation: tada 0.5s;
	  }


filedset

{

   

	margin:0px auto;

        -moz-border-radius:8px;

}