/* Global */
#mw .sm-vertical{
	margin-left:-15px;
}
#mw .sm-vertical div {
	padding-left:0; 
	
	display:block; margin-left:15px;
}

#mw .otherPadTop20{
	padding-top:20px;
}
 #mw .infoMessage{
	width: 97%;
}

#mw .Or{
	display:inline-block;
	padding-top:20px;
}

.ui-dialog-content img{
	width: 95%;
	display:block;
	margin-left:auto;
	margin-right:auto
}

/* Error Inputs 
-------------------------------------------------------*/
	#mw .error-content{
		font-size: 1.2rem;
	}
	
	#mw h2.first {
		font-size: 1.4em;
		margin-top: 1em;
	}
	#mw .first img{
		margin-right: 1em;
		margin-top: -.2em;
	}	

/* Text Inputs 
-------------------------------------------------------*/
#mw textarea, 
#mw input[type="text"] {
	width: 100%;
}
	


/* Health Professional Path About Problem
------------------------------------------------*/
/*
#mw .nonLabelInline .long-label {
	display:block Important;
	margin-left:23px !important;
	 position:relative;
	 margin-left:28px; 
	margin-left: 20px; 
	top:-23px;  
}
  
*/


/* Health Professional Path About Product
------------------------------------------------*/
#mw .add_product{
	margin-left:10px;
	margin-bottom:12px;
}

#mw .about_product.large{
	width: 55%;
}

#mw div.remove_product{
	width:43%;
}
#mw .about_product.large span{
	font-size: 16px; 
	padding-left:7px; 
}

#mw h3.about_product{
	font-size: 21px;
}
	
#mw div.remove_product{ 
	font-size: 14px; 
	padding:0 0 0 5px;
	margin-top:-18px;
	float:right;
	width:121px;
}

/* Health Professional Path Concomitants
------------------------------------------------*/
#mw legend.concomitant{
	margin-bottom:5px;
}
#mw table.concomitant{
	margin-top:0;
	margin-bottom:0;
}

#mw table.concomitant th, 
#mw table.concomitant td, 
#mw table.concomitant input{
	font-size:12px ;
}

#mw table.concomitant input, 
#mw table.concomitant input[type="text"].mw-date{
	padding: 2px 6px; 
	width: 68% !important;
}

#mw h3#concomitantEditSection input {
    margin-bottom: 13px;
    margin-top: 5px;
}



#mw #hp .concomitantGroup{
	font-size: 13px;
}
#mw #hp .conCounter, #mw #cp .conCounter {
    padding-left: 15px;
    padding-right: 0;
    margin-top: 27px;
    font-weight: bold;
}

#mw #hp .concomitantGroup hr.mini{
	width: 90%;
	display: inline-block;
    margin-left: 9% !important;
    margin-top: 2px;
    margin-bottom: 10px;   	
}

#mw #hp .concomitantGroup label{
	display:block;
}
#mw #hp .concomitantGroup input[type="text"].mw-date{
	/* Really small phones like Iphone 5 */
	width:95px !important;
	font-size: 12px !important;
}
/*
@media (min-width: 375px) {
	 
	#mw #hp .concomitantGroup input[type="text"].mw-date{
		width:100px !important;
		font-size: 13px !important;
	}
	
	.reportBtns .btn {
		margin-left: -5px !important;
	}
	
	div.btnGroups input {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	 
div.spanishDiv {
	text-align: left; 
	margin-left: -10px !important;  
	padding-top: 1px; 
	padding-right: 45px
}
}*/
#mw #hp div#add_more{
    margin: 14px 0 10px 10px;
}

/* Confirmation Page
======================================================*/
#mw #confirmationButtons a{
	width: 100%;
	font-size:16px;	
	font-weight:bold;
	white-space:normal;
	
}

#mw #confirmationButtons a:first-child{
	margin-bottom:10px;
	  
}

#printBtn {
  margin-top: 4%;
}
   
  /* Home Page
======================================================*/
#mw .bottomLinks{
	margin:30px 20px auto 20px;
}

#mw #homepage .reportBtns   { 	
	width: 100%; 	
	text-align: center;
	height:550px;
}
/*
@media (max-width: 360px){
	.report-btns {
		padding-bottom: 15px !important;
    	padding-top: 15px !important;
	}

	.btn {
		padding-bottom: 15px !important;
		margin-left: -10px !important;
	}
}

@media (max-width: 320px) {

	.reportBtns {
    	width: 125% !important;
    	text-align: center;
    	margin-left: -20px !important;
    }
    
    .reportBtns .btn  {
    	padding-bottom: 15px !important;
    	margin-left: -5px !important;     
    	margin-right: 5px;
    }
    
    
}
*/

#mw #homepage a[data-toggle='collapse'] {	
	font-size: 16px;
}
   
 /* FAQ Page */
 /* SE: MED-3278 */
 
#mw table#browsers {
	font-size:8px;
}

.table-bordered > tbody#faqTbody > tr > td, .table-bordered > thead#faqThead > tr > th{
	border: 0px !important;
}
td.browserTd {
	text-align: left !important;
}

table#browsers {
	border-left: 0px !important;
}

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

  	@media 
	only screen 
	(min-device-width: 320px) 
	and (max-width: 567px) 
	and (max-device-width: 5687x)  {
	 
		/******************** Force table to not be like tables anymore ********************/
		.fda_table1, tbody#faqTbody, tbody#faqTbody>tr, tbody#faqTbody>tr>td { 
			display: block; 
			float: left;
			clear: both;	
			width:100%;
		}
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		thead#faqThead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
			font-weight: bold;
		}
		
		.fda_table1 tr { border: 1px solid #ccc; }
		
		.fda_table1 td { 
			/******************** Behave  like a "row" ********************/			
			border-bottom: 1px solid #eee; 
			position: relative !important;
			padding-left: 62% !important; 
		}
		
		.fda_table1 td:before { 
			/******************** Now like a table header ********************/
			position: absolute;			
			top: 6px;
			left: 6px;			 
			padding-right: 5%;
		}
		
		/******************** Label the data ********************/
		/******************** SE:WSHA-2746 ********************/
		.fda_table1 td.browserTd:before { font-weight:bold; content: "Browser"; }
		.fda_table1 td.browserVerTd:before { font-weight:bold;   content: "Version";  }
		.fda_table1 td.windowsTd:before { font-weight:bold; content: "Windows"; }
		.fda_table1 td.macTd:before { font-weight:bold; content: "Mac OSX"; }	
		.fda_table1 td.iosTd:before { font-weight:bold; content: "iOS"; }	
		.fda_table1 td.androidTd:before { font-weight:bold; content: "Android"; }		
		
		/******************** end structure top view table ********************/
		table#browsers, tbody#faqTbody>tr, tbody#faqTbody>tr>td { 
			display: block; 
			float: left;
			clear: both;
			width:100%;				
		}
		
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		thead#faqThead tr { 
			position: absolute;			
			font-weight: bold;						
		}		
		
		
		.table-bordered > thead#faqThead > tr > th,
		.table-bordered > tbody#faqTbody > tr > td,
		.table-bordered > thead#faqThead  > tr > th,
		.table-bordered > tbody#faqTbody > tr > th	{
			border: 0px none !important;				 
		}
		
		#mw table#browsers td.browserVerTd {
			text-align: left !important;
		}
		
	}
	
/* SE: MED-5313 */
@media (min-width: 667px) {
	#mw .toggle .toggle-inner div {
    	max-width: 75%;
    }
}

/* *****************************************8 */

/* desktop view */
/* SE: MED-6113 */
@media (min-width:1024px) {
	#mw .sexGenderFieldset div.pdtCheckbox input[type="radio"] {
		 margin-top: -10px !important;
	}
	
	#mw .sexGenderFieldset div.pdtCheckbox input.genderRadioBtn {
		 margin-top: -30px !important;
	}
	
	genderRadioBtn
	#mw #homepage .reportBtns { 
		padding: 22px 15px 355px 15px !important;
	}
	div.btnsDiv {		
		display: inline-block !important;
	    margin-left:0px !important;
	    margin-right: 0px !important;
	    padding-right:0px !important;
	    padding-left: 0px !important;
	}
	#mw #homepage .reportBtns { 
	height: 450px;
	}
}

@media (min-width:320px) 
	and (max-width: 961px) {
	p.incompleteText {
		width: 200px;
		text-align: justify;
		font-size: 14px;
		margin-left:10px !important;
	}
	input#custom-file-label {
		width: auto !important;
	}
	
	span#spanishConfBtn {
		white-space: break-spaces !important;
	}
	div#btnsdivES a#spanishGeneralInstructions{
		padding:0px 5px 0px 10px !important;
	}

	
}


/* iphone 11 landscape */ 
@media only screen
	and (min-device-width: 414px)
	and (max-device-width: 896px)
	and (orientation: landscape) {
	
	#sCP a.btnMargin span.btn, #sHP a.btnMarginCSV span.btn  {
		width: auto !important;		 
	}
	
}



/* iphone 6/7/8 plus landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {  

	 button#uploadFilesButton {
		  margin-top:0px !important;
	  }
	
}


/* iphone 6/7/8     portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

 
	#spanishPdfUpload .input-group, #csvUpload .input-group {
		display: inline-grid;	 
	}
	
	div.uploadDiv .input-group-btn {
		margin-bottom: 15px;
	}
	
	input#custom-file-label {
		position: relative;
	}
  }

/* iphone 6/7/8     Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {  
	  button#uploadFilesButton {
		  margin-top:0px !important;
	  }
}


/* ipad  Portrait */
@media only screen 
  and (device-width: 768px) 
  and (device-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

	#sCP a.btnMargin span.btn, 
	#sHP a.btnMarginCSV span.btn {
		width: auto !important;		 
	}
	
	div.btnsDiv {
	   margin-left: 25px !important;
	    margin-right: 25px !important;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	}	
		
#mw #homepage .reportBtns   { 	
	width: 100%; 	
	text-align: center;
	height:820px;
}
}

@media only screen 
  and (device-width: 820px) 
  and (device-height: 1180px) 
  and (orientation: portrait) 
 {

	div.btnsDiv {
	   margin-left: 25px !important;
	    margin-right: 25px !important;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	}


	
	#mw #homepage .reportBtns   { 	
		width: 100%; 	
		text-align: center;
		height:810px;
	}
	
}
@media (min-width: 640px) {
    .pull-right-btn {
        float: right;
    }
}

/* SE: MED-6309 */
@media (max-width: 428px) {
	.pull-right-btn {
		margin-top: 10px !important;
	}
	#mw #homepage .reportBtns, div.mainPagePadding  {
		padding-right:0px !important;
		padding-left:0px !important;
	}
	 
}

/*iphone12 */
@media only screen and (-webkit-min-device-pixel-ratio: 3)  and (orientation: portrait) {
   div.btnsDiv, .col-md-4, .col-sm-4 {
	padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right:10px !important;
    margin-left: -10px !important;
   }

	#mw #homepage .reportBtns {
		padding: 22px 0px 5px 0px !important;
		height: 520px;
	
	}
	
	p.incompleteText {
	    margin-left: 21px !important;
	}
	div.testDiv label,  div.testDiv input, div.testDiv select {
		margin-left: 25px !important;
 
	}
	input.previous {
	margin-left: -18px !important;
	}
	#mw #hp .concomitantGroup input[type="text"].mw-date {
		width: 88px !important;
	}
	#mw legend#thirdPartyServicer {
		padding-left: 3px !important;
	}
	
	
}