#iframeContent ul.unstyled div[class^="col-"] li span.label.large {
	padding-right: 0px;
}

#iframeContent ul.unstyled div[class^="col-"] li  {
	padding-left: 0px;
}

#iframeContent ul.unstyled div[class^="col-"] li span.label.large {
	padding-right: 0px;
	white-space : normal;
}

#iframeContent ul.unstyled div[class^="col-"] li  {
	padding-left: 0px;
}

#iframeContainer .no-right-padding {
	padding-right : 0px;
}
#iframeContainer .no-left-padding {
	padding-left : 0px;
}

#iframeContainer .no-padding{
	padding-right : 0px;
	padding-left : 0px;
}

#iframeContainer  div [class^="col-"] ul.unstyled li {
	padding-left: 0px;
}

#iframeContainer div[class^="col-"] div[class^="alert-"] {
	margin-left: 0px;
	margin-right: 0px;
}

#iframeContainer div[class^="col-"] ul.unstyled {
	margin-right : 0px;
}

#iframeContent ul div[class^="col-"] li span.label.xlarge {
	width:100% ;
}

/** Datepicker CSS **/
#iframeContent input.datepicker {
	background-image: url('../images/icons/calendar-16.bg.png');
	background-repeat: no-repeat;
	background-position: 99% 50%;
	border-style: inset;
	border-radius: 0px;
}
#iframeContent input.medium.datepicker {
	width: 100px;
}
/** End of Datepicker CSS **/

@media (min-width:635px){

	#iframeContent .text-center-block-sm {
		display: block;
		text-align: center;
	}
	
	#iframeContent div[class^="col-"] label.large {
		width: 100%;
	}
	
	#iframeContent ul.unstyled div[class^="col-"] li span.label.large {
		width:100%;		
	} 
	
	#iframeContainer div[class^="col-"] div.alert-box.menu{
		margin-right:0px;
	}
	
	div.label3 {
		margin-top: 10px;
	}
	
	#iframeContainer div.payAllButton {
		padding-right:40%; 
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	#iframeContent form span.margin {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  display: inline-block;
	}
	
	#iframeContainer .unstyled div li.label2 span {
		margin: 3px 0;
		display: inline-block;
	}
			
	#iframeContent .left-margin-negative-sm , #iframeContainer table.tableStyled.left-margin-negative-sm{
		margin-left : -15px;
	}
	
	#iframeContent .text-align-right-sm {
		text-align : right ;
	}
	
	.left-indent{padding-left:40px;}
	
	.right-indent{padding-right:40px;}
	
	#iframeContainer .highlight {
		margin: 0;
		padding: 10px;
		border-collapse: separate;
		background-color: #F5F5F5;
	}
	
	#iframeContent label.clickableLabel {
		margin: 0;
    	padding-right: 0;
	}

	#iframeContent div.hideContent{
	  display:none ;
	}
	
	#csMailForm textarea {
		width: 300px !important;				
	}
	#csMailForm .textMargin {
		margin: 5px 150px 15px 160px;
	}
	
	.modal.bootstrap-dialog.modal-dialog-link .modal-dialog .modal-content {
		overflow-y: auto;
		max-height: calc(100vh - 225px);
	}
	
	/*------------------------------------*\
		REFERRALS LIST:
		Width specifications so that the
		table header widths don't jump
		around since it can be sorted
		and the contents may be different.
	\*------------------------------------*/
	th.referredTo, td.referredTo { width: 180px; }
	th.referredFrom, td.referredFrom, th.diagnosis, td.diagnosis { width: 215px; }
	th.validDates, td.validDates { width: 150px; }
	th.validDatesSHP, td.validDatesSHP { width: 100px; }
	th.visitsAllowed, td.visitsAllowed {width: 78px;}
	th.comments, td.comments { width: 128px; }
	td.comments { text-align: left}

	th.referredTo span, th.referredFrom span, th.validDates span, 
	th.visitsAllowed span, th.diagnosis span, th.comments span { display: inline-block; float: left; }
	
	.centerWrapper {	 
	  margin-bottom: -364px;
	}
	.centerWrapper:after {
	  content: "";
	  display: block;
	}
	.staticFooter, .centerWrapper:after {
	  height: 363px; 
	}
	.footerWrapper {
		position: absolute;
	}
	.marginDown{
		margin-top: 30%;
	}
	
}

@media only screen and (max-width: 634px) {
	#iframeContent {
		padding-top: 0;
	}

	#iframeContainer ul li {
	    margin-top: 10px;
	}
	
	#iframeContainer .block-xs {
		display: block;
	}

	#iframeContent label.medium, #iframeContent input.medium, #iframeContent textarea.medium, #iframeContent textarea.xxlarge, #iframeContent span.label.medium,
	#iframeContent label.large, #iframeContent input.large, #iframeContent span.label.large,#iframeContent input.medium.datepicker, #iframeContent  select , #iframeContent span.label.small , #csMailForm textarea {
		width: 100%;
    }
	
	#iframeContent input.small.currency {
		width: 75px;
	}
	
	#iframeContent div.date {
		width : 50%;
	}
	
	#iframeContent div.date > select:first-child {
		width : 39%;
	}
	
	#iframeContent div.date > select:nth-child(2){
		width : 52%;
		margin-left:5px;
	}

	#iframeContent .button{
		padding : 10px;
	}

	#iframeContainer ul.unstyled {
		margin: inherit;
	}
	#iframeContainer div.alert-box ul.unstyled {
		margin-bottom : 0px;
	}
	
	/** Added footable so that it applies to footable tables only **/
	#iframeContainer table.tableStyled.footable tr td {
		padding: 0;
	}
		
	#iframeContainer ul.unstyled.indent {
		margin-left: 15px;
	}
	
	#iframeContainer table.tableStyled tr td.config {
		text-align: left;
	}
	
	#iframeContent label, span.label {
		padding-right: 0px;
		text-align: left;
	}
	
	#iframeContent label, span.label, #iframeContainer .unstyled div li.label2 span {
		margin-top: 10px;
		margin-bottom: 5px;		
	}
	
	#iframeContent form span.margin.message-label-xs {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	#iframeContainer .unstyled div li.label2 span, #iframeContent form span.margin.message-label-xs {
		display: inline-block;
	}
	
	.right.menu{
		float:none;
	}
	
	.alert-box.menu {
		margin: 0px 0px 10px 0px;
	}
	
	#iframeContainer .table-margin-xs{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#iframeContainer form.styled .table-margin-xs{
		margin-left: 0px;
	}
	
	#iframeContent form span.margin-top-xs {
	  margin-top: 10px;
	  display: inline-block;
	  width : 100%;

	}

	#iframeContent form span.margin-xs {
		  margin-top: 10px;
		  margin-bottom: 10px;
		  display: inline-block;
  		  width : 100%;
	}
	
	#iframeContainer .margin-left-negative-xs{
		margin-left: -15px;
	}
	
	#iframeContainer .margin-right-negative-xs{
		margin-right: -15px;
	}
	
	#iframeContainer form.styled div[class^="col-"]  { /* ,#iframeContainer  div[class^="col-"] p { */
		margin-left:-15px;
	}
	
	#iframeContainer  div[class^="col-"] > p {
		margin-left:0px;
	}
	#iframeContainer div[class^="col-"] ul.unstyled{
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
	}
	
	#iframeContainer div.button-xs {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	#iframeContainer .margin-right-xs{
		margin-right: 15px;
	}
	
	#iframeContainer  form.styled div.button-xs, #iframeContainer  form.styled .no-margin-left-xs {
		margin-left: 0px;
	}
	
	#iframeContainer div.button-xs  input.button,#iframeContainer div.button-xs  a.button{
		float: left;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	
	#iframeContainer a.disable-link-xs{
		pointer-events: none;
        cursor: default; 
	}
	
	#iframeContainer .no-padding-xs{
		padding-right : 0px;
		padding-left : 0px;
	}
	
	#iframeContainer .img-responsive-xs{ 
		width: 100%;
		height: 100%;
    }
    
    		
	#iframeContainer span.label.large ,#iframeContent span.label.xlarge {
		width: 100%;
		text-align: left; 
	}
	
	#iframeContent ul.unstyled > li  {
		padding-left: 0px;
		 padding-bottom: 10px;
	}
	
	#iframeContainer header h1, #iframeContainer h1, #iframeContainer h2,
	#iframeContainer h3, #iframeContainer header h3 ,section.header-light-blue-gradiant header .title{
		  padding-right: 15px;
	}
	
	#iframeContainer .alert-box p {
		padding-right : 0px;
		margin : 5px;
	}
	
	#iframeContent div[class^="col-"] input[type="radio"] {
		margin-left: 0px;
	}
	#iframeContainer  header.height-xs{
		height: 75px
	}
	.columnHalf {
		width: 100%;
	}
	.columnHalf.last {
		padding-left: 15px;
	}
	
	#iframeContent div.billing label{
		min-width: 0px;
	}
	
	#iframeContent .button-xs a.button {
		text-align : center ;
	}
	
	#iframeContent input[type="text"], #iframeContent input[type="password"], #iframeContent select, .member-login input[type="text"], .member-login input[type="password"] {
		height : 30px;
		margin-top: 5px;
		margin-bottom: 15px;				
	}

	#iframeContent input.margin-top-xs, #iframeContent select.margin-top-xs, #iframeContent textarea.margin-top-xs, #iframeContent label.margin-top-xs, #iframeContainer label.clickableSideBySideLabel.margin-top-xs, #iframeContainer label.clickableLabel.margin-top-xs {
		margin-top: 10px;
	}
	
	#iframeContent input.margin-bottom-xs, #iframeContent select.margin-bottom-xs, #iframeContent textarea.margin-buttom-xs, #iframeContent label.margin-bottom-xs, #iframeContainer label.clickableSideBySideLabel.margin-bottom-xs, #iframeContainer label.clickableLabel.margin-bottom-xs {
		margin-bottom: 25px;
	}

	#iframeContent textarea {
		margin-top: 5px;
		margin-bottom: 15px;				
	}
	
	div .logo {	 
	    	height: 90%;
	    	width: 90%;
	    	margin-left:15px;
	}
	#iframeContainer .textMargin-xs { 	    
	    	margin-left: 0;
	    	margin-right:0;
	}
	
	/** Clickable lable CSS **/
	#iframeContainer label.clickableLabel {
		background:#ededed;
		padding:0.8em;              
		display: inline-block;
		width:100%;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	
	#iframeContainer label.clickableSideBySideLabel {
		background:#ededed;
		padding:0.8em;              
		width : 49%;
		margin-top: 5px;
		margin-bottom: 15px;		
	}
	
	#iframeContainer div.clickableLabelDiv{
		margin-right: 15px;
		margin-left:15px;
	}
	
	#iframeContainer form.styled div.clickableLabelDiv{
		margin-left:0px;
	}
	
	#iframeContainer label.clickableLabelColorChange {
		background-color: #c0c0c0;
	}
	
	#iframeContainer label.clickableLabelColorChange, #iframeContainer label.clickableLabelColorChange  span {
                color: #ffffff !important;
        }
	
	.right-xs{
		float: right;
	}
	
	.left-xs{
		float: left;
	}

	#iframeContent .text-align-right-xs{
		text-align: right;
	}
		
        #iframeContent label.clickableLabel, #iframeContent label.clickableSideBySideLabel, #iframeContent label.clickableLabel span, #iframeContent label.clickableSideBySideLabel span{
                color: #004e87;
        }
	
	#iframeContainer table.tableStyled tr td.stacked-table-button{
		padding-bottom :15px;
        padding-left:0;
        border-bottom-width: 0px;
	}

	#iframeContainer table.tableStyled tr td.stacked-table-button a.button{
		display: block;
	    text-align: center;
    }
    	 #attachmentTable {
    		margin-left: 15px !important;
    		margin-top: -2px !important;
    	}
    	
    
	/** Clickable lable CSS **/

	#iframeContainer #remainingSection>div{
		margin: 5px 10px 5px 15px;
	}
	.centerWrapper #iframeContainer  h1 {  
		text-align: left;
	}
	/** Datepicker CSS **/
	div.datepicker {
		right: 15px;
		left: 15px;
	}
	div.datepicker table {
		width: 100%;
	}
	/** End of Datepicker CSS **/
	
	#iframeContainer div.progress, div.progress ol{
		height: 30px;
	}
	
	.progress{
		margin: 0 15px;
	}
	
	.loginWrapper {
		width: auto;
		height: auto;
		margin: 0 15px;
	}

	.errorWrapper {
		width: auto;
	}
	
	.member-login .button.right{
		width: 100%;
		padding: 10px;
		height: auto;
		margin-bottom: 5px;
	}
	
	span.form-helper {
		Position: relative;
		Top: -10px;
	}
}

/* Below is resposive data table solution by Chris Coyier . Following URL is for online example http://elvery.net/demo/responsive-tables/ 
*/
@media only screen and (max-width: 634px) {
	#iframeContainer div.table-stacked ,#iframeContainer div.table-stacked2{
		margin-left: 15px;
    	margin-right: 15px;
	}
	/* Force table to not be like tables anymore */
	#iframeContainer div.table-stacked table, 
	#iframeContainer div.table-stacked thead, 
	#iframeContainer div.table-stacked tbody, 
	#iframeContainer div.table-stacked th, 
	#iframeContainer div.table-stacked td, 
	#iframeContainer div.table-stacked tr ,
	#iframeContainer div.table-stacked2 table, 
	#iframeContainer div.table-stacked2 thead, 
	#iframeContainer div.table-stacked2 tbody, 
	#iframeContainer div.table-stacked2 th, 
	#iframeContainer div.table-stacked2 td, 
	#iframeContainer div.table-stacked2 tr{ 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#iframeContainer div.table-stacked thead tr, #iframeContainer div.table-stacked2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#iframeContainer div.table-stacked2 tr { border: 1px solid #ccc; }
	
	#iframeContainer div.table-stacked tr td,#iframeContainer div.table-stacked2 tr td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		white-space: normal;
		text-align:left;
		padding-bottom : 5px;
		padding-top : 5px;
		height : initial;
	}
	
	#iframeContainer div.table-stacked tr td{
		padding-left: 50%; 
	}
	
	#iframeContainer div.table-stacked2 tr td { 
		padding-left: 60%;
	}
	 
	#iframeContainer div.table-stacked tr td:before ,#iframeContainer div.table-stacked2 tr td:before{ 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		/*background-color: #004e87;
		color: #FFF;*/
		height : initial;
	}
 
	/*
	Label the data
	*/
	#iframeContainer div.table-stacked td:before , #iframeContainer div.table-stacked2 td:before { content: attr(data-title); }
	
	#iframeContainer div.table-stacked td:last-child {
		border-bottom: 1px solid #D4CFCF; 
	}
	#iframeContainer div.table-stacked tr:last-child td:last-child {
		border-bottom:none;
	}
	
	div.table-stacked table.tableStyled tr:nth-child(2n+1), div.table-stacked2 table.tableStyled tr:nth-child(2n+1){
		background-color: inherit;
	}

	
}