/*********************
 MODALDISPLAY PLUGIN /opt/sourcerepo/modules/elixforms_plugins/mixed/ModalDisplayPlugin/HEAD/src/com/anthesi/plugin/modal/display/modal_dialog.html
*********************/
@import url("../plugins/modaldisplay.css");




/***************
* GENERIC
***************/
body {
	font-family: 'Titillium Web', sans-serif;
    line-height: 1.5;
    color: #333;
	font-size: 14px;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/***************
* WORKFLOW STEPS
***************/
.workflowSteps {
	background: white;
	box-shadow: none;
}
.workflowSteps input[type="submit"][disabled] {
    cursor: not-allowed; 
	pointer-events: all !important;/*this is needed in order to change the cursor*/
	filter: alpha(opacity=65);
	opacity: .65;
}
.workflowSteps input[type="submit"][disabled]:hover {
	background: none;
}
.workflowSteps input {
	font-size: 16px;
}
/***************
* STEP TITLE
***************/
.isiportalPartialAdminFormBox h3 {
    font-size: inherit;
    border: none;
    background: none;
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0.5em 0;
	font-size: 24px;
	border:0;
}

fieldset {
/*	font-size:14px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #ddd;*/
/*	margin-bottom:10px;
	background:#efefef;*/
}

fieldset div.iuFieldContainer {
    background:none; 
	padding: 1em 0;
/*	margin:2em 0;*/
/*	border:none;*/
	border-bottom: 1px dotted #dadada;
}
/*.isiportalPartialAdminTimeFieldContainer,
.isiportalPartialAdminDateFieldContainer,
.isiportalPartialAdminTimestampFieldContainer {
    margin-bottom: 0;
}*/
/*@media only screen and (max-width: 992px) {
	fieldset div.iuFieldContainer {
		margin-bottom: 15px;
	}
}*/
fieldset div.iuFieldContainer .iuOptionContainer label {
    margin-right: 0;
}
fieldset div.iuFieldContainer label,
fieldset div.iuFieldContainer .iuInputContainer {
    line-height: 1.4em;
}
fieldset div.iuFieldContainer .iuLabelContainer label {
	padding-top:7px;
}
/* tooltip */
fieldset div.iuFieldContainer label .tooltip-hook {
	color:#0776b8;
	margin-left: 0.5em;
}
fieldset div.iuFieldContainer label .tooltip > .tooltip-inner {
    background-color: #d9edf7;
    color: #0b507a;
    border: 1px solid #BCE8F1;
}
fieldset div.iuFieldContainer label .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #d9edf7;
}
fieldset div.iuFieldContainer label .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #d9edf7;
}
fieldset div.iuFieldContainer label .tooltip.left > .tooltip-arrow {
    border-left: 5px solid #d9edf7;
}
fieldset div.iuFieldContainer label .tooltip.right > .tooltip-arrow {
    border-right: 5px solid #d9edf7;
}
/* tooltip ends */
/***************
* EXTENDED ATTRIBUTES
***************/
.attrDisplay_section:first-child > .attrDisplay_section {
/*	border-top: 1px dotted #dadada;
	padding-top:10px;
	margin-top:10px;*/
}
.attrDisplay_section > .attrDisplay_section {
	font-size:16px;
/*	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #dadada;*/
}
.conditionalForm .attrDisplay_section {
	padding:5px;
}
.attrDisplay_sectionTitle {
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
    margin-bottom:10px;
}
.attrDisplay_sectionPre {
	text-align:left;
    margin-bottom:10px;
}
.attrDisplay_sectionPost {
	text-align:left;
    margin-bottom:10px;
}
.attrDisplay_section .iuFieldContainer.hasError {
	color:#333;
	background-color: #F2DEDE;
	border: 1px solid #EBCCD1;
	padding-left:10px;
	padding-right:10px;
}
.attrDisplay_section .iuFieldContainer.hasError .attrDisplay_label .important {
	color:inherit;/*we need to reset the .important class*/
}
.attrDisplay_section .iuErrorContainer {
	clear:both;
	color: #79302F;
	margin-top:10px;
	font-size:16px;
	width:100%;
}
.attrDisplay_section .iuFieldContainer .attrDisplay_input {
    width: 68%;
}
@media only screen and (max-width: 768px) {
	.attrDisplay_section .iuFieldContainer .attrDisplay_input {
		width: 100%;
	}
}
.attrDisplay_section .iuTypeRadio, 
.attrDisplay_section .iuTypeCheckbox, 
.attrDisplay_section .iuTypeBoolean {
    padding-top:7px;
} 
.attrDisplay_section .iuTypeString .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeTextarea .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeHtml .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeSelect .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeCalculated .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeNumber .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeTime .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeDate .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeTimestamp .iuReadOnlyFieldValue,
.attrDisplay_section .iuTypeBinary span.na,
.attrDisplay_section .isiportalPartialAdminTextFieldItemLabel,
.iuTypeDate .isiportalPartialAdminDateFieldContainer {
    padding-top:7px;
} 
.iuTypeDate .isiportalPartialAdminDateFieldContainer .isiportalPartialAdminTextFieldItemLabel {
	padding-top:0;
}
.attrDisplay_section .iuTypeBinary span.na {
    display:inline-block;
} 
.attrDisplay_section .iuTypeString input, 
.attrDisplay_section .iuTypeSelect select, 
.attrDisplay_section .iuTypeString select, 
.attrDisplay_section .iuTypeCalculated select, 
.attrDisplay_section .iuTypeTextarea textarea, 
.attrDisplay_section .iuTypeHtml textarea,
.attrDisplay_section .iuTypeNumber input {
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
/*    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}
.attrDisplay_section .iuTypeString input:not([readonly="yes"]):focus, 
.attrDisplay_section .iuTypeSelect select:focus, 
.attrDisplay_section .iuTypeString select:focus, 
.attrDisplay_section .iuTypeCalculated select:focus, 
.attrDisplay_section .iuTypeTextarea textarea:focus, 
.attrDisplay_section .iuTypeHtml textarea:focus,
.attrDisplay_section .iuTypeNumber input:focus  {
	border-color: #a067e9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(164, 103, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(164, 103, 233, 0.6);
}
/*.attrDisplay_section .iuTypeString input, 
.attrDisplay_section .iuTypeSelect select, 
.attrDisplay_section .iuTypeString select, 
.attrDisplay_section .iuTypeCalculated select,
.attrDisplay_section .iuTypeTime select,
.attrDisplay_section .iuTypeDate select,
.attrDisplay_section .iuTypeDate input,
.attrDisplay_section .iuTypeTimestamp select,
.attrDisplay_section .iuTypeTimestamp input  {
    height: 34px;
}*/
.attrDisplay_section .iuTypeTime select,
.attrDisplay_section .iuTypeDate select,
.attrDisplay_section .iuTypeDate input,
.attrDisplay_section .iuTypeTimestamp select,
.attrDisplay_section .iuTypeTimestamp input {
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.attrDisplay_section .iuTypeTime select,
.attrDisplay_section .iuTypeDate select,
.attrDisplay_section .iuTypeTimestamp select,
.attrDisplay_section .iuTypeDate input,
fieldset div.iuFieldContainer .isiportalPartialAdminDateFieldElementContainer input,
.attrDisplay_section .iuTypeTimestamp input,
fieldset div.iuFieldContainer .isiportalPartialAdminTimestampFieldElementContainer input {
    width:5em;
}
.attrDisplay_section .iuTypeDate .isiportalPartialAdminDateFieldElementContainer select[name$="YEAR"],/*attr DisplayYearDateAsSelect*/
.attrDisplay_section .iuTypeDate .isiportalPartialAdminTimestampFieldElementContainer select[name$="YEAR"]/*attr DisplayYearDateAsSelect*/ {
    width:6em;
}
.attrDisplay_section .iuTypeBinary .fileFieldContainer {
    padding-top:5px;
	width:100%;
}
.attrDisplay_section .iuTypeBinary input {
    width: 100%;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.attrDisplay_section .iuTypeNumber input  {
    width: auto;
}
/*.attrDisplay_section .iuTypeString input[readonly],
.attrDisplay_section .iuTypeString input[disabled] {
    background-color: #eee;
    opacity: 1;
}*/
.attrDisplay_section .iuTypeBinary input {
    width: 100%;
}
fieldset div.iuFieldContainer input[type="file"] {
    border:none;
}
.isiportalPartialAdminFormBox fieldset .fileFieldContainer {
    padding: 0;
}
.attrDisplay_section .iuTypeTextarea textarea[readonly] {
    border:none;
}


/* radio and checkbox alignment */
input[type="checkbox"], 
input[type="radio"] {
    margin-top: 3px;
}
fieldset div.iuFieldContainer .iuOptionContainer label.checkbox_item,
fieldset div.iuFieldContainer .iuOptionContainer label.radio_item {
	margin-top: 0;
}
fieldset div.iuFieldContainer .iuOptionContainer label {
	font-size:16px;
	width:100%;
	clear:both;
	float: none;
}
fieldset div.iuFieldContainer .iuOptionContainer label {
	font-size:16px;
	width:100%;
	clear:both;
	float: none;
	margin-top:0;
}
.attrDisplay_section .iuTypeRadio input, 
.attrDisplay_section .iuTypeCheckbox input, 
.attrDisplay_section .iuTypeBoolean input {
    margin-right:4px;
} 
.attrDisplay_section .iuTypeNumber input {
	
}
/*.attrDisplay_section .iuTypeTextarea textarea.attrDisplay_singleLine {
	height:34px;
	resize: none;
}*/
.attrDisplay_section .iuTypeString input.attr_customWorkflowInput, 
.attrDisplay_section .iuTypeString input.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeString input[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeTextarea textarea.attr_customWorkflowInput, 
.attrDisplay_section .iuTypeTextarea textarea.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeTextarea textarea[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeBinary input.attr_customWorkflowInput, 
.attrDisplay_section .iuTypeBinary input.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeBinary input[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeString input.attr_modalInput, 
.attrDisplay_section .iuTypeString input.attr_modalInput[readonly="yes"]{
	display: inline-block;
	vertical-align: middle;
	width:62%;
    margin-right:1%; 
/*	padding:0;*/
	padding-top:4px;
}
.attrDisplay_section .iuTypeString input.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeString input[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeTextarea textarea.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeTextarea textarea[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeBinary input.attr_customWorkflowInput[readonly="yes"],
.attrDisplay_section .iuTypeBinary input[readonly="yes"].attr_customWorkflowInput,
.attrDisplay_section .iuTypeString input.attr_modalInput[readonly="yes"]{
	padding:0;
}
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeBinary :not(.attr_asyncUploaderContainer) > .attr_customWorkflowBtn {
    width:36%;
	display: inline-block;
	margin-top: 2px;
    margin-bottom: 0;
	padding:5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	float:right;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.attrDisplay_section .iuTypeBinary .file {
	display:inline-block;
	width:62%;
}
.attrDisplay_section .attr_customWorkflowContainer {
	padding-top:4px;
}
.attrDisplay_section .attr_modalContainer {
	display: inline-block;
	width:36%;
}
.attrDisplay_section .iuTypeString .attr_modalContainer .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeTextarea .attr_modalContainer .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeBinary :not(.attr_asyncUploaderContainer) > .attr_modalContainer .attr_customWorkflowBtn {
	width:100%;
	float:none;
}
/*We need this in order to hide the iuReadOnlyFieldValue div in binary fields */
.attrDisplay_section .iuTypeBinary .iuReadOnlyFieldValue {
	display:none;
}
/*.attrDisplay_section .iuTypeString .iuReadOnlyFieldValue + .attr_customWorkflowContainer,
.attrDisplay_section .iuTypeString .iuReadOnlyFieldValue + .attr_customWorkflowContainer {
	display:none;.attrDisplay_section .iuTypeString input.attr_modalInput[readonly="yes"]
}*/
.attrDisplay_section .attrDisplay_sectionPre,
.attrDisplay_section .attrDisplay_sectionPost {
	margin-top:10px;
	margin-bottom:10px;
}
.attrDisplay_section .attrDisplay_textPre {
	margin-bottom:10px;
}
.attrDisplay_section .attrDisplay_textPost {
	margin-top:10px;
}
.textBefore, 
.textAfter {
    font-size: 16px;
}
.textAfter {
    margin-top:1em;
}
.attrDisplay_section .iuInputContainer.iuTypeBoolean .iuOptionContainer {
    width: 60px;
}


@media only screen and (max-width: 992px) {
	fieldset div.iuFieldContainer .iuLabelContainer label {
		width: 100%;
		margin-right:0;
		margin-top: 0;
		
	}
	.textBefore, 
	.textAfter {
		margin-bottom: 10px;
	}
	.attrDisplay_section .iuFieldContainer .attrDisplay_label {
		margin-bottom: 0;
	}
	.attrDisplay_section .iuTypeString input.attr_customWorkflowInput,
	.attrDisplay_section .iuTypeString input[readonly="yes"].attr_customWorkflowInput,
	.attrDisplay_section .iuTypeTextarea textarea.attr_customWorkflowInput,
	.attrDisplay_section .iuTypeTextarea textarea[readonly="yes"].attr_customWorkflowInput,
	.attrDisplay_section .iuTypeBinary input.attr_customWorkflowInput,
	.attrDisplay_section .iuTypeBinary input[readonly="yes"].attr_customWorkflowInput,
	.attrDisplay_section .iuTypeString input.attr_modalInput,
	.attrDisplay_section .iuTypeString input[readonly="yes"].attr_modalInput{
        width:100%;
    }
    .attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
	.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn,
	.attrDisplay_section .iuTypeBinary :not(.attr_asyncUploaderContainer) > .attr_customWorkflowBtn {
        width:100%;
		margin-top:10px;
		padding:10px;
    }
	.attrDisplay_section .attr_modalContainer {
		width:100%;
	}
	.operationsInsideAndAudioguide .operationsContainer .btnFa {
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		white-space: normal;
		word-wrap: break-word;
		text-align: left;
		margin: 0;
		width: 100%;
		display: block;
		clear: both;
	}
}
@media only screen and (max-width: 768px) {
	.neutral .console_header .logo img {
		bottom: 0;
		top: 0;
	}
}
.attrDisplay_section div.cke {
    width: 100%;
}
/* datetime picker */
.attrDisplay_section .iuTypeTimestamp div {
    width: auto;
}

.alert.alert-with-icon .fa {
    display:table-cell;
}
.alert.alert-with-icon div {
    padding-left: 5px;
    display:table-cell;
}

/***************
* EXTENDED ATTRIBUTES: NOT IMPLEMENTED YET
***************/
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer {
    background: none;
    border: none;
    padding: 0.5em 0;
    margin: 2em 0;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .attrDisplay_sectionInlineLeft {
	float:left;
	width:32%;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .attrDisplay_sectionInlineRight {
	float:left;
	width:68%;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .attrDisplay_sectionLabel .iuLabelContainer label {
    padding-top: 7px;
	width: 97%;
	margin-right: 3%;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer fieldset div.iuFieldContainer {
	float:left;
	width:auto;
	clear:none;
	padding:0;
	margin:0;
	margin-right:10px;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer fieldset div.iuFieldContainer  > iuClearContainer {
	float:none;
	width:auto;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .iuFieldContainer .attrDisplay_label {
    width:auto;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .iuFieldContainer .attrDisplay_input  {
    width:auto;
}
.attrDisplay_section.attrDisplay_sectionInline .attrDisplay_sectionInlineContainer .iuFieldContainer .attrDisplay_label label {
	text-align:left;
	display:inline-block;
	margin-right:10px;
}
/***************
* Google Material Design Animated Radio Buttons
* http://www.cssscript.com/material-style-checkbox-radio-inputs-pure-css/
***************/
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"], 
.iuTypeRadio .iuOptionContainer input[type="radio"],
.iuTypeBoolean .iuOptionContainer input[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:focus + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:focus + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:focus + label:before, 
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:hover + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:hover + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:hover + label:before {
	border-color: #636363;/*radio & checkbox color*/
	background-color: #f2f2f2;
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:active + label:before,  
.iuTypeRadio .iuOptionContainer input[type="radio"]:active + label:before,  
.iuTypeBoolean .iuOptionContainer input[type="radio"]:active + label:before { 
	transition-duration: 0s; 
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"] + label, 
.iuTypeRadio .iuOptionContainer input[type="radio"] + label, 
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label {
	position: relative;
	padding-left: 1.7em;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
}
.receipt .declare .iuTypeCheckbox .iuOptionContainer input[type="checkbox"] + label {
	padding-left: 1.7em;
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"] + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"] + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label:before {
	box-sizing: content-box;
	content: '';
	color: #636363;/*radio & checkbox color*/
	position: absolute;
	top:3px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 2px solid #636363;/*radio & checkbox color*/
	text-align: center;
	transition: all 0.4s ease;
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"] + label:after, 
.iuTypeRadio .iuOptionContainer input[type="radio"] + label:after, 
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label:after {
	box-sizing: content-box;
	content: '';
	background-color: #636363;/*radio & checkbox color*/
	position: absolute;
	top:3px;
	left: 4px;
	width: 11px;
	height: 11px;
	margin-top: 4px;
	transform: scale(0);
	transform-origin: 50%;
	transition: transform 200ms ease-out;
}

/* radio & checkbox focus */
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:focus + label, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:focus + label, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:focus + label {
	background:#fffde5;
	border-bottom: 1px solid #a067e9;
	outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(164, 103, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(164, 103, 233, 0.6);
} 
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:focus + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:focus + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:focus + label:before {
	border-color: #a067e9;
	outline: #a067e9 auto 5px;
} 
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:disabled + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:disabled + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:disabled + label:before { border-color: #cccccc; }

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:disabled:focus + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:disabled:focus + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:disabled:focus + label:before, 
.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:disabled:hover + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"]:disabled:hover + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"]:disabled:hover + label:before { background-color: inherit; }

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:disabled:checked + label:before,
.iuTypeRadio .iuOptionContainer input[type="radio"]:disabled:checked + label:before,
.iuTypeBoolean .iuOptionContainer input[type="radio"]:disabled:checked + label:before { background-color: #cccccc; }

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"] + label:after {
	background-color: transparent;
/*	top: 50%;*/
	top:3px;
	left: 4px;
	width: 8px;
	height: 3px;
/*	margin-top: -4px;*/
	margin-top: 5px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0 0 3px 3px;
	border-image: none;
	transform: rotate(-45deg) scale(0);
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:checked + label:after {
	content: '';
	transform: rotate(-45deg) scale(1);
	transition: transform 200ms ease-out;
}
 
.iuTypeRadio .iuOptionContainer input[type="radio"]:checked + label:before,
.iuTypeBoolean .iuOptionContainer input[type="radio"]:checked + label:before {
	animation: borderscale 300ms ease-in;
	background-color: white;
}
 
.iuTypeRadio .iuOptionContainer input[type="radio"]:checked + label:after,
.iuTypeBoolean .iuOptionContainer input[type="radio"]:checked + label:after { transform: scale(1); }

.iuTypeRadio .iuOptionContainer input[type="radio"] + label:before, 
.iuTypeRadio .iuOptionContainer input[type="radio"] + label:after,
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label:before, 
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label:after { border-radius: 50%; }

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:checked + label:before {
	animation: borderscale 200ms ease-in;
	background: #636363;/*radio & checkbox color*/
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:checked + label:after { transform: rotate(-45deg) scale(1); }

@keyframes 
borderscale {  50% {
		box-shadow: 0 0 0 2px #636363;/*radio & checkbox color*/
	}
}

/***************
* OPERATIONS
***************/
.bs-operationsContainer {
    text-align: center;
    margin: 2em 0;
}
table.multiple_form_grid .bs-operationsContainer {
    margin: 0;
}
.bs-operationsContainer .btn {
	text-transform: uppercase;
	font-size:16px;
}
.operationsContainer .btn.btnSmBlock {
	margin-bottom:1em;
}
@media only screen and (max-width: 768px) {
	.bs-operationsContainer .btn:not(.btn-bs) {
		width:100%;
		margin-bottom:1em;
		padding:10px;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word;
	}
	table.multiple_form_grid .bs-operationsContainer  .btn {
		margin-bottom:0;
	}
}
@media only screen and (max-width: 992px) {
	.operationsContainer .btn.btnSmBlock {
		width:100%;
		margin-bottom:1em;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word;
	}
}
.bs-operationsContainer .btnForward {
    float: right;
    margin-left: 1em;
    padding-right: 2.3em;
/*    background-image:url("/rwe2/images/icon_arrow_next.png");*/
	background-image:url("/rwe2/images/icon_fa_arrow_circle_right.png");
    background-position:right center;
	background-repeat: no-repeat;
}
.bs-operationsContainer .btnBackward {
    float: left;
    margin-right: 1em;
    padding-left: 2.3em;
/*    background-image:url("/rwe2/images/icon_arrow_prev.png");*/
	background-image:url("/rwe2/images/icon_fa_arrow_circle_left.png");
    background-position:left center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.bs-operationsContainer .btn {
		font-size:110%;
	}
}
.form-container .operationsContainer.operationsInside .btn,
.form-container .iuSearch_operationContainer .btn,
.userprofile td .itemOperations .btn {
	margin-right:1em; 
}
.form-container .iuSearch_operationContainer:last-child .btn,
.userprofile td .itemOperations .iuSearch_operationContainer:last-child .btn {
	margin-right:0; 
}
.operationsContainer .btnPDFPreview {
	min-height:90px;
	background: #f6f6f6 url("/rwe2/images/icona_doc_pdf.gif") center 10px no-repeat; 
	padding-top:60px;
	filter:none;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	word-wrap: break-word;
    font-family: Titillium Web, Geneva, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
}

/***************
* OPERATIONS RECAP
***************/
.recapOperationsContainer {
	display: inline-block;
}
.recapOperationsContainer .btn {
	text-transform: uppercase;
	margin-left:1em;
}
@media only screen and (max-width: 768px) {
	.recap .panel-heading .pull-right {
		float:left !important;
		margin-left:1em;
	}
	.recapOperationsContainer {
		display: block;
		text-align:left;
		margin-top:1em;
	}
	.recapOperationsContainer .btn {
		margin-left:0;
		margin-right:1em;
	}
}

/***************
* TABLES
***************/
table .itemOperations .operationsContainer {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

/***************
* ERRORS
***************/
.notConfirmedStepItem .summarySchemaItem .summarySchemaItemInside {
	border-color: #EBCCD1;
	border-width: 2px;
}
.notConfirmedStepItem .summarySchemaItem h4 {
	color: #79302F;
    background-color: #F2DEDE;
	border: 2px solid #EBCCD1;
	border-bottom:none;
}
.notConfirmedStepItem .summarySchemaItem h4:before {
	font-family: 'FontAwesome';
    position: relative;
	padding-right:10px;
	color:#f15b3c;
	content: "\f057 ";/*fa-times-circle*/
}

/***************
* VALIDATION METHODS
***************/
.receipt .declare .iuTypeCheckbox .iuOptionContainer label { 
    font-size: 13pt;
	line-height:1.2em;
	font-weight:bold;
}
.receipt .fileFieldContainer {
	width:57%;
}
.receipt fieldset div.iuFieldContainer .iuReadOnlyFieldValue {
    width:57%;
}

/*********************
 PRELOGIN
*********************/
.prelogin-container {
	background: white;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.29);
	padding:10px
}

/*********************
 PRELOGIN
*********************/
.intro_buttons .intro_button.ribbon-content{
    position: relative; 
	padding-right:40px;
/*    width: 100%; 
    height: 50px; 
    background: #f1f1f1; 
    border: 1px solid #DDD;    */
}
.ribbon {
    position: absolute;
    top: 13px;
    right: -5px;
    padding: 8px;
}
.ribbon.base {
    background: #3498db;
    color: #fff;
    border-right: 5px solid #8bc4ea;
}
.ribbon.light {
    background: #ecf0f1;
    color: #2c3e50;
    border-right: 5px solid #dde4e6;
}
.ribbon.dark {
    background: #131313;
    color: #fff;
    border-right: 5px solid #464646;
}
.ribbon.base-alt {
    background: #9cd70e;
    color: #fff;
    border-right: 5px solid #c6f457;
}
.ribbon.red {
    background: #e91b23;
    color: #fff;
    border-right: 5px solid #f2787d;
}
.ribbon.orange {
    background: #ff8a3c;
    color: #fff;
    border-right: 5px solid #ffc7a2;
}
.ribbon.yellow {
    background: #ffd800;
    color: #fff;
    border-right: 5px solid #ffe866;
}
.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    left: -9px;
    border-left: 10px solid transparent;
}
.ribbon:before {
    top: 0;
}
.ribbon:after {
    bottom: 0;
}
.ribbon.base:before {
    border-top: 27px solid #3498db;
}
.ribbon.base:after {
    border-bottom: 27px solid #3498db;
}
.ribbon.light:before {
    border-top: 27px solid #ecf0f1;
}
.ribbon.light:after {
    border-bottom: 27px solid #ecf0f1;
}
.ribbon.dark:before {
    border-top: 27px solid #131313;
}
.ribbon.dark:after {
    border-bottom: 27px solid #131313;
}
.ribbon.base-alt:before {
    border-top: 27px solid #9cd70e;
}
.ribbon.base-alt:after {
    border-bottom: 27px solid #9cd70e;
}
.ribbon.red:before {
    border-top: 27px solid #e91b23;
}
.ribbon.red:after {
    border-bottom: 27px solid #e91b23;
}
.ribbon.orange:before {
    border-top: 27px solid #ff8a3c;
}
.ribbon.orange:after {
    border-bottom: 27px solid #ff8a3c;
}
.ribbon.yellow:before {
    border-top: 27px solid #ffd800;
}
.ribbon.yellow:after {
    border-bottom: 27px solid #ffd800;
}
.ribbon span {
    display: block;
    font-size: 14px;
    font-weight: 600;
}
/*********************
 STAR RATING ADAPTATION
*********************/
.rating-stars:focus,
.rating-list a:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}