div.login-form-wrapper
{
	display: table;
	width : 100%;
	height: 100%;
}

div.login-form-wrapper > div
{
	display: table-cell;
	vertical-align: middle;
}

div.login-logo
{
	display: none;
}

div.login-left hr
{
	border-width : 0px;
	border-top : 1px solid #DDD;
	width: 300px;
	margin-right: 0px;
	text-align: right;
}

button.login-action, button.forgot-action
{
	cursor : pointer;
}

button.login-action
{
	display : none;
}

div.akyla-text
{
	height : 340px;
	overflow : auto;
	display : inline-block;
	*display : inline;
	zoom : 1;
	width : 310px;
	background-color : #FFFFFF;
	margin : 5px;
	vertical-align: top;
	line-height: 150%;
}

div.login-left
{
	width : 40%;
	text-align: right;
	color: #FFFFFF;
	background-color : rgba(0, 0, 0, 0.87);
	line-height: 150%;
}

div.login-right
{
	width: 60%;
	text-align : left;	
}

div.login-right div.login-forms-frame
{
	overflow : hidden;
	height : 350px;
	position : relative;
	width : 300px;
	display : inline-block;
	*display : inline;
	zoom : 1;
	vertical-align: top;
}

div.login-inset-panel
{
	margin: 10px;
}

div.login-forms-frame div.formPair
{
	margin: 0px;
	width: 100%;
	float: none;
	padding: 0px;
	height: 55px;
	position: inherit;
}

div.login-form-wrapper h1.title
{
	font-family: inherit;
	font-size: 150%;
	padding: 0px 0px 10px 0px;
}
div.login-right h1.title
{
	padding-bottom: 40px;
}

div.login-right div.login, 
div.login-right div.pincodelogin, 
div.login-right div.forgot,
div.login-right div.twofactorauthenticate,
div.login-right div.facebook-login,
div.login-right div.passwordsent
{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 300px;
}

div.login-forgot
{
	height : 20px;
	position : relative;
}

div.login-forgot > div
{
	position : absolute;
	width : 280px;
	top : 5px;
}

div.login-right div.forgot
{
	left : 320px;
}

div.login-right div.passwordsent
{
	left : 320px;
}



/** 2-factor authenticate obsolete
div.login-forgot
{
	height : 20px;
	position : relative;
}

div.login-forgot > div
{
	position : absolute;
	width : 280px;
	top : 5px;
}

div.login-right div.forgot
{
	left : 320px;
}
*/

div.login-right div.facebook-login
{
	left : -320px;
}

div.login-right div.pincodelogin
{
	top : -320px;
}

div.login-remember
{
	margin : 10px;
}

div.login-submit
{
	margin-top: 25px;
	color: #777777;
}

div.login-forms-frame button.login-button
{
	margin: 0px;
	margin-bottom : 15px;
	margin-right:10px;
}
div.login-forms-frame button.login-button.primary
{
	color: white;
}


div.login-forms-frame.singlelinelogin
{
	height : 300px !important;
}

#loginForm div.login-submit .extern-login
{
	border:none;
	background:none;
	/*width:50px;*/
	margin-left: 6px;
	cursor:pointer;
	display: inline-block;
	*display : inline;
	zoom : 1;
	vertical-align: bottom;
}


form.small input[type=text], form.small input[type=password]
{
	background-color : #FFFFFF;
	width : 222px;
	padding : 4px;
	border : solid 1px #DDD;
}

#loginForm div.button-pair,
#facebookLoginForm div.button-pair
{
	text-align : center;
}

#loginForm div.button-pair > span,
#facebookLoginForm div.button-pair > span
{
	display : none;
}

#loginForm label > span, div.button-pair > span,
#facebookLoginForm label > span, div.button-pair > span
{
}

#loginForm label > div.input-wrapper,
#facebookLoginForm label > div.input-wrapper
{
	display : inline-block;
	zoom: 1;
	*display:inline;		
}

div.login-right div.identity-provider h1.title
{
	padding-bottom: 20px;
}

div.login-right div.identity-provider span.explanation
{
	display: block;
	margin-bottom: 15px;
}

/**** FORMS ****/

div.fieldset
{
	width: 100%;
	margin-bottom: 11px;
}

form.half-width-field-sets div.fieldset
{
	width: 50%;
	float: left;
}


div.fieldset > div.fieldset[maxoccurence="*"]
{
	width: 100%;
	clear: both;
}

form.half-width-field-sets div.fieldset > div.fieldset.hideAdders[maxoccurence="*"]
{
	width: 50%;
	clear: none;
}

div.fieldset:after,
form > div:after
{
	content: '';
	display: block;
	clear: both;
}

div.fieldset > div.fieldset > div.fieldset
{
	width: 100%;
}

div.fieldset > div.fieldset > div.fieldset.compact,
div.fieldset > div.fieldset.compact
{
	width: auto;
	margin: 0px 10px;
	float: none;
	overflow-x: auto;
}

div.fieldset.compact div.formPair div.formElementInputDiv textarea
{
	resize:none;
}
/*
div.fieldset.compact div.formPair div.formElementInputDiv.compact div.a-w-ajax-select
{
	min-width:300px;
}
*/
form > div > div.fieldset[mergername]
{
	width: 100%;
}

div.tab-content > div.fieldset
{
	margin-left: -10px;
	margin-right: -10px;
	width: auto;
}

div.fieldset[mergername] > div.fieldset[minoccurence] > div.legend,
div.fieldset[mergername] > div.fieldset.subcontainer.user > div.fieldset.container.user > div.fieldset:first-child
{
	display: none;
}

div.fieldset[mergername] > div.fieldset[maxoccurence] > div.legend,
div.fieldset[mergername] > div.fieldset.flexworkercontractphase[minoccurence] > div.legend
{
	display: block;
}

div.formPair
{
	margin: 12px 0px -12px;
	width: 50%;
	float: left;
	padding: 0px 10px 0px;
	box-sizing: border-box;
}

div.formPair:nth-child(even)
{
	clear: left;
}

div.formPair.element.left
{
	clear: left;
}

div.formPair.element.right
{
	clear: none;
}

div.formPair.wide
{
	width: 100%;
}

form.half-width-field-sets div.formPair
{
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
	float: none;
	padding: 0px;
	padding-top: 12px;
	box-sizing: inherit;
}

div.fieldset[group-type=multi-checkbox] div.formPair.type-checkbox
{
	margin-top: -10px;
	float: left;
}

div.formElementLabelDiv, div.formElementInputDiv, div.formElementComment
{
	vertical-align : middle;
}

div.formElementComment
{
	text-align: right;
	margin-top: 3px;
	font-size: 11px;
	min-height: 12px;
	float: right;
}

div.formElementLabelDiv
{
	font-size: 12px;
	color: rgba(0,0,0,0.70);
	transition: color 0.3s ease;
	transition: top 0.3s ease;
	position: relative;
	top: 0px;
	/*left: 10px;*/
	z-index: 2;
	display: inline-block;
	cursor: pointer;
}

form.inverted div.formElementLabelDiv
{
	color: rgba(255,255,255,0.70);
}

div.fieldset[group-type=multi-checkbox] div.formPair div.formElementLabelDiv
{
	top: 18px;
	left: 24px;
}

div.formElementLabelDiv.required:after
{
	content: '*';
	font-size: 20px;
	position: relative;
	left: 3px;
	top: 5px;
	line-height:0px;
}
div.login-form-wrapper div.formElementLabelDiv.required:after
{
	content:''
}
div.login-forms-frame.connectapi-consent div.login-form-wrapper.connectapi-consent div.login
{
	position:inherit;
}

form.half-width-field-sets div.formElementLabelDiv
{
	left: 0px;
}

div.formElementInputDiv
{
	margin-top: 4px;
	font-size: 13px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	min-height: 20px;
	transition: border-color 0.3s ease;
}

form.inverted div.formElementInputDiv
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

div.fieldset[group-type=multi-checkbox] div.formElementInputDiv
{
	min-height: 24px;
}

div.formPair.type-text > div.formElementInputDiv,
div.formPair.type-textarea > div.formElementInputDiv
{
	position: relative;
}

div.formPair.type-text div.formElementInputDiv:after,
div.formPair.type-textarea div.formElementInputDiv:after
{
	content: "\f040";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	right: 3px;
	top: 1px;
	font-size: 16px;
	line-height: 16px;
	width: 16px;
	height: 16px;
	background: white;
}

div.formPair.type-wysiwyg > div.formElementInputDiv div.fr-toolbar
{
	z-index: 1;
}

div.formPair.type-wysiwyg.disabled > div.formElementInputDiv > div
{
	max-height: 100px;
	overflow: auto;
}

table div.formPair > div.formElementInputDiv:after,
div.formPair.disabled > div.formElementInputDiv:after,
div.login-forms-frame div.formElementInputDiv:after
{
	content: '';
	display: none;
}

div.formElementInputDiv > span,
div.formElementInputDiv > a
{
	margin-bottom: 5px;
	display: block;
	min-height: 14px;
	max-height: 100px;
	overflow-y: auto;
	-ms-overflow-style: auto;
	padding-top: 1px;
}
.value
{
	white-space:pre-wrap;
}
div.legend
{
	font-size : 13px;
	font-weight : bold;
	position : relative;
	margin: 16px 10px 0px;
	padding-bottom: 7px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

form.inverted div.fieldset > div.legend
{
	border-color: white;
}

div.legend > i.formAdder
{
	display: none;
}

div.fieldset > div.formAdder,
div.fieldset > div.form-adder,
div.body > div.form-adder
{
	text-align: right;
	margin-top: 10px;
	margin-right: 12px;
	cursor: pointer;
	float: right;
}

div.fieldset > div.formAdder > i.fa,
div.fieldset > div.form-adder > i.fa,
div.body > div.form-adder > i.fa
{
	display: inline-block;
	font-size: 16px;
	margin-left: 5px;
	width: 20px;
	text-align: center;
}

input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel], 
input[type=time],
input[type=search],
textarea
{
	width : 100%;
	background-color : transparent;
	line-height: normal;
	margin-bottom: 5px;
	height: 15px;
	position: relative;
	z-index: 1;
	font-size: 13px;
	border-radius: 0;
}

form.inverted input[type=text],
form.inverted input[type=password],
form.inverted input[type=number],
form.inverted input[type=tel],
form.inverted input[type=time],
form.inverted input[type=search],
form.inverted textarea
{
	color: white;
}


input[type=checkbox]
{
	height: 15px;
	vertical-align: bottom;
}

input[type=text][disabled], input[type=password][disabled], textarea[disabled],
input[type=text][readonly], input[type=password][readonly], textarea[readonly]
{
	color: rgba(0,0,0,0.54);
	font-style:oblique;
}

form.inverted input[type=text][disabled],
form.inverted input[type=password][disabled],
form.inverted textarea[disabled],
form.inverted input[type=text][readonly],
form.inverted input[type=password][readonly],
form.inverted input[type=search][readonly],
form.inverted textarea[readonly]
{
	color: rgba(255,255,255,0.54);
}

.renumeration_row input[type=text][disabled]
{
	color: #18B7BF;
}

form td div.a-w-ajax-select
{
	/*min-width : 150px;*/
}

textarea 
{
	height : 100px;
}

div.formPair.focus > div.formElementLabelDiv
{
	font-weight: bold;
}

form.inverted div.formPair.focus > div.formElementLabelDiv
{
	color: white;
}

div.formPair.focus > div.formElementInputDiv
{
	border-width: 2px;
}

form.inverted div.formPair.focus > div.formElementInputDiv
{
	border-color: white;
}

div.formPair.focus > div.formElementComment
{
	margin-top: 2px;
}

div.formPair.disabled > div.formElementLabelDiv,
div.formPair.disabled > div.formElementLabelDiv.required:after
{
	color: rgba(0,0,0,0.38);
}

form.inverted div.formPair.disabled > div.formElementLabelDiv,
form.inverted div.formPair.disabled > div.formElementLabelDiv.required:after
{
	color: rgba(255,255,255,0.38);
}

div.formPair.disabled > div.formElementInputDiv
{
	color: rgba(0,0,0,0.54);
	font-style: oblique;
	border-bottom-style: dotted;
	border-bottom-color: rgba(0,0,0,0.10);
}

form.inverted div.formPair.disabled > div.formElementInputDiv
{
	color: rgba(255, 255, 255, 0.54);
	border-bottom-color: rgba(255,255,255,0.10);
}

div.formPair.empty > div.formElementLabelDiv
{
	top: 18px;
	font-size: 13px;
}

div.formPair.empty.focus > div.formElementLabelDiv
{
	font-size: 12px;
	top: 0px;
}

div.fieldset label.checkbox
{
	padding: 3px 0px;
	margin: 0px 10px;
	cursor: pointer;
	display: block;
}

div.fieldset label.checkbox.disabled
{
	color: rgba(0,0,0,0.54);
	cursor: auto;
}

div.fieldset label.checkbox input
{
	margin-right: 10px;
	vertical-align: bottom;
}

div.fieldset div.defaultappvalue
{
	margin-top: 3px;
	font-size: 11px;
	min-height: 11px;
	float: right;
	color: rgba(0,0,0,0.54);
}

div.fieldset div.defaultappvalue > span
{
	margin-right: 3px;
}

div.fieldset div.defaultappvalue > div.explanation
{
	display: none;
}

div.fieldset[tablename=ApplicationoptionsholderTable] > div.legend
{
	display: none;
}

div.fieldset > div.fieldset[tablename=ApplicationoptionsholderTable] > div.fieldset > div.legend
{
	display: block;
}

/*** Validation hints */
div.formPair > div.formElementComment > div
{
	display : none;
}

div.formPair.invalid > div.formElementComment > div,
div.formPair.has-info > div.formElementComment > div
{
	display : block;
}

div.formPair > div.formElementComment > div > span
{
	display: inline-block;
	margin-left: 3px;
}

.hideAdders i.formAdder, .hideAdders i.formRemover
{
	display : none;
}

div.formSubmitDiv
{
	display : none;
}

form.inline
{
	display : inline-block;
	*display : inline;
	zoom : 1;
}

div.par
{
	padding:10px;
}
div.warning
{
	font-style:italic;
	font-weight:bold;
	color:red;
}

div.generalnotice
{
	margin:20px;
	font-style:italic;
	font-weight:bold;
	color:black;
}

div.simple div.facebook-button
{
	text-align: center;
	vertical-align: middle;
}

div.facebook-button a, div.facebook-button button
{
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background-color: #3b5998;
	background-image: url(../../../image/facebook/FB-f-Logo__white_29.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	width: 200px;
	display: inline-block;
	padding: 10px;
	border: solid 1px #FFF;
	box-shadow: 0 0 4px rgba(10, 10, 10, 0.8);
	padding-left: 30px;
	text-align: center;
	vertical-align: middle;
}

div.facebook-button button
{
	width: 242px;
	height : 50px;
	cursor : pointer;
}

img.facebook-image-normal,
img.facebook-image-large
{
	margin:15px;
	margin-top:0px;
}

div.exernallogin
{
	margin: 5px;	
}

form table
{
	margin-top: 12px;
	width : 100%;
}

form table > tbody > tr
{
	border-bottom: 0px;
}

form table > tbody > tr > td
{
	padding: 0px;
}

form table > tbody > tr > td > div.formPair
{
	padding : 0px;
	margin: 0px;
	width: 100%;
	position: inherit;
}

form table > tbody > tr > td > div.formPair > div.formElementInputDiv
{
	margin-top: 0px;
	min-height: 0px;
	height: 25px;
	padding: 11px 12px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

form table > tbody > tr > td > div.formPair.focus > div.formElementInputDiv
{
	height: 24px;
}

form table > tbody > tr > td div.a-w-ajax-select.toggled div.awas-it-wrapper
{
	top: 26px;
}

form table > tbody > tr > td > div.formPair textarea
{
	height: 15px;
}

form table > tbody > tr > td div.formElementComment
{
	min-height: 0px;
	display: none;
	position: absolute;
	background-color: white;
	padding: 3px;
	z-index: 3;
	margin-top: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

form table > tbody > tr > td > div.formPair.invalid div.formElementComment
{
	display: block;
}

form table > tbody > tr > td.action-column > div
{
	text-align : center;
	vertical-align: middle;
	font-size: 16px;
	padding: 10px 12px 0px;
	height: 26px;
	cursor: pointer;
	width: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	display: inline-block;
}

form table > tbody > tr > td.action-column
{
	width: 44px;
}

form table > thead > tr > th.action-column.disabled,
form table > tbody > tr > td.action-column.disabled
{
	display: none;
}

form table > tbody > tr > td.action-column > div.sort
{
	cursor: move;
}

::-webkit-input-placeholder {
	font-size: 13px;
	color: rgba(0,0,0,0.38);
}

:-moz-placeholder { /* Firefox 18- */
	font-size: 13px;
	color: rgba(0,0,0,0.38);
}

::-moz-placeholder {  /* Firefox 19+ */
	font-size: 13px;
	color: rgba(0,0,0,0.38);
}

:-ms-input-placeholder {
	font-size: 13px;
	color: rgba(0,0,0,0.38);
}

form.inverted ::-webkit-input-placeholder {
	font-size: 13px;
	color: rgba(255,255,255,0.38);
}

form.inverted :-moz-placeholder { /* Firefox 18- */
	font-size: 13px;
	color: rgba(255,255,255,0.38);
}

form.inverted ::-moz-placeholder {  /* Firefox 19+ */
	font-size: 13px;
	color: rgba(255,255,255,0.38);
}

form.inverted :-ms-input-placeholder {
	font-size: 13px;
	color: rgba(255,255,255,0.38);
}

div.formElementLabelDivCompact.tooltipped
{
	position: relative;
	display: inline-block;
}

div.formElementLabelDiv > div.tooltip,
div.formElementLabelDivCompact > div.tooltip,
div.legend div.tooltip,
th > div.tooltip
{
	display: inline-block;
	margin-left: 5px;
}

th > div.tooltip.required:after
{
	font-weight: normal;
	color: red;
	content: '*';
	font-size: 20px;
	position: relative;
	left: 3px;
	top: 5px;
	line-height:0px;
}


.tooltip {
	text-decoration:none; /* no underline */
	cursor:help; /* make cursor point */
}

div.tooltip a {
	text-decoration:none; /* no underline */
	cursor:help; /* make cursor point */
}

.tooltip span { /* main body of tooltip */
	position:absolute; /* AP it */
	bottom: 35px; /* FADE IN/OUT END */
	left: 0; /* CENTER TOOLTIP */
	width: 300px;
	opacity:0; /* HIDE TOOLTIP in modern browsers */
	visibility: hidden; /* HIDE TOOLTIP in IE */
	padding: 10px; /* padding */
	color: #fff; /* text color */
	pointer-events:none; /* no unintended tooltip popup for modern browsers */
	background: #898989;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.3s ease-in-out; /* animate tooltip */
	z-index : 1000;
	font-weight: normal;
	line-height: 14px;
	font-size: 11px;
	white-space : normal;
}

div.compact th .tooltip span
{
	bottom:initial;
	left:initial;
	margin-left: 10px;
}

.tooltip:hover span,
.tooltip.toggled span,
div.formPair.focus .tooltip span
{ /* reveal tooltip */
	opacity: 1; /* REVEAL TOOLTIP in modern browsers */
	visibility: visible; /* REVEAL TOOLTIP in IE */
}

.tooltip span:hover {
	visibility:hidden; /* hide tooltip when moving from link to span in IE */
}

div.awjat-content div.tab-content div.button-holder.sticky-toolbar,
div.a-w-s-content div.awjs-pane div.button-holder.sticky-toolbar
{
	position : fixed;
    z-index: 10;
    background: white;
    padding: 30px 30px 0 30px;
    margin-left : -30px;
    box-shadow: 0 10px 3px -3px rgba(0,0,0,0.12), 0 5px 2px -2px rgba(0,0,0,0.24);
}

div.a-w-s-content div.button-holder div.remark,
div.tab-content div.button-holder div.remark
{
	padding: 10px 0px 0px 17px;
	line-height: 16px;
	overflow: hidden;
	cursor: pointer;
}

div.a-w-s-content div.button-holder div.remark > span,
div.tab-content div.button-holder div.remark > span
{
	border-bottom-width: 1px;
	border-style: solid;
	padding-bottom: 7px;
	display: block;
}

div.a-w-s-content div.button-holder div.remark > span.placeholder,
div.tab-content div.button-holder div.remark > span.placeholder
{
	color: #999999;
}

div.a-w-s-content div.button-holder div.awj-dropdown,
div.tab-content div.button-holder div.awj-dropdown
{
	margin-left: 25px;
}

div.button-holder div.awj-dropdown a.externallink
{
	border: none;
	display: block;
	box-shadow: none;
	margin : 0px;
}
div.button-holder div.awj-dropdown a.externallink:hover
{
	background-color : #EEEEEE;
}

form div.fieldset > div.attachment,
form div.fieldset > div.accord,
form div.fieldset > div.idcheck
{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin: 12px 0px -12px;
}

form div.fieldset > div.attachment:after,
form div.fieldset > div.accord:after,
form div.fieldset > div.idcheck:after
{
	content: '';
	display: block;
	clear: both;
}

form div.fieldset > div.attachment > div.formPair,
form div.fieldset > div.attachment > div.formPair.type-date.disabled,
form div.fieldset > div.accord > div.formPair,
form div.fieldset > div.idcheck > div.formPair
{
	margin: 0px;
	clear: none;
}

form div.fieldset > div.attachment > div.formPair.type-date
{
	margin-top: 12px;
}

form div.fieldset > div.accord > div.formPair
{
	width: 100%;
}

form div.fieldset > div.accord div.formElementInputDiv
{
	position: relative;
}

form div.fieldset > div.accord div.formElementInputDiv > input
{
	position: absolute;
}

form div.fieldset > div.accord div.formElementInputDiv > span
{
	padding-left: 25px;
	padding-right: 110px;
	height: auto;
	min-height: 34px;
	color: rgba(0,0,0,0.70);
}

form div.fieldset > div.accord div.formElementInputDiv > span a
{
	text-decoration: underline;
}

form div.fieldset > div.accord div.formPair > div.formElementInputDiv > span
{
	max-height: none;
}

form div.fieldset > div.accord div.formElementInputDiv > button
{
	position: absolute;
	right: 0px;
	top: 0px;
	margin-right: 0px;
}

form div.fieldset > div.information
{
	min-height: 55px;
	color: rgba(0,0,0,0.70);
	padding-bottom: 12px;
}

form div.fieldset > div.information a
{
	text-decoration: underline;
}

form div.fieldset > div.element.wide
{
	width: 100%;
}

form div.formPair.pincode > div.formElementInputDiv > input.pin
{
	display: inline-block;
	width: 30px;
	height: 40px;
	font-size: 36px;
	padding-left: 16px;
	overflow: visible;
	margin-right: 15px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	font-family: text-security-disc;
}

form div.formPair.pincode > div.formElementInputDiv > input.pin[name=pin4]
{
	margin-right: 0px;
}

form div.formPair.pincode.empty > div.formElementLabelDiv
{
	top: 0px;
}

div.editdefinition  div.fieldset > table > thead > tr > th,
div.editdefinition  div.fieldset > table > tbody > tr > td > div.formpair
{
	width: 30%;
}

/* Configurable form related css for digital signing and attachment regeneration */
/*div.attachment.disabled > div.signature*/
div.attachment > div.signature
{
	color: rgba(0,0,0,0.54);
}

div.attachment div.signature,
div.attachment div.regenerate-attachment,
div.attachment div.signing-via-email
{
	clear : both;
	padding : 0px 10px 0px;
	width : 50%;
	box-sizing: border-box;
}

div.attachment.digital-sign-button div.regenerate-attachment button
{
	margin-bottom: 5px;
}

div.attachment div.regenerate-attachment,
div.attachment div.signing-via-email
{
	min-height: 34px;
}

div.attachment div.regenerate-attachment button,
div.attachment div.signing-via-email button
{
	vertical-align : top;
	float : right;
}

div.attachment div.signature div.signaturestatus
{
	display: inline-block;
	width : 50%;
}

div.attachment div.signature.has-button
{
	min-height: 34px;
}


div.attachment div.signature span.button
{
	vertical-align : top;
	float : right;
}

div.attachment div.signature div.signaturestatus > span
{
	display : inline-block;
	margin-right : 5px;
}

div.attachment div.signature div.signaturestatus > span > i.fa
{
	display: inline-block;
	margin-right: 5px;
}

/* END OF Configurable form related css for digital signing and attachment regeneration */

/**
 * width < 960px
 * 2 columns, action bar visible, stream hidden.
 * Large phone landscape, tablet portrait.
 */
@media all and (max-width: 959px)
{
	/* Configurable form related css for digital signing and attachment regeneration */
	div.attachment div.signature
	{
		width : 100%;
	}

	div.formPair
	{
		width: 100%;
	}

	div.a-w-s-content div.button-holder div.awj-dropdown,
	div.a-w-s-content div.button-holder a.dropDown,
	div.tab-content div.button-holder div.awj-dropdown,
	div.tab-content div.button-holder a.dropDown,
	div.info-tabs div.button-holder div.awj-dropdown,
	div.info-tabs div.button-holder a.dropDown,
	div.awjat-spane.buttons div.button-holder div.awj-dropdown,
	div.awjat-spane.buttons div.button-holder a.dropDown
	{
		margin-left: 0px;
		background: transparent;
		border: none;
		box-shadow: none;
		margin-bottom: 0px;
	}

	div.a-w-s-content div.button-holder div.remark,
	div.tab-content div.button-holder div.remark
	{
		clear: both;
		padding-left: 0px;
		padding-top: 0px;
		margin-bottom: 30px;
	}
}

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	div.a-w-s-content div.button-holder div.remark,
	div.tab-content div.button-holder div.remark
	{
		margin-bottom: 15px;
	}

	/* Login page */
	div.login-right 
	{
		/* margin-top : 100px; */
		margin-top : 30px;
	}
	div.login-right h1.title
	{
		font-size : 150%;
		text-align : center;
		margin-top : 10px;
		padding-bottom : 20px;
		/* color: transparant; */
	}
	div.login-left
	{
		width : 100%;
		height : 30px;
		display : block !important;
		text-align : center;
		overflow: hidden;
	}
	


	div.login-left div.login-inset-panel
	{
		padding-top : 5px;
		margin: 0px;
	}

	div.login-left:hover
	{
		height : auto;
	}

	div.login-right
	{
		width: 100%;
		display : block !important;
	}
	div.supported-browsers
	{
		display : none;	
	}
}

/**
 * 960px <= width < 1280px
 * 4 columns, action bar visible, stream hidden.
 * Tablet landscape, small desktop.
 */
@media all and (min-width: 960px) and (max-width: 1279px)
{

}

/**
 * width >= 1280px
 * 4 columns, action bar visible, stream visible.
 * Large desktop.
 */
@media all and (min-width: 1280px)
{

}