evenRow {
  background-color: silver;
}
p {
 color:darkgreen;
 font-family:Verdana;
 font-size:10pt
}
h3 {
 color:red;
 font-family:Verdana;
 font-size:12pt
}
a.button10 {
  display: inline-block;
  color: black;
  font-size: 125%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button10:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

	/* сочетание цветов бесподобно, как-будто кнопка загорается */

a.button14 {
	color:black;
  display: inline-block;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
  padding: .3em 1em;
  border: 1px solid #aaa;
  border-radius: 100px;
  outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
}
a.button14:after {
  /*content: "\bb";*/
  /*content: "\2718";*/
  /*content: "\2704";*/
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  /*font-weight: 100;
  font-size: 110%;*/
}
a.button14:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}
a.button14:active:after {
  bottom: -1.2em;
  transition: .3s;
}

    .delete:after
    {
        content: "\2718";        
    }
	.download:after
	{
		content: "\bb";
		font-weight: 700;
		font-size: 120%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.add:after
	{
        content: "\271A";
	}
	.save:after
	{
        content: "\2714";
	}
	.next:after
	{
        content: "\279C";
	}
	.off:after
	{
        content: "\229D";
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.ret:after
	{
        content: "\21BA";
		font-weight: 700;
	}
	.edit:after
	{
        content: "\2692";
		font-weight: 700;
		font-size: 120%;
	}
	.setpwd:after
	{
        content: "\26BF";
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		font-weight: 700;
		font-size: 120%;
	}
	.key:after
	{
        content: "\1F511";
	}
	.cancel:after
	{
        content: "\2298";
		font-weight: 700;
	}
.text-input{
    background-color:#fbfbfb;
    border:solid 1px #aaaaaa;
    margin-bottom:3px;
    width:278px;
    padding:3px 2px;
    color:black;
	
	font-family: Verdana;
}
.text-input-short{
    background-color:#fbfbfb;
    border:solid 1px #aaaaaa;
    margin-bottom:3px;
    width:104px;
    padding:3px 2px;
    color:black;
	
	font-family: Tahoma;
}

.text-output{
    background-color:#dbdbdb;
    border:solid 1px #999999;
    margin-bottom:3px;
    width:100%;
    padding:3px 2px;
    color:black;
	
	font-family: Verdana;
	height: 120px;
}

.not-payed{
    background-color:#FFD9D9;
    border:solid 1px #999999;
    margin-bottom:3px;
    width:100%;
    padding:3px 2px;
    color:black;
	
	font-family: Verdana;
	height: 120px;
}