/*
 * Styles for Forms (New) specific to the Form Runtime.
 * 
 * What styles do not belong here:
 * 
 * Legacy Forms, Legacy Screens, ExtJS UI and custom components, Styles for Named ExtJS Components (Growl, ExtIFrame), ExtJS Theme, ExtJS Theme Overrides
 *
 */

/* TODO - karl fix */

/*.page-child {
	margin-top: 25px;
}

.page-child.first {
	margin-top: 0;
}*/

div.form-control.hidden {
	display: none;
}

/* this is needed to remove the 'X' that IE forces upon us in textbox */ 
input[type=text]::-ms-clear {
    display: none;
}
/* Change box model for textarea so that the width of the outside border of the text area is our defining width. */
div.form-control textarea {
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 width: "42em";
}

/*
 * Styles for button bars and buttons.
 */

.form-action-bar .left-buttons {
	float: left;
}

.form-action-bar .right-buttons {
	float: right;
}

.form-action-bar .middle-buttons {
	margin: 0 auto;
	text-align: center;
}

.form-action-bar button {
	margin-right: 10px;
}

.form-action-bar button.last {
	margin-right: 0;
}

.form-action-bar {
	padding: 10px 0;
}

button.submit {
	visibility: hidden;
}

.no-pages button.submit {
	visibility: visible;
}

.mobile-responsive button.submit {
	visibility: visible;
}

.last-page button.submit {
	visibility: visible;
}

button.previous-page, button.next-page {
	visibility: visible;
}

.no-pages button.previous-page, .first-page button.previous-page {
	visibility: hidden;
}

.no-pages button.next-page, .last-page button.next-page {
	visibility: hidden;
}

span.msg-wrapper.busy {
	padding: 1px 20px 1px 0pt;
	background: url("/crm/images/orion-busy.gif") no-repeat right center;
}

span.spinner {
	padding: 1px 20px 1px 0pt;
	background: url("/crm/images/orion-busy.gif") no-repeat right center;
}

.conditionallyHidden {
	display: none;
}

.privacyPolicy {
	font-size: 11px;
	color: #666;
	text-align: center;
	visibility: hidden;
}

.no-pages .privacyPolicy {
	visibility: visible;
}

.last-page .privacyPolicy {
	visibility: visible;
}

/*
skip-link styling for accessibility
*/
.skip-link
{
	position: absolute;
	top: 0;
	left: 0;
	color: #0000EE;
	background-color: #F1F2F3;
	font-size: 16px;
	font-weight: normal;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border: 0;
	clip; rect(1px, 1px, 1px, 1px);
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
}

.skip-link:focus 
{
	z-index: 5;
	border: 1px solid #bbb;
	height: 44px !important;
	width: 100% !important;
	clip: auto;
	margin: 0;
}

.formPageFirstElement:focus
{
	outline:none !important;
}

.ui-datepicker.ui-widget .ui-state-active
{
    border: 1px solid #0000FF !important;
}

/* Forms Sprite */
.successSmall,.errorSmall {background-image: url(/crm/images/forms.png); background-repeat: no-repeat; background-color: transparent;}

.errorSmall {background-position: 0px -0px !important; height:16px; width:16px; }
.successSmall {background-position: 0px -17px !important; height:16px; width:16px; }