input, textarea, select {
	box-sizing: border-box;
	width: 200px;
	height: initial;
	padding: 8px 5px;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	font-size: 100%;
}

input[type="checkbox"] {
	width: auto;
	vertical-align: text-bottom;
}

textarea {
	width: 300px;
}

select {
	display: initial;
	height: 30px;
	padding: 2px 5px;
}

button, input[type=submit] {
	padding: 8px 0px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 25px;
	color: #000000;
	background-color: #ffc72c;
	border-color: #ffd98e #ffbe3d #de9300;
}

button, input[type=submit]#logoutbutton {
	padding: 8px 0px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 25px;
	color: #000000;
	background-color: #f56c28;
	border-color: #ffd98e #ffbe3d #de9300;
}

input[type=submit]:hover {
	background-color: #f7c027;
}

::placeholder {
	color: #bdbfc4;
}

label {
	display: block;
	color: #565656;
}

input.full-width.font_120{font-size:1.2rem !important;font-weight: 900;}

.toggle {
    position: relative;
}
.field {
    width: 100%;
    padding: 15px 0 15px 15px;
    border: 0;
    border: 1px solid #e5e5e5;
}
.toggle .field {
    /*padding-right: 80px;*/
}
.toggle .btn{border: none !important;}
/*
.btn {
    display: flex;
    align-items: center;
}
*/
.toggle .btn {
    position: absolute;
    right: 18px;
    top: 32px;
    padding: 5px 8px;
    border-radius: 5px;
    background: #e5e5e5;
}
.btn-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.btn-label {
    font-size: 18px;
    cursor: pointer;
}
.toggle .btn-label {
    width: 30px;
    text-align: center;
}