@charset "utf-8";
/* Placeholder default does not meet WCAG 2.0, level AA compliance */
::-webkit-input-placeholder {
	 color: #767676;
	 opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	 color: #767676;
	 opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
	 color: #767676;
	 opacity: 1;
}

:-ms-input-placeholder {
	 color: #767676;
	 opacity: 1;
}

/* Client requested no breadcrumbs which are handled by the responsive header.  So code to hide breadcrumbs and compensate for the title margin */
.crumbs-container {
	display: none;
}
 
.middle-column header { 
	margin-top: 21px; /* Compensating for removing bread crumb container */
} 


/* MEDWATCH GLOBAL 
================================================*/
	/* Global Classes 
	================================================*/
	#mw {
		font-size: 16px;
	}
	
	#mw .clearFloat {
		clear: both;
	}	
	
	#mw .clearLeft {
		clear: left;
	}
	
	#mw .noPadding {
		padding: 0;
	}
	
	#mw .marginTop0 {
		margin-top: 0px;
	}
	
	#mw .padBottom10{
		padding-bottom:10px
	}
	
	#mw .padTop10{
		padding-top:10px;
	}
	
	#mw .padTop25 {
		padding-top: 25px;
	}
	
	#mw .padBottom20 {
		padding-bottom: 20px;
	}
	
	#mw .padBottom40{
		padding-bottom: 40px;
	}
	
	#mw .padTop20{
		padding-top:20px;
	}
	
	#mw .padLeft20 {
		padding-left: 20px;
	}
	
	#mw .padSides15{
		margin-left:15px;
		margin-right:15px;
	}
	
	#mw .padRight20 {
		padding-right: 20px;
	}
	
	#mw .padSides20{
		margin-left:20px;
		margin-right:20px;
	}
	
	#mw .otherField {
		padding: 0 15px;
	}
	
	#mw .noBottomBorder{
		border-bottom:none !important; 
	}
	
	#mw .inlineBlock{
		display:inline-block;
	}
	
	#mw .likeLabel {		
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	#mw .nonLabelBlock {		
		display: block;
		font-weight: normal;
		margin-bottom: 0px;
	}
	
	/* SE:MED-5198 */
	#mw .nonLabelInline {		
		display: inline-block; 
		font-weight: normal;
		margin-bottom: 0px;
	}
	
	/* MED-6661 */
	.padLeft25 .pdtCheckbox {
		display: flex !important;
	}
	
	div#otherGenderDiv{
		padding-left:35px;
	}
	
	/* SE: MED-5198 */
	#mw .pdtCheckbox label {
		margin-bottom: 10px !important;
		display: inline-block !important;		
	}
	
	#mw div.pdtCheckbox input[type="checkbox"] {
		float: left !important;
		margin-top: 5px !important;
	}
	
	#mw div.pdtCheckbox input[type="radio"] {
		float: left !important;
		margin-top: 5px !important;
		margin-right: 5px !important;
	}
	
	
	
	#mw .labelBlock{
		display:block;
		margin-bototm:0;
	}
		
	#mw .hideMe, 
	#m2 form input[type="hidden"] {
	    width: 0px;
	    height: 0px;
	    visibility: hidden;
	    overflow: hidden;
	    position: absolute;
	    top: -10024;
	    left: -10024;
	}
	
	#mw span.required-callout {
		font-size: 18px; 
	}

	
	#mw span.required {
		font-style: bold; 
		font-size: 20px; 
		color: #cb2026;
	}
	
	#mw span.required-callout span.required {
		vertical-align: middle;
	}
	
	#mw .skipMessage{
	    width: auto;
	    background-color: #fde89d;
	    margin: 10px 0 20px 12px;
	    padding: 10px;
	    float: left;
	    display: block;
	    border: 1px #bb9718 solid;
	  }
	  
	  #mw .infoMessage{
	  	margin: 0px 0 20px 12px;
	    padding: 5px;
	    float: left;
	    display: block;
	    border: 1px #bb9718 solid;
	    word-wrap: break-word;
	  }
	
	#mw .invalid {
		color: #CB2026; 
		font-weight: bold;
	}
	
	#mw span.help{
		vertical-align:text-bottom;
	}
	
	#mw span.help a {
		border-bottom: 0px none; 
		cursor: pointer;
	}
	
	#mw .hint { 
		font-weight: normal !important; 
	}

	#mw div.Or strong {
	    font-size: 16px;
	}
		
	#mw table.no-borders,
	#mw table.no-borders tr, #mw table.no-borders td, #mw table.no-borders th{
		border:none;
	}
	/* Buttons  */
	#mw .btn-outline-primary {
	    color: #005f9f;
	    background-color: transparent;
	    background-image: none;
	    border-color: #005f9f;
	}
	
	/* Help Windows */
	.ui-dialog-titlebar {
	    background-color: #005f9f;
	    color: white;
	}
	
	.ui-widget-overlay.active{
		opacity: .50 !important;
	}
	
	#mw .pdtFoodDietCheckbox {
		margin-left:20px !important;
	}
	

	/* Progress Tracker 
	================================================*/
	#mw #progress_tracker {
		margin: 15px 0;	
		width: 100%;
		float: left;
	}
	
	#mw #progress_tracker li, 
	#mw #progress_tracker span {
		padding: 0.75em 0;	
		cursor: default;		
	}
	
	#mw #progress_tracker .active {
		font-weight: bold;
	}
	
	#mw #progress_tracker .btn-default {
		background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
		background-repeat: repeat-x;
		border-color: #ccc;
		text-shadow: 0 1px 0 #fff;
	}
	
	#mw #progress_tracker .btn-default, 
	#mw #progress_tracker .btn-primary {
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	}
	
	@media only screen and (min-width: 992px) {
		#mw #progress_tracker .col-hp-7 {
			width: 13%;		
		}
		
		#mw .short-inline {		
			width: 40% !important;
			display: inline;
			height: 27px;
		}
		
		#mw .padTop22 {		
			padding-top: 22px;
		}
		
		#mw .padTop18 {		
			padding-top: 18px;
		}
		
	}	

	/* Messages 
	================================================*/
	#mw .message-container { 		
		border: .05em solid #cb2026;
	}
	
	#mw .error-content{
		color: #cb2026; 
		font-weight: 600;
	}
	
	
	#mw .error-content ul{
		font-weight: 700;
	}
	

	/* Form Basic Styling 
	================================================*/
	#mw .form-section-title {
		margin: 25px 15px; 	
		clear: both;
	}
	
	#mw .form-section-title div {
		padding-left: 20px;
	}
	
	#mw .form-group {
	    padding: 0.25em 1em;
	    clear: both;
	    margin-bottom:0;
	}
	
	.padLeft25 .form-group{
		padding: 0.25em !important;
	}
	
	#mw hr{
		border-bottom:1px solid #ddd;
		margin-left:1%;
		margin-right: 1%;
		margin-top: 0;
		margin-bottom:10px;
	}
	
	/* Legend 
	-------------------------------------------------------*/
		#mw legend { 
			border-bottom: none; 
			font-size: 1.7rem; 
			font-weight: bold; 
			margin-bottom:1em;
			padding-left:15px;
		}
		
		#mw legend.empty{
			margin:0;
			padding:0
		}
		#mw .large {
			font-size: 2.3rem;
			font-weight: bold;
			margin-bottom: 0;
		}
		
		#mw legend em {
			font-size: 1.4rem;
		}
		
		#mw legend label {
			font-size: 14px;
		}
		
		#mw label ul { 
			margin-top: 0.5em; 
		}
		
		#mw label a { 
			border-bottom: none; 
		}
	
	/* Form Labels 
	-------------------------------------------------------*/
	#mw label.other {
		padding-right: 0;
	}
	
	#mw label.otherRegular {
		font-weight: normal;
	}
	
	/* Form Errors 
	-------------------------------------------------------*/
	#mw .invalid-err {
		border: 2px dashed #A32824 !important;
	}
	
	#mw .invalid-errchk {
		border-width: 2px !important; 
		border-style: dashed !important; 
		border-color: #A32824 !important;
	}
	/* Form Inputs 
	-------------------------------------------------------*/
	/* Checkbox, radio 
	-------------------------------------------------------*/
	#mw .checkbox .checkgroup + .checkgroup { 
		margin-top: 2em; 
	}
	
	#mw .checkbox label {
		line-height: 28px;
	}
	
	#mw .checkbox .checkgroup label {
		line-height: 19px;
	}
	
	#mw input[type="checkbox"] {
		margin: 4px 8px 0 0;	
	}
	
	#mw .checkgroup {
		background-color: #f2f2f2;
	    border-bottom: 3px solid #c2c2c2;
	    border-right: 3px solid #c2c2c2;
	}


	#mw .radio-label {
		padding-top: 0;
		margin-top: 2px;
		font-weight: normal;	
	}

	
	/* Text Inputs 
	-------------------------------------------------------*/
	#mw input[type="text"].text-inline {
		display: inline !important; 
		height: 27px;
	}
	
	/* Text Counter Alert when at or over capacity. */
	#mw .textAreaAlert{
		color: #cb2026;
	}
	
	/* Dates 
	-------------------------------------------------------*/
	#mw input[type="text"].mw-date { 
		width: 135px !important; 
		display: inline;
	}
	
	#mw  div.therapyDates input[type="text"].mw-date{
		width: 215px !important; 
	}
	
	/*#mw input[type="text"].test-mw-date { 
		width: 195px !important; 
		display: inline;
	}*/
	
	#mw input[type="text"].mw-date-inline {
		display: inline; 
		line-height: 1.375; 
		height: 27px; 
		width: 135px !important;
		/*margin-left: 1.5rem;*/
	}
	
	#mw img.ui-datepicker-trigger {
		margin-left: 3px;
		cursor: pointer;
		display: inline;
	}
	
	#mw .inlineDates label {
		float: left; 
		margin: 0 .5em 0 0; 
		padding-right: .5em;
	}
	
	
/* Specific Styling 
=======================================================*/
	/* Products Both Paths 
	-------------------------------------------------------*/
		#mw .div-inline {
		margin-bottom: 10px;
	}
	
	#mw .add_product {
		font-size: 2rem; 
		font-style: normal; 
	}

	#mw div.remove_product {
	    text-align: right;
	}

	/* About Reporter Both Paths */
	#mw .identityDisclosure {
		border: 1px solid #CCC;
	    background-color: #ffebad;
	    padding: 5px 10px 10px 10px;
	    margin: 10px 0 10px 12px;
	    width: auto;
	    float: left;
	}
	
	#mw .identityDisclosure input[type="checkbox"] {
		margin-left: 5px; 
		vertical-align: text-top;
	}	

/* CP Path Only 
=======================================================*/
	#mw #cp .callout { 
		margin: 0; 
	}
	
	#mw #cp .callout + .callout  { 
		margin: 1.25em 0 0 0; 
	}
	
	#mw #cp .callout ul  { 
		margin: 0.5em 0 0 2em; 
	}
	
/* Confirmation Page
======================================================*/
#mw .confirmation_message { 
	display:flex; 
	margin-bottom: 20px; 
}

#mw .callout.confirmation_message div.text-center span{
	color: #005f9f;
}
/* Home Page
======================================================*/
#mw #homepage h3{
	font-size: 18px;
}

#mw .linkFAQ { 
	margin-top: 22px; 
	width: 100%; 
}

#mw #mainLinks-md, #mw #mainLinks-sm { 
	border: 1px solid #ccc; 
	padding: 8px;
	/* height: 286px; */
}

#mw #mainLinks-md ul, #mw #mainLinks-sm ul { 
	margin-top: 0px;
}

#mw .mainLinksBox-md, #mw .mainLinksBox-sm { 
	margin-top: 10px; 
}

#mw #homepage .collapsed .toggle-indicator:before { 
	font-family: fontawesome; 
	content: "\f078"; 
}

#mw #homepage .toggle-indicator:before { 
	font-family: fontawesome; 
	content: "\f077"; 
}	

#mw #homepage .reportBtns { 
	background-color: #D9EDF7; 
	width: 73%; 
	border: 1px solid #CCCCCC; 
	/* padding: 22px 15px 5px 15px;*/
	/* padding: 22px 15px;*/
	padding: 22px 15px 5px 15px;
}

 
#mw #homepage .reportBtns span.btn  { 
	width: 232px;
}

#mw a[data-toggle='collapse'], 
a[data-toggle='collapse'],
#mw .btn-default{
	background-color: #ebebeb;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);	
}

#mw #homepage a[data-toggle='collapse'] {	
	font-weight: bold;
}

/* SE: MED-5972 SpanishForm  */
.spanishBtn a.spanishBtn {
	margin-right: -20px !important;
}

/* Review and Submit Page
================================================*/
#mw table.mw-table-review tbody th{
	width: 40%; 
	white-space: pre-wrap !important;
	word-break: break-word;
	//word-break: break-all; //SE:MED-3814 fix for IE
}

#mw table.mw-table-review tbody td{
	width: 60%; 
	word-break: break-word;
	word-break: break-all; //SE:MED-3814 fix for IE
}

#mw input[type="text"].captchaInput{
	width: 29px;
    padding-left: 3px;
    padding-right: 3px;
}

/* FAQ Page
================================================*/
#mw .toggle:last-child {
  border-bottom: 1px solid #dddddd;
}

#mw .toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
  margin-bottom: 6px;
}
#mw .toggle .toggle-title h3 {
  font-size: 18px;
  margin: 0px;
  line-height: 1;
  cursor: pointer;
  font-weight: bold;
}
#mw .toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
}
#mw .toggle .toggle-inner div {
  max-width: 100%;
}
#mw .toggle .toggle-title .title-name {
  display: block;
  padding: 25px 25px 14px;
    font-weight: bold;
    border: thin solid transparent;
    background-color: transparent;
    text-align:left;
}


#mw .toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}

.toggle .toggle-title i {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 20px;
  margin-left:0;
  left: 0;
  top:2px;
  font-size: 22px;
}

#mw .toggle .toggle-title i::after{
    content: '+';  
}

.toggle .toggle-title.active i::after{
    content: '-' !important;
}

#mw table#browsers thead th {
    border-bottom: 1px dotted #CCCCCC;
    background-color: coral;
    text-align:center;
}

#mw table#browsers td{
	border-bottom: 1px dotted #CCCCCC;
    padding: 5px;
    text-align: center;
}

#mw ul.legend {
    list-style: none outside none;
    padding: 0;
    font-size:14px;
}

#mw .footnote {
    background: #F0F0F0;
    float: right;
    padding: 10px;
}

#mw .deviceNotes{
	font-size: 13px;
}

/*  SE:MED-3355 UPLOADER STYLES  */ 

#fileFormatInfo {
	display: none;	    
    position: absolute;
    right: 0;	        
    z-index: 120;
	margin: 0 1em;	
}

span#acceptableFileFormats {
	margin-top: 15px !important;
}


#uploaderContainer {
	margin:10px auto;
	width:400px;
	min-width: 300px;
    width: 50%;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}	

#uploaderContainer button {
	
	width:195px!important;
	overflow:visible;
	height:35px!important;

}

#uploaderContainer div {
	/*text-align:center;*/
}

/* SPANISH FORM CSS */
	div#sCP .alert-success, div#sHP .alert-success {
		color: black !important;
	}
	
	.btnMargin, .btnMarginCSV {
		margin:1.5em;
	}
	
	.pText {
		font-weight: bold;
		font-style:italic;
	}
	
	#sCP a.btnMargin span.btn-primary {
		 
		text-align: left;
		white-space: normal !important;
		width: 800px !important;
	}
	@media only screen and (max-width: 1180px) {
	#sCP a.btnMargin span.btn-primary {
		width: 600px !important; 
	}
	}
	#sHP a.btnMarginCSV span.btn-primary {
		 
		text-align: left;
		white-space: normal !important;
		width: 410px !important;
	}
	
	p.textDanger {
		color: black !important;
	}

	 


@media only screen and (max-width: 767px) {
	/* fix buttons on form page 1 on mobile: */
	#uploadFilesButton {
	/*display:block;*/
	margin-left: 0 !important;
	margin-top: 10px !important;
	}
	.relevantTestsDiv, .add_TestLab {
		padding-right:15px !important;
	}
	
	
}

/*updated media query for phones only: */
@media only screen and (max-width: 600px) {
.mwTable table { 
  width: 100%; 
  border-collapse: collapse; 
}

.relevantTestsDiv, .add_TestLab {
	padding-right: 0px !important;
}

/* Zebra striping */
.mwTable tr:nth-of-type(odd) { 
  background: #eee; 
}

.mwTable th { 
  padding: 6px; 
  text-align: left; 
}

.mwTable td, .mwTable th { 
	color:#000; /*change text color from grey to black to increase contrast on grey backgroun color on alternating rows*/
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  word-wrap:break-word; /*force line to wrap mid-work (breaking the word)*/
}

/* Force table to not be like tables anymore */
.mwTable table, .mwTable thead, .mwTable tbody, .mwTable th, .mwTable td, .mwTable tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.mwTable thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*end move headers*/
.mwTable tr { border-bottom: 6px solid #ccc; /*define separation of each row*/ }

.mwTable td { 
	clear:left; /*clear the th floating above in thead*/
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 55%!important; 
}

/*reduce font in table cells:*/
 table.mwTable tbody td {
	font-size:80%!important;
}

table #uploadedFilesTable thead th, table#uploadedFilesTable tbody td {
	
	width: 100%!important;
}

.mwTable td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-left:14px; /*leave space for sort image*/
	padding-right: 10px; 
	white-space: nowrap;
}

/*Label the data*/

.mwTable td:nth-of-type(1):before { font-weight:bold; content: "File name"; }
.mwTable td:nth-of-type(2):before { font-weight:bold;  content: "File size"; }
.mwTable td:nth-of-type(3):before { font-weight:bold;  content: "Delete"; }
#filenames td:nth-of-type(3):before { font-weight:bold;  content: "Percent uploaded"; }
	
	
#sCP a.btnMargin span.btn, #sHP a.btnMarginCSV span.btn  {
		width: auto !important;		 
	}	

}
.bumpDown20 {margin-top:20px!important;}

.vio_lbs2{
    font-size: 13px;
	font-weight: bold;
	margin: 1em 0;
}
#filelist {
    margin-top: 15px;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*clear floats*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*results table fonts:*/
.table thead th {
	border-bottom:4px solid #666!important;
	/* font-size: 9.6px; */
	font-size: 16px !important;
	min-width: 62px!important;
	padding-bottom:2px!important;
	width: 70px !important;
}

@media only screen and (min-width:60em) and (max-width:90em) {
		
	
/*increase col width and decrease font size on smaller screens*/
	table.table thead th {
	min-width: 70px!important;
	padding-left:0;
	padding-right:0;
	}
}

@media screen and (min-width:100em) {
	.table thead th {min-width:70px!important;}
}


/* Zebra striping */

/*zebra striping on rest of table*/
table.table tr:nth-of-type(odd) { 
  background: #eee; 
}

/*don't apply to thead:*/
table.table thead tr th {background:#fff;}

.table th, .table td {
	  word-wrap:break-word; /*force line to wrap mid-work (breaking the word)*/
	  font-size: 16px !important;
}

#uploadFilesButtonContainer, #selectFilesButtonContainer {
    display: inline;
	width: 100%!important;
}

.mwInnerTable tr:nth-of-type(odd) {
background: none !important;
}

.mwInnerTable tr:nth-child(7n+1) {
  background: #eee !important;
}

#mw table.mw-table-review .mwInnerTable1 tbody th, #mw table.mw-table-review .mwInnerTable1 tbody tr td {
    width: 0% !important;
}
#uploaderContainer label {
	font-size: 100% !important;
}

/* SE:MED-3696 */
a#pdtError:focus {
	outline-offset: 0px !important;
	outline: none !important;
}

/* SE:MED-5198 */
.radio-inline{
	padding-right: 10px !important;
	padding-bottom: 10px !important;
}

.radio-inline + .radio-inline{
	margin-left: 0px !important;
}

@media  (max-width: 48em){	
	#mw .form-group .radio-inline {
		display: inline-block !important;
		position: relative !important;
		font-weight: normal !important;
	} /* se: med-5198 */	
	
	#mw div.pdtCheckbox input[type="checkbox"] {
	    float: left !important;
	 	margin-left: -25px !important;
		display: block !important;
 	}
 	
 	#mw div.pdtCheckbox input[type="radio"] {
 		float: left !important;
	 	margin-left: -25px !important;
		display: block !important;
 	}
	
	#mw .pdtCheckbox label {
		display: inline-block !important;
	}
	
	#mw .pdtCheckbox {
		margin-left: 25px !important;
		display: flex !important;
	}
	
}	


/* SE:MED-7113 */
@media  (max-width: 48em) { 
    #mw .pdtCheckbox { display: block !important; }
    
 	/* #mw .form-group { 	padding: 0.25em 0.65em !important;    } */
 	div.btnGroups .btn{
		padding: 4px !important;
	}
	
	div.divEvent {
		width: 92% !important;
	}
}


/* MWO Enhancements 2020 */

/* MED-4335 */
@media (min-width: 568px) {
	.delAllDiv { display: none !important;}
}

/* MED-4330 */
.input-group-addon {
	border: none !important;	
	background-color: white !important;
}

/* SE: MED-5810 */
.itemBtn {
	position: relative; z-index: 2;
}

div.mainPagePadding {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.alignPara {
	text-align: justify !important;
}	

div.delAllStyles {
	text-align:right; 
	font-size:16px; 
	padding-right:5px
}

div#corruptFileMsg, #emailErrorMsg {
	color:#CB2026; 
	font-weight:bold;
}

div.btnGroups input.pull-right {
	margin-left: 6px !important;
}

/* SE: MED-5165, 5065 */
div.emailDiv {
	padding: 0px 15px 15px 15px !important;
	font-size:14px !important; 
	font-weight: bold !important;
}

div.emailDiv > p { line-height:2 !important; }

div#emailErrorMsg {
	margin: 15px 0px 15px 15px !important;
}
.emailFormCls {
	margin-top: 20px !important; 
	margin-bottom: 20px !important;
}
div.repEmailDiv {
	padding-bottom:35px !important;
}

div.repEmailDiv label, div.confirmRepEmailDiv label{
	font-weight: bold !important;
}

div.confirmRepEmailDiv {
	padding-bottom:35px !important; 
	padding-top:20px !important;
}

div.emilBtns {
	padding-top: 25px;
}

/* SE: MED-5319, 5320 */

div.reportDiv {
	margin-bottom:15px !important; 
	margin-right:15px !important; 
	margin-top:-15px !important;
} 


@media (min-width: 375px) {
	span#repDt {
		white-space: nowrap !important;		 
		 
	}
	div.reportDiv {
		margin-left: 10px !important;
	
	}
	span#repId {
		margin-left: 10px !important;
	}
	
	
}

/* Spanish Error page Buttons */

@media (max-width: 428px) {
	input.exitButton {
		float: left !important;
		margin-left: 15px !important;
	}
}

/* SE: MED-5311 */
#newBtnTxt {
	white-space: normal;	
	font-size: 14px; 
	padding-right: 52px;
	padding-left: 22px; 
	padding-top:1px;
}

#newBtnDiv {
	display: inline-block;
	padding-right: 20px;
	margin-top: -5px !important; 
	padding-left:30px;

}

.btnSM {
	border-radius: 6px; 
	border-color: black; 
	font-weight: bold; 
	 width:198px !important; 
	padding-top:5px; 
	color:black;
}

a#newBtn img {
	 width: 98% !important;  
} 

/* SE: MED-5315 */
	.rrDiv {
		padding: 10px 1px !important;
		font-size: 14px !important;
		font-weight: bold;	    
	 }
	 
	 .rrDateDiv {
	 	padding-top:25px !important;
	 	padding-bottom:45px !important;
	 }
	 
	.rrIdDiv label, .rrDateDiv label{
	 	font-weight: bold !important;	 	
	 	padding-right: 0px !important;
	 }
	 
	 div.reportBtns {
		padding-top: 35px;
		padding-bottom: 40px;
	}
	
	#reportErrorMsg {
		color: #CB2026;
	    font-weight: bold;
		margin: 15px 0px 15px 15px !important;
	}
	
	#mw input[name="reportid"] {
		display: inline;
	} 
	
/* SE:MED-5458 */	
.infoText {
	padding-left: 35px !important; 
	padding-right: 35px;
	font-size: 16px;	
}

/*Spanish form css */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
}

#uploadFile,
#uploadFilesButton
{
    display: inline-block;
    vertical-align: top;
}

.uploadDiv {
	padding:  20px;
}
 
#uploadFilesButton{
	margin-left:-25px;
}
	
.input-group-btn {
	position: relative;
	white-space: nowrap;
	text-align: right;
}

#custom-file-label {
	width: 20%;
	position: absolute;
}
.alertDangerDiv {
	display: block;
	font-weight: bold;
}

.mainBtn {
	text-align: left;
	border-color:#000;
}

/* SE: MED-6113 */
div.btnsDiv {
	display: inline-block !important;
    margin-left:-5px !important;
    margin-right: -5px !important;
    padding-right:0px !important;
    padding-left: 0px !important;
}

div.btnsDivEs {
	display: inline-block !important;
	padding: 0px 15px 0px 15px !important;
}


p.incompleteText {
	width: 200px;
	text-align: justify;
	font-size: 14px;
	margin-left: 40px !important;
}

span.csvButtons {
	white-space: normal;
}
 a.card-title {
	font-size: 21px !important;
	font-weight:bold !important;
	color: black !important;	
	border-bottom:  none !important;
	cursor: pointer !important;
}

div.card-header {
	cursor: pointer !important;
}

.accordion .card-header:after {
	float: none !important;
	margin-left: 10px !important;
}

td.acceptableValue > ul {
	margin-top: 0 !important;
}

/*CSV <hr> */
#csv hr {
    border-bottom: 1px solid #ddd;
    margin-left: 0% !important;
    margin-right: 0% !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

div.csvHP{
	padding-left:15px !important;
	padding-right: 15px !important;
}

div.euaPdtCheckBox {
	margin-left: 20px;
	margin-top:10px;
}

div.euaSelect {
	padding-left: 0px;
	padding-top: 15px;
}



/* spanish Instructions page */
 .submitInfo h4 {
    background-color: #c0e9ff !important;
	padding: 8px 0;
    border: 0;
    font-size: 2.25rem;
    color: #000;
    margin: 0;
	font-family: 'latoregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5rem !important;
	 font-weight:bold !important;
	 text-align: center;
}



#accordionPanel, .ui-accordion .ui-accordion-content {
    background-color: #edf9ff !important;
}

#accordionPanel {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    margin-bottom: 0.75rem !important;
}

#accordionPanel  h4.ui-state-active, .ui-state-active {
    background: #e4e4e4 !important;
	  color:#454545!important;
	  border:black !important;     
}
 
#accordionPanel h3 {
  /*  padding: 8px 0;
    border: 0;
    font-size: 1.25rem;
    color: #000;
    margin: 0; */
	 background-color: #e4e4e4;
    padding: 6px 15px !important;
    /* margin-top: 0.75rem; */
    margin-top: 0 !important;
	font-weight:bold;
   /* margin-bottom: 1rem !important;*/
}
 
#accordionPanel {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
  }
   
  .spanishLink {
	display:none;
    text-align: right;  
    padding-right: 30px;
    padding-bottom: 35px;
	font-weight:bold;
	font-size:20px;
  }
 
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url('../images/ui-icons_454545_256x240.png') !important;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px !important;
}

#accordionPanel div{
	height:250px;
	overflow-y: auto;
}

.ui-accordion .ui-accordion-header{
	font-weight: bold;
}

.submitInfo  a {
	text-decoration: underline !important;
	color: #337ab7 !important;
}