button,
input.button,
input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea,
.editor_control_bar,
blockquote,
.codeblock,
fieldset,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {

margin-top: 0.2rem;
margin-bottom: 0.2rem;
}


.markItUpEditor {
    background: var(--t-textarea) !important;
    border: 0px solid var(--t-textarea) !important;
}




input.textbox {
	background: var(--t-textarea);
	color: var(--h-headertitle);
	border: 0.1rem solid var(--t-textarea);
	padding: 0.3rem;
	outline: 0;
	font-size: 0.9rem;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: var(--t-textarea) !important;
	color: var(--p-text2);
	border: 1px solid var(--t-textarea);
	padding: 2px;
	line-height: 1.4;
	outline: 0;
        padding: 0.5rem;
	font-family: 'Lato', Sans-Serif;
	font-size: 0.9rem;
}

select {
	background-color: var(--f-forum);
	padding: 0.7rem; 1rem 0.7rem 1rem;
	border: 1px solid var(--f-forum);
	outline: 0;
	font-family: 'Lato', sans-serif;
	font-size: 0.71rem;
        font-weight: 600;
        text-transform: uppercase; 
        line-height: 1.4rem;
	color: var(--h-headertitle);
}




button,
input.button {
	padding: 0.6rem; 1rem 0.9rem 1rem;
	cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-size: 0.71rem;
        font-weight: 800;
        text-transform: uppercase; 
	background: var(--f-forum);
	border: 0.11rem solid var(--f-forum);
	color: var(--h-headertitle);
        opacity: 1;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}




.replay_button {

position: absolute;
background: rgba(0, 0, 0, 0.19);
border: 0.11rem solid hsla(0, 0%, 93%, 0.15); 
padding: 0.7rem 1rem 0.9rem 1rem;
font: 3.7rem 'Lato', sans-serif; 
color: hsla(0, 0%, 93%, 0.45); 
top: 1.6rem;
right: 1.7rem;
font-weight: 800; 
text-transform: uppercase; 
line-height: 3rem; 
transition: 0.35s;
}


.replay_button:hover,
.replay_button:focus {
  box-shadow: inset 0 0 0 3rem hsla(0, 0%, 93%, 0.45);
}


.option {
  padding:0 30px 0 10px;
  min-height:40px;
  display:flex;
  align-items:center;
  background:  #333;
  border-top:#222 solid 1px;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  
}
 
.option:hover {
  background: #fff;
}
 
.select:focus .option {
  position:relative;
  pointer-events:all;
}




.new__button {

position: relative;
font: 600 1.5rem 'Vidaloka', sans-serif;
text-transform: lowercase;
text-align: right;
left: 0rem;
right: 0rem;
bottom: -0.3rem;
}
.new__button::after {
content: "";
border-bottom: var(--h-headersecondcolor) solid 0.4rem;
position: absolute;
width: 100%;
left: -12rem;
right: 0rem;
bottom: 0.65rem;
}

.new__button2 {

position: relative;
font: 600 1.2rem 'Vidaloka', sans-serif;
text-transform: lowercase;
text-align: right;
left: 0rem;
margin-right: -0-5rem;
top: 1rem;
z-index: 11;
}