div.add_eye{display: flex;}
div.add_eye > button{flex: 1; margin-right: 8px;}
div.add_eye > button:last-child{flex: 0.1; margin: 0;}

/* button */
button, input[type=button]{
	background: var(--color-greenBright);
	transition: 0.4s;
	color: var(--color-text);
	font-weight: normal;
}
input[type=button]{color: var(--color-green);}

button:hover, input[type=button]:hover{background: var(--color-inputGreenGlow);}
button:active, input[type=button]:active{
	background: var(--color-inputGreenGlow);
	box-shadow: 3px 3px 3px var(--color-inputGreenActive) inset;
}

/* input */
input, select, textarea{border: 1px solid var(--color-purpLight);}
button, input[type=button]{border: 1px solid var(--color-green);}

input, select, textarea, button { 
	font-family: 'Fira Sans Condensed', sans-serif; 
	font-size: 15px;
}

input, select, textarea, button {
	padding: 6px 10px 8px; margin: 0;
	color: var(--color-text);
	border-radius: 10px;
	width: 100%;
}

textarea{resize: none; padding: 7px 10px 0; min-height: 70px;}
textarea.big{min-height: 140px;}

/* input[type="text"]:disabled{background-color: var(--color-greenWhite); color: var(--color-green);} */
input::placeholder, textarea::placeholder{color: var(--color-purpLight);font-size: 14px;}
input:disabled{background-color: var(--color-bg-purp); color: var(--color-purpGrey); }

button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:focus {
	outline: none;
}

input[type=checkbox] {
    display: block;
    width: 20px;
    height: 20px;
	margin: 8px 0 0 4px;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: var(--color-white);
	box-sizing: border-box;
	appearance: none;
	display: block; 
}

.arrow > input, .arrow > select{padding: 6px 25px 8px 10px;}
.arrow {
    position:relative;
    display:inline-block;
	width: 100%;
}

.arrow:after {
    content: '';
    font: 1em "Consolas", monospace;
    width: 0; height: 0;
    position: absolute;
    right: 12px; top: 12px;
    margin-right: 0;
    border-width: 6px 0px 6px 6px;
    border-style: solid;
    border-color: transparent var(--color-purpBlack);
    pointer-events: none;
    /* transition: all 0.3s linear; */
	transform: rotate(90deg);
}

/* .foxss {border: 1px solid red;}  */

/* div.scard {
    background-image: url("../img/scard-bg.gif");
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    min-height: 220px;
	
	border-radius: 15px;
	border: 1px solid var(--color-grey);
	padding: 70px 10px 10px 10px;
} */

/* dl.eye {padding: 0; margin: 0;}
dl.eye li:first-child {flex: 10;}
dl.eye li:last-child button{width: 50px;flex: 1;} */