div.rma_wrap#vmMainPageOPC {
	width: 100%; 
	float: left; 
	clear: both; 
	
}
#vmMainPageOPC h1, #vmMainPageOPC h2, #vmMainPageOPC h3, #vmMainPageOPC label {
	width: 100%; clear: both; 
}
.rma_show_with_results {
	display: none; 
}	
select.rma_qty {
	max-width: 80px; 
}

.rma_show_with_results span.desc,.rma_show_with_results div.desc,
.rma_show_form span.desc, .rma_show_form div.desc  {
	display: none; 
	float: left; 
	width: 100%; 
	clear: both; 
	
}
span.desc {
	color: #828282;
}
.rma_show_with_results span.desc, .rma_show_with_results,.rma_show_form span.desc  {
	float: left; 
	width: 100%; 
	clear: both; 
}

#vmMainPageOPC input.rma_input[type=checkbox]:checked + label > span:before {
	font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
    content: "\f14a";
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
	font-weight: 700; 
}
#vmMainPageOPC input.rma_input[type=radio]:checked + label > span:before {
	font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
    content: "\f192";
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
}

#vmMainPageOPC input.rma_input[type=checkbox] + label > span:before,
#vmMainPageOPC input.rma_input[type=radio] + label > span:before {
	 font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
     content: "\f111";
    color: #535353;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
	
}
#vmMainPageOPC input.rma_input[type=checkbox] + label > span:before {
	content: "\f0c8"; 
	font-weight: 700; 
	color: #f9f9f9; 
}
#vmMainPageOPC input.rma_input[type=checkbox] + label > span:before {
}

#vmMainPageOPC input.rma_input[type=checkbox], #vmMainPageOPC input.rma_input[type=radio]{
  width     : 0px;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  float: left; 
  clear: left; 
}

#vmMainPageOPC label{
   display      : inline-block;
  
  line-height  : 30px;
  padding-left: 0; 
  float: left; 
  vertical-align: middle; 
}
#vmMainPageOPC h3, .coltitle { 
 font-weight: bold; 
 font-size: 16px; 
 line-height: 1.2em;
 margin: 10px 0; 
}


div.rma_wrap .row.rma_show_with_results,div.rma_wrap .rma_show_form {
	padding-top: 20px; 
	display: none; 
}

button.rma_submit {
	min-width: 200px; 
	min-height: 30px; 
	height: 40px; 
}

#opc_uploads_wrap .field_wrap.internal_order_nr, .uploaded_line, #opc_uploads_wrap progress  {
	float: left; 
	clear: both; 
	width:100%; 
}



#vmMainPageOPC input.rma_input[type=checkbox]:checked + label + .desc, #vmMainPageOPC input.rma_input[type=radio]:checked + label + .desc {
	display: block; 
}
div.desc.complaint_type {
	padding-left: 30px; 
}
div.desc.complaint_type input {
	clear: left; 
	float: left; 
}
div.desc.complaint_type label {
	float: left; 
	clear: right; 
}
i.isspinner {
	display: none; 
	margin-left: 20px; 
	float: right; 
	line-height: 20px; 
	position: absolute;
	right: 5px; 
	top: 5px; 
}
div.error { 
	color: red; 
	font-weight: bold; 
}
div.rowf.flex.center.rma_show_with_results {
	padding-top: 20px; 
}
#rma_comment {
	width: 100%; min-height: 100px; 
	
	
}
div.comment_span { padding-right: 20px; }
div.rma_search_inp .prefix { line-height: 30px; font-size: 18px; }

#orders_results_wrap  .rma_show_form {
	display: none; 
}
#orders_results_wrap .selected_toggle + .rma_show_form {
	display: block !important; 
} 

div.rma_wrap div.row.row_selector {
	float: left; 
	width: 100%; 
	clear: both; 
	background-color: #e6e6e6; 
	margin-top: 5px; 
	margin-bottom: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-radius: 2px; 
}

div.span1.coltitle.selectunselect, div.span1.checkboxselect {
	max-width: 100px; 
	min-width: 100px; 
}
div.span2.coltitle.qty {
	margin-left: 0; 
}


div.rma_wrap .row {
	display: flex; 
	margin: 0; 
	flex-wrap: wrap; 
	box-sizing: content-box; 
	
}
div.rma_wrap .row:before, div.rma_wrap .row:after {
	display: none; 
}
div.rma_wrap .row [class*="span"] {
	margin: 0; 
}
div.rma_wrap div#submitresponse { 
	width: 100%; float: left; clear: both; 
	align-items: center; 
	display: flex; 
	flex-wrap: wrap;
}

div.rma_wrap div.row.error { 
	text-align: center; 
	width: 100%; 
	display: inline; 
}
#vmMainPageOPC .span1.checkboxselect label {
	padding-left: 10px; 
}
#vmMainPageOPC { 
float: left; 
width: 100%; 
clear: both; 
}
button#rma_search, button.rma_submit { 
min-width: 100px; 
position: relative; 
}
button.rma_submit {
	min-width: 200px; 
}

a.remove_file i {
	padding-left: 5px; 
	color: #cf0c0c; 
}

#top-long > .rma_wrap {
	padding-left: 20px; 
	box-sizing: border-box; 
} 

div.rma_wrap#vmMainPageOPC .row.row_selector > div.span2 > span,
div.rma_wrap#vmMainPageOPC .row.row_selector > div.span7 > label,
div.rma_wrap#vmMainPageOPC .row.row_selector > div.span2 > label {
	line-height: 60px; 
	vertical-align: middle; 
	
}
div.rma_wrap#vmMainPageOPC .row.row_selector > div.span2 > label,
div.rma_wrap .span2.coltitle.sku {
	padding-left: 10px; 
	box-sizing: border-box; 
}


@media (max-width: 767px) {
	#vmMainPageOPC .row.inpname .span4, #vmMainPageOPC .row.rma_search_inp .span4 {
		width: 50%; 
		max-width: 50%; 
	}
	#vmMainPageOPC .row .span4 {
		max-width: 33.3%; 
		display: inline-block; 
	}
	#vmMainPageOPC .row .span4.btnsearch {
		float: left;
		width: 100%; 
		clear: both; 
	}
	#vmMainPageOPC .row .span4 input {
		max-width: 90%; 
	}
	#vmMainPageOPC .row .span4 input.rma_input.on {
		max-width: 60%; 
	}
	#vmMainPageOPC .row .span4.coltitle.search {
		display: none; 
	}
	#vmMainPageOPC .row.rma_show_with_results.headers > div.qty, 
	#vmMainPageOPC .row.rma_show_with_results.headers > div.sku {
		display: none; 
	}
	#vmMainPageOPC .row.rma_show_with_results.headers > div, #orders_results_wrap div.row.row_selector > div {
		float: left; 
		clear: none; 
		width: unset; 
	}
	#orders_results_wrap, #orders_results_wrap div.row.row_selector {
		float: left; 
		clear: both; 
		width: 100%;
		position: relative; 
	}
	#orders_results_wrap div.row.row_selector div.pn label {
		padding-left: 5px; 
		padding-right: 5px; 
	}
	#orders_results_wrap div.row.row_selector div.pn label, #orders_results_wrap div.row.row_selector .span7 {
		width: 100%; 
		box-sizing: border-box; 
		
		float: left; 
		clear: both; 
	}
	#orders_results_wrap select.rma_input.rma_qty {
		max-width: 100px !important; 
	}
	#orders_results_wrap div.skuwrap {
		position: absolute; 
		top: 5px; 
		right: 0; 
	}
	
	div.checkboxselect input, div.checkboxselect label {
		float: left; 
		clear: none; 
	}		
	
	div.desc.complaint_type {
		box-sizing: border-box; 
	}
	
	.row.rma_show_form div.h3 {
		float: left; 
		clear: both; 
		width: 100%; 
	}
	
@media (max-width: 330px) {
	#vmMainPageOPC .row .span4 input {
		max-width: 80%; 
	}
	#vmMainPageOPC div.rma_search_inp .prefix {
		font-size: 12px; 
	}
}	
	
}