html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

img {
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

.cf{
  	zoom: 1; 
}
.cf:before, .cf:after{
    content: "";
    display: table; 
}
.cf:after{
    clear: both; 
}

span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; 
}

p {
	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
  	-ms-word-wrap: break-word;
  	word-break: break-word;
  	word-wrap: break-word;
  	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	hyphens: auto;
  	-webkit-hyphenate-before: 2;
  	-webkit-hyphenate-after: 3;
  	hyphenate-lines: 3;
  	-webkit-font-feature-settings: "liga", "dlig";
  	-moz-font-feature-settings: "liga=1, dlig=1"; 
}



/*********************
GENERAL STYLES
*********************/
body {
	background-color: #fdfdf9;
	color: #283033;
	margin: 0;	
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5;	
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width: 300px;
}

.clear {
	clear: both;
}

hr {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
}

#content {
	margin-top: 0;
}

.wrap {
	width: 96%;
	margin: 0 auto;
}

.ui-tooltip {
	max-width: 250px;
	white-space: pre-wrap;	
	font-size: 50%;
}
                                

/*********************
LINK STYLES
*********************/
a {
	background: transparent;
}

a, a:visited {
	color: #047fac;	/* on hover; on click; mobile tap color */
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	outline: 0;
}


a:hover, a:focus, a:visited:hover, a:visited:focus {
	color: #035370;
}

a:link, a:visited:link {
	/*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/*********************
HEADER STYLES
*********************/
.header {
	display:block;
	background-color: #9f2525;
}

.header .project-links {
	background: #3f3b3a;
	
	font-size: 0.85em;
	padding: 4px 0 6px 0;
	text-align: right;
	width: 100%;
	display: block;
}

.header .project-links a {
	color: #e5e0d3;
	text-decoration: none;
}

.header .project-links a:hover, .header .project-links a:focus {
	 color: #e5e0d3;
}

.header .project-links a:after {
	display: inline-block;
	/* content: 'w'; */
	font-family: 'fontello';
	font-size: 0.8em;
	vertical-align: baseline;
	padding: 0 12px 0 3px;
}

#logo {
	margin: 0;
	background: #faf8f6;
	padding: 0.5em;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#logo a {
	color: #9f2525;
}

#logo img {
	max-width: 280px;
	width: 100%;
	vertical-align: middle;
}

#logo .tagline {
	display: block;
	font-style: italic;
	font-size: 0.8em;
	color: #9f2525;
	text-indent: 2px;
}

#content {
	margin-top: 1.5em;
	overflow: hidden;
	margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/
.footer {
	display: block;
	clear: both;
	background-color: #3f3b3a;
	color: #e5e0d3;
	font-size: 0.9em;
	overflow: hidden;
	text-align: center;
	padding: 1.5em 0 0 0;
	margin-bottom: 1.5em;
}

.footer .copyright {
	padding: 0.5em 0;
	text-align: center;
	border-top: 1px solid #d6d1cb;
	margin: 2em 0 0;
}


/*********************
MENU STYLES 
*********************/

.m-all {
  float: left;
  margin-right: 3.5%;
  box-sizing: content-box;
  width: 100%;
  padding-right: 0; }
  
  
/*********************
GENERAL STYLES INSIDE MAIN CONTENT
*********************/
.last-col {
  float: right !important;
  margin-right: 0 !important; 
}


h4, .h4 {
    font-size: 1.25em;
    font-weight: 600;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    text-rendering: optimizelegibility;
}

ol, ul {
    list-style-type: none;
    padding: 0;
}

.main_top_bar, .main_bottom_bar{
	background: #3f3b3a none repeat scroll 0 0;		
	display: block;
    min-height: 3em;    
    width: 100%;    
    float: right;
    font-size: 0.85em;    
    text-align: right;
    color: #e5e0d3;
    padding-top:0.5em;
    vertical-align: middle;    
}

.mainContent{
	padding-left: 1em;
	padding-right: 1em;	
}

.app_message_title{	
	margin-top: 4em;
	margin-bottom: 2em;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.app_message_detail{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;	
}

label {
	margin-right: 0.5em;
	padding-top: 0.2em;	
}

button {
	margin: 0.5em 0.5em 0.5em 0.5em;
}

fieldset {
	text-align: center;
	border: none;
	margin-bottom: 0.2em;	
}

.content_bt{
	margin-right: 1em;	
}
.export_bt_div{
	display: block;
	width: 100%;
	height: 32px;
	margin-bottom: 1em;
}
.export_bt{
	float: right;
	margin-right: 1em;
}


.mark_export_bt{
	margin-right: 1em;
	display: none;
}

.img_col{
	text-align: center;
	vertical-align: middle;
}

.pdfDisplay, .statusLink{
	 font-weight:normal; 
	 font-style: italic; 
	 text-decoration: underline; 
	 cursor: pointer;
	 color: #047fac;
}

.noteDisplay{
	 font-weight:normal; 
	 font-style: italic;
}

.serviceTitle{
	font-weight: bold;
}
.questionAnswer{
	font-style: italic;
}

.save-bt{
	background-image: url("/OnlineRegistrationApp/javax.faces.resource/images/Save-32.png.xhtml");
}

#client_form:reportResult{
	overflow-y: scroll;	
}

/*********************
PRIMEFACE CONTROLS STYLES
*********************/
.widget {
    background-color: #f3eee9;
    margin: 3.2em 0;
    padding: 1em;
}

.widgettitle {
    border-bottom: 1px solid #cbc4bd;
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

.widget > ul, .widget .menu {
    margin: 0;
}

.widget > ul li, .widget .menu li {
    position: relative;
}

.widget > ul a, .widget .menu a {
    display: block;
    font-weight: 600;
    line-height: 1.3;
    padding: 0.7em;
    text-decoration: none;
}

.widget .menu .current-menu-item::after {
    border-bottom: 18px solid transparent;
    border-left: 18px solid #f3eee9;
    border-top: 18px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -32px;
    top: 15%;
    width: 0;
}

.widget > ul .current-menu-item a, .widget .menu .current-menu-item a {
    color: #035370;    
}

.widget > ul li + li, .widget .menu li + li {
    border-top: 1px dotted #cbc4bd;
}


.ui-fileupload.uploadDiv{
  max-width:250px;
  display: block;
  float: left;
}
.ui-fileupload-buttonbar.ui-widget-header {
	background:none;
	border: none;
}

.ui-fileupload-buttonbar {
    padding: 0 0.4em;
}

.ui-fileupload-content.ui-widget-content{
	border: none;	
}

.ui-fileupload-cancel {
	display: none;
}

.ui-selectonemenu.dobMonthSelect{
	margin-right: 15em;
}


/*********************
PRIMEFACE DATA GRID CONTROL STYLES
*********************/
.holderResponsiveGrid.ui-panelgrid .ui-widget-content {
    background: #fdfdf9 none repeat scroll 0 0;
    border: none;
}


.commonGrid.ui-panelgrid>*>tr>td:first-child {
	font-weight: bold;	
}

.commonGrid.ui-panelgrid>*>tr>td:nth-child(2) {
	font-weight: inherit !important;	
}

.commonGrid.ui-panelgrid>*>tr,
.commonGrid.ui-panelgrid .ui-panelgrid-cell{	
	border: none;
    vertical-align: top;
    background-color: #fdfdf9;
}
 
.reportCriteriaGrid.ui-widget-content{
	background-color: #fdfdf9;
}

.innerCommonResponsiveGrid.ui-panelgrid .ui-widget-content, 
.commonResponsiveGrid.ui-panelgrid .ui-widget-content {
    background: #fdfdf9 none repeat scroll 0 0;
    border: none;
}

.commonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	font-weight: bold;	
}
/* 
.commonResponsiveGrid ui-panel ui-widget ui-widget-content {
	background: #fdfdf9; 
} 
 */
.innerCommonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	font-weight: normal;	
}

.innerCommonResponsiveGrid.ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 10px 4px 0px;
}

.innerCommonResponsiveGrid.ui-panelgrid>*>tr,
.innerCommonResponsiveGrid.ui-panelgrid .ui-panelgrid-cell{	
	border: none;
    vertical-align: middle;
    background-color: #fdfdf9;
}
 

.commonResponsiveGrid.ui-panelgrid .ui-panelgrid-header{
	text-align: left;
}



.reportGrid>*>tr>td:first-child {
	text-align:right;
	font-weight: bold;		
}
.reportGrid>*>tr>td:nth-child(2) {
	font-weight: inherit !important;	
}

.reportBtGrid{
	width:100%;	
}
.reportBtGrid>*>tr>td:first-child {
	width: 60%;	
}

.reportBtGrid>*>tr>td:nth-child(2) {
	text-align:right;
}

.btPanelGrid.ui-panelgrid .ui-widget-content {
    background: #fdfdf9 none repeat scroll 0 0;
    border: none;
}

.ui-accordion .ui-accordion-content{
	background-color: #fdfdf9;
	border: 1px dotted #cbc4bd;
}

/*********************************
PRIMEFACE DIALOG CONTROL STYLE
*********************************/
.commonDialogGrid.ui-panelgrid .ui-widget-content {
    background: #fdfdf9 none repeat scroll 0 0;
    border: none;
    margin-top: 1em;
}
.commonDialogGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
    text-align:right;
}

.commonDialogGrid.ui-panelgrid .ui-panelgrid-footer{
    padding: 2px 5px;
    text-align: center;
    background: #fdfdf9 none repeat scroll 0 0;
    border: none;
}

.popupDialogHeadLine.ui-outputlabel{
	font-weight: bold;		
} 

.ui-dialog .ui-dialog-buttonpane{
	text-align: center;
}

input{
	max-width: 160px;
}



.stepLeft {
	padding:20px;
	float:left;
	width:30%;
	opacity:0.85;
	text-align:center;		
}
.stepRight {
	padding:20px;
	float:right;
	width:30%;
	opacity:0.85;
	text-align:center;		
}
	
	
	
.av_table table{
	overflow: scroll;
	table-layout: auto;	
}
	
/*********************************
PRIMEFACE PICKLIST STYLE
*********************************/
.ui-picklist .ui-picklist-list {
     height: 400px;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
    width: 45%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    width: 100%;
    margin-left: auto;
}

.attandentRow {
	display: table-row;
	width: 100%;
	font-size: 0.9em;
}
.attandentColName {
	display: table-cell;
	padding: 0.5em;
	width: 150px;
    word-break: break-all;
}
.attandentColEmail {
	display: table-cell;
	padding: 0.5em;
    word-break: break-all;
}

/*****************************************************************
Following is for fix checkbox (in picklist) and radio button render rendering unnecessary icons
*****************************************************************/
.ui-chkbox-icon.ui-icon.ui-icon-blank,.ui-radiobutton-icon.ui-icon.ui-icon-blank {
    border-radius: 0px;
    backgroud-repeat: unset;
    background-image: none;
}
	
@media only screen and (min-device-width: 360px) {
	input{
		max-width:none;
 	}

}
 

/******************************************
* PRIMEFRAME PENAL GRID CONTRAL MEDIA CHNAGE POINT portrait
******************************************/
@media only screen and (min-device-width: 641px) and (orientation : portrait)  {
	.commonGrid.ui-panelgrid>*>tr>td:first-child {
		text-align:right;		
	}
	.commonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:right;		
	}
	.innerCommonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:left;		
	}
			
	hr {
		display:block;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 1px solid #d6d1cb;
		border-bottom: 0 none;
		margin: 2em 0;
		clear: both;
	}
	
	.ui-tooltip {
		max-width: 350px;
		white-space: pre-wrap;	
		font-size: 75%;
	}

}


@media only screen and (min-device-width: 641px) and (orientation : landscape)  {
	.commonGrid.ui-panelgrid>*>tr>td:first-child {
		text-align:right;		
	}
	.commonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:right;		
	}
	.innerCommonResponsiveGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:left;		
	}
	
	
	hr {
		display:block;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 1px solid #d6d1cb;
		border-bottom: 0 none;
		margin: 2em 0;
		clear: both;
	}
	
	/*file upload control */
	div .fileNameCol{
		width: 100px;
	}	
	div .fileNameCol input{
		width: 80px;
	}	
	
	/* registration progress wizard buttons */
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div{
	    text-align:right;	
	}
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
		    text-align:left;
			font-weight: bold;	
	}
	
	.ui-tooltip {
		max-width: 350px;
		white-space: pre-wrap;	
		font-size: 75%;
	}
		
}



@media only screen and (min-width: 720px) {
	
	/*********************
	LAYOUT & GRID STYLES
	*********************/
	.wrap {
		max-width: 1020px;
		width: 96%;
	}

	/*********************
	HEADER STYLES
	*********************/
	.header #inner-header {
		width: 100%;		 
	}
	.header .project-links {
		float: right;
	}
	#logo {
		float: left;
		margin: 0 auto 0.5em;
		padding: 1em;		
	}
	
	#logo .tagline {
		float: right;
		margin: 1.25em 1em 0 0;
		font-size: 1em;
	}

	/*********************
	CONTENT AREA
	*********************/
	wrap {
		max-width: 1040px;
		margin: 2em auto;
	}
	#content {
    	padding-bottom: 4em;
    	overflow: hidden;
    }

	.t-1of4 {
   		width: 22.375%; 
    }
    .t-3of4 {
    	width: 74.125%; 
    }
    
    .last-col {
	    float: right;
	    margin-right: 0 !important; 
    }
    
    
	hr {
		display:block;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 1px solid #d6d1cb;
		border-bottom: 0 none;
		margin: 2em 0;
		clear: both;
	}
	
	/*file upload control */
	div .fileNameCol{
		width: 150px;
	}	
	div .fileNameCol input{
		width: 120px;
	}	
	
	/* registration progress wizard buttons */
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div{
	    text-align:right;	
	}
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:left;
		font-weight: bold;	
	}	
	
	.ui-tooltip {
		max-width: 450px;
		white-space: pre-wrap;	
		font-size: 75%;
	}
	
}

@media only screen and (min-width: 1040px) {
	.wrap, .header #inner-header {
		width: 92%;
		max-width: 1280px;
	}
	 /************
	NAVIGATION
	************/
  	#logo {
	    position: absolute;
	    width: 314px;
	    padding: 1.1em;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    }
    #logo .tagline {
	    float: none;
	    margin: 0.2em 0;
	    font-size: 0.8em; 
    }
    
	#logoBar {
	    clear: none;
	    display: block;
	    margin: 0.5em auto 0.2em;
	    min-height: 4em;
	    width: calc(100% - 320px);
	}
      
	/************
	CONTENT
	************/
	#content {
		margin-top: 3em;
	}
	.d-1of4 {
    	width: 22.375%; 
    }
    .d-3of4 {
    	width: 74.125%; 
    }
    .last-col {
	    float: right;
	    margin-right: 0 !important; 
	 }
    
	hr {
		display:block;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 1px solid #d6d1cb;
		border-bottom: 0 none;
		margin: 2em 0;
		clear: both;
	}

	div .fileNameCol{
		width: 200px;
	}

	div .fileNameCol input{
		width: 150px;
	}
		
	/* registration progress wizard buttons */
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div{
    	text-align:right;	
	}
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:left;
		font-weight: bold;	
	} 
	
	.ui-tooltip {
		max-width: 600px;
		white-space: pre-wrap;	
	}
	
}

@media only screen and (min-width:1240px){
	.wrap, .header #inner-header {
		width: 92%;		
	}
	
	#logoBar {
	    clear: none;
	    display: block;	    
	    margin: 0.5em auto 0.2em;
	    min-height: 4em;
	    width: calc(100% - 320px);
	}
	
	
	hr {
		display:block;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 1px solid #d6d1cb;
		border-bottom: 0 none;
		margin: 2em 0;
		clear: both;
	}

	div .fileNameCol{
		width: 250px;
	}
	
	/* registration progress wizard buttons */
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div{
	    text-align:right;	
	}
	.btPanelGrid.ui-panelgrid .ui-widget-content .ui-grid-row > div:first-of-type {
	    text-align:left;
		font-weight: bold;	
	}
	 
	.ui-tooltip {
		max-width: 600px;
		white-space: pre-wrap;
	}
		
}