#overdiv input,
#overdiv textarea,
#overdiv button,
#overdiv select {
    font-family: "Open Sans", Arial, sans-serif;
}
#overdiv input,
#overdiv textarea,
#overdiv select {
    font-size: 106.25%;
    font-weight: normal;
}
#overdiv input,
#overdiv textarea,
#overdiv select,
#overdiv button {
    border: none;
}
#overdiv input,
#overdiv textarea,
#overdiv select {
    border: solid 1px #737F8C;
}
}
#overdiv input,
#overdiv select {
    height: 40px;
}
#overdiv input {
    max-width: 336px;
    width: 100%;
    padding: 10px 8px;
    display: block;
}
#overdiv #add_form input {
    border: none;
    width: auto;
    height: auto;
    padding: 0;
}
#overdiv select {
    width: 100%;
    padding: 0 5px;
}
#overdiv textarea {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 136px;
    max-height: 136px;
    padding: 8px 16px;
}
#overdiv button,
.mdl-button {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 100%;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.5px;
    padding: 12px 15px;
    min-width: 93px;
    height: auto;
    border-radius: 3px;
    text-align: center;
    border: 1px solid transparent;
    margin-top: 24px;
}
.mdl-button,
.mdl-button--raised,
.mdl-button:focus:not(:active),
.mdl-button--raised:focus:not(:active),
.mdl-button:active,
.mdl-button--raised:active {
    box-shadow: none;
}
#overdiv button.dusk_blue,
#overdiv .mdl-button--raised.mdl-button--colored,
#overdiv button.dusk_blue:hover,
#overdiv .mdl-button--raised.mdl-button--colored:hover,
#overdiv .mdl-button--raised.mdl-button--colored:active,
#overdiv .mdl-button--raised.mdl-button--colored:focus:not(:active) {
    color: white;
    background: #2A3551;
}
.default.mdl-button {
	color: #225c81;
	border: 1px solid #b9bfc6;
	background-color: white;
}
.default.mdl-button:hover,
.default.mdl-button:focus:not(:active),
.default.mdl-button:active {
	color: #225c81;
	background: white;
}
#overdiv label {
    display: block;
}
#overdiv label + label {
    margin-top: 16px;
}
#overdiv label span {
    font-size: 93.75%;
    font-weight: 600;
}
#overdiv label > span {
    margin-bottom: 3px;
}
label > .flex {
    justify-content: space-between;
}
#overdiv .max-character,
#overdiv .max-character span {
    font-weight: 300;
    color: #535965;
    margin-left: 24px;
    margin-bottom: 0;
}
#new_article_form {
    margin-bottom: 32px;
}
#overdiv #new_article_form label span {
    display: block;
}
#overdiv .new_article_button {
    width: 120px;
    padding: 0;
    margin-top: 8px;
}
.input_with_icon {
	max-width: 336px;
	width: 100%;
	margin: 0 auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
    border: solid 1px #b9bfc6;
}
.input_with_icon.align-left {
    max-width: 100%;
    margin: 0;
}
.input_with_icon input {
    border: none;
}
.input_with_icon.select {
    border: none;
    position: relative;
}
.input_with_icon.select .input_icon {
    height: 24px;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
    pointer-events: none;
}
.search_input_icon {
    height: 24px;
    margin-left: 8px;
}
.input_icon.right {
    margin-left: 0;
    margin-right: 8px;
}
.input_icon {
    width: 24px;
    height: 24px;
}
.material-icons {
    color: #225c81;
}
.input_with_icon .search_input_icon .material-icons {
    color: #737f8c;
}
.input_with_icon .search_input_icon.close .material-icons {
    color: #1a1a1a;
}
.input_with_icon select {
	appearance: none;
	-webkit-appearance: none;
}
.button_with_icon {
	font-size: 100%;
    font-weight: 600;
    color: #225c81;
	line-height: 1;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    border-radius: 3px;
    padding: 7px 8px 7px 16px;
    min-width: 91px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b9bfc6;
}
.button_with_icon.left-icon {
    padding: 7px 16px 7px 8px;
}
.button_with_icon.left-icon .input_icon {
    margin-right: 8px;
}

/* 2 inputs next to each other */

.input-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
#overdiv .input-container label {
    width: 50%;
}
#overdiv .input-container label + label {
    margin-top: 0;
    margin-left: 16px;
}

/* Placeholder */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-weight: 300;
    color: #737f8c;
}
::-moz-placeholder { /* Firefox 19+ */
    font-weight: 300;
	color: #737f8c;
}
:-ms-input-placeholder { /* IE 10+ */
    font-weight: 300;
	color: #737f8c;
}
:-moz-placeholder { /* Firefox 18- */
    font-weight: 300;
	color: #737f8c;
}
::-moz-placeholder {
  opacity: 1;
}