@CHARSET "ISO-8859-1";
/***** NOTE: this file is for GLOBAL STYLES
Please review any and all changes with Brian/Jonathan before pushing
Thank you *****/

/* *-all, + sibling right after, > descendants only, div p all including grand and granchildren, ~ not in  */

.commandExButton:disabled, .action-button:disabled, .button:disabled, .action-button-small:disabled, .body-button-small:disabled {
    opacity: 0.5;
	color: unset;
	text-shadow: 1px 1px white;
}
input[type="button"]:disabled {
	cursor: not-allowed;
}

textarea {
	resize: none;
}

.float-left
{
	text-align: left;
	float: left;
}
.float-right
{
	text-align: right; 
	float: right;
}
.float-clear
{
	clear: both;
}

.pcms-ui-button
{
	height: 22px !important;
	font-size:12px !important;
	margin-left: 6px  !important;
}
body .pcms-titlebar
{
   padding: .5em 1em  !important;
   vertical-align:middle;
}

body .pcms-titlebar:hover
{
	background: #e6e6e6;
	cursor: pointer;
}
.collapsed 
{
	display: none;
}

/*  these are for block UI    pcms-blockui-shadow is in  MeemicBlockUIRenderer */
.pcms-blockui-overlay-bckgrnd
{
	background:rgba(181, 181, 181, 0.75) !important;
}
.pcms-blockui-overlay-bckgrnd-ajax
{
	background:rgba(181, 181, 181, 0.40) !important;
}
.pcms-blockui-shadow
{
	background:white !important; 
}

body .ui-widget
{
	font-size: 13px !important;
}

/* jph - these are for panelgrid colAligns */
.pcms-col-l
{
	text-align: left;
}
.pcms-col-c
{
	text-align: center;
}
.pcms-col-r
{
	text-align: right;
}

/* jph - to replace a vertical panelBox */
.pcms-vertical, .pcms-vertical-spaced, .pcms-vertical-dbl-spaced
{
	display: flex;
	flex-direction: column;	
}
/* jph - this will space all elements inside a pcms-vertical */
.pcms-vertical-spaced > * + *
{
	margin-top: 0.375rem !important;
}
.pcms-vertical-dbl-spaced > * + *
{
	margin-top: 0.75rem !important;
}
/* jph - to replace a horizontal panelBox */
.pcms-horizontal, .pcms-horizontal-spaced
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* jph - this will space all elements inside a pcms-horizontal */
.pcms-horizontal-spaced > * + *
{
	margin-left: 0.375rem !important;
}

/* jph - to set the wrapper div alignment */
.pcms-div-center
{
	display: flex;
	justify-content: center;
}
.pcms-div-left
{
	display: flex;
	justify-content: flex-start;
}
.pcms-div-right
{
	display: flex;
	justify-content: flex-end;
}
.pcms-div-center.pcms-vertical, .pcms-div-center.pcms-vertical-spaced
{
	display: flex;
	align-items: center;
	justify-content: initial;
}
.pcms-div-center.pcms-horizontal, .pcms-div-center.pcms-horizontal-spaced
{
	display: flex;
	justify-content: center;
}
.pcms-div-left.pcms-vertical, .pcms-div-left.pcms-vertical-spaced
{
	display: flex;
	align-items: flex-start;
	justify-content: initial;
}
.pcms-div-left.pcms-horizontal, .pcms-div-right.pcms-horizontal-spaced
{
	display: flex;
	justify-content: flex-start;
}
.pcms-div-right.pcms-vertical, .pcms-div-right.pcms-vertical-spaced
{
	display: flex;
	align-items: flex-end;
	justify-content: initial;
}
.pcms-div-right.pcms-horizontal, .pcms-div-right.pcms-horizontal-spaced
{
	display: flex;
	justify-content: flex-end;
}

.pcms-table-buttons
{
	display: flex;
	justify-content: flex-end;
	margin-top: 1.5rem !important;
	margin-bottom: 0.1875rem !important;
}
.pcms-table-buttons-split
{
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem !important;
	margin-bottom: 0.1875rem !important;
	width: 100%;
}
.pcms-table-buttons + *, .pcms-table-buttons-split + *
{
	margin-top: 0rem !important;
}
.pcms-table-buttons > * + *, .pcms-table-buttons-split > * + *
{
	margin-left: 0.375rem !important;
}

/* jph - justify th's to match td's by default - Brian's request */
th, .ui-datatable thead th
{
	text-align: left;
}

/* jph - for responsive content width */
@media screen and (min-width: 1280px)
{
	.layout-wrapper .layout-main .layout-content
	{
		width: 1280px !important;
		margin-top: 24px !important;
		margin: auto;
	}
}

/* jph - white "well" brian's request */
.layout-wrapper .layout-main .layout-content
{
	margin-top: 12px;
	background-color: white !important;
}

/* jph - to center popup overlays */
.pcms-overlay-centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* jph - to color quick nav links */
.pcms-quick-nav-link
{
	color: #F37E21;
}

/* auto applied to panelgrids with hideBorder="true" */
.pcms-pgrid-hideborder td
{
	border: none !important;
}

/* apply pcms-hidebgcolor to a panel grid to hide the white background on each cell */
table.pcms-hidebgcolor td 
{
	background-color: transparent;
}

hr
{
	width: 100%;
}
hr.pcms-double-spaced
{
	margin: 1rem 0 1rem 0;
}

.pcms-nowrap
{
	white-space: nowrap;
}
.pcms-wrap
{
	white-space: initial;
}

.pcms-light-label {
	font-size: 12px !important;
	color: #898989;
}

/*******  Following added by BEB  *******/
/*
BEB - the following were added to replace datatable rowToggler to remove the ajax.  
These styles still preserve the ability to use rowExpansion with expandedRow true.
See CustomerView.xhmtl -> AutoVehicles.xhtml for example
*/

.pcms-circle-triangle-right 
{
	position: relative;
}

.pcms-circle-triangle-right:before 
{
	content: "\f138";
	background: none;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0px !important;
	text-align: center;
	font-size: 16px;
}

.pcms-circle-triangle-down 
{
	position: relative;
}

.pcms-circle-triangle-down:before 
{
	content: "\f13a";
	background: none;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0px !important;
	text-align: center;
	font-size: 16px;
}
/*
	The following will reduce cell spacing in a panelgrid
	example: CustomerView -> AutoPolicyInfo (table under policy number)
*/
.pcms-panelgrid .ui-panelgrid-cell
	{
		padding: 0.1rem !important;
	}
	
/* 
	The following will re-style the data table
	
	example: CustomerView -> AutoCoverages/AutoVehicles 

 */
	.pcms-hide-table-header thead 
	{
    	display: none;
    }
    .pcms-no-even-odd-background
    {
    	background-color:#ffffff !important;
    }
    .pcms-no-border
    {
    	border: none !important;
    
    }
	
/*
    The following re-styled the dialog box with policy in mind - not sure long term they will be used -SO BEWARE 
	example: CustomerView -> AutoPolicyInfo (status)
*/
.pcms-dialog.ui-dialog {
		padding: 0.0em !important;
	}
	
	.pcms-dialog.ui-dialog > * {
		padding: 0.0em !important;
		margin-bottom: .5rem
	}
	
	.pcms-dialog.ui-dialog-titlebar {
		padding: 0.0em !important;
	}
	
	.pcms-dialog-header{
		width: 100%;
		background-color: #f4f4f4;
		margin-top: 0px !important;
		padding: 1.0em;
	}
/*******  Added by BEB  Ended  *******/

.pwdreqs {
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1rem;
}
.pwdreqs h5 {
	margin: 0.5rem 0 0 0;
}
.pwdreqs ul {
	font-size: 11px;
}