/* Webkit MI: header and footer
********************************************************
-------------------------------------------------------*/
@import url("/elixFormsCustom/webkit/css/fonts.css");
@import url("/elixFormsCustom/webkit/css/build_custom.css");
@import url("/elixFormsCustom/webkit/css/build_custom_overrides.css");


/* The following styles are needed for the standard header
********************************************************
-------------------------------------------------------*/
/*.Header .name {background: #06c}*/
.neutral .console_header {background-image: none;background-color:#06c;color:white;}
.neutral .console_header a, 
.neutral .Header a,
.neutral .Header a:hover {color:white;}
.neutral .Header .info a.logout {background-image:none;}
.console_header .leftDiv {
    background: none;
}
.neutral .console_header .rightDiv {
    background: none;
}
.neutral .console_header ul.dropdown-container li a.name {
    color: white;
}
/* we're done here
*********************************************************/

/* The following styles are needed in order to override 
operation button styles in /rwe2/css/iulib.css 
********************************************************
-------------------------------------------------------*/
.operationsContainer input.buttonForward {
	background-position: right;
}
.operationsContainer input.buttonBackward {
	background-position: left;
}
.operationsContainer input.buttonForward,
.operationsContainer input.buttonBackward,
.iuSearchRow_operationsContainer input,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew,
.form-container .operationsContainer .btnSend,
.contactform-container .operationsContainer .btnSend,
.bs-operationsContainer .btnForward,
.bs-operationsContainer .btnBackward,
.btn-elix,
#login input.multiAuthBtn {
	background-color: #06c;
    border-color: #285e8e;
}
.operationsContainer input.buttonForward:hover,
.operationsContainer input.buttonForward:active,
.operationsContainer input.buttonBackward:hover,
.operationsContainer input.buttonBackward:active,
.iuSearchRow_operationsContainer input:hover,
.iuSearchRow_operationsContainer input:active,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew:hover,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew:active,
.form-container .operationsContainer .btnSend:hover,
.form-container .operationsContainer .btnSend:active,
.contactform-container .operationsContainer .btnSend:hover,
.contactform-container .operationsContainer .btnSend:active,
.customersatisfaction-container .operationsContainer .btnSend:hover,
.customersatisfaction-container .operationsContainer .btnSend:active,
.bs-operationsContainer .btnForward:hover,
.bs-operationsContainer .btnForward:active,
.bs-operationsContainer .btnBackward:hover,
.bs-operationsContainer .btnBackward:active,
.btn-elix:hover,
.btn-elix:active,
.btn-elix:focus,
.btn-elix:active:hover, 
.btn-elix.active:hover, 
.open > .dropdown-toggle.btn-elix:hover, 
.btn-elix:active:focus, 
.btn-elix.active:focus, 
.open > .dropdown-toggle.btn-elix:focus, 
.btn-elix:active.focus, 
.btn-elix.active.focus, 
.open > .dropdown-toggle.btn-elix.focus,
#login input.multiAuthBtn:hover, 
#login input.multiAuthBtn:focus {
    background-color: #024b95;
    border-color: #285e8e;  
}
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn {
	color:white;
	background: #06c;
    border-color: #285e8e;
}
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:hover {
	background-color: #024b95;
    border-color: #285e8e;  
}
/* we're done here
*********************************************************/


/* The following styles are needed in order to override 
operation button styles in /rwe2/css/console_user.css 
********************************************************
-------------------------------------------------------*/
a,
a:hover,
h2,
.workflowSteps input.notConfirmed, 
.workflowSteps input.notConfirmed[type="submit"][disabled], 
.workflowSteps input.notConfirmed[type="submit"][disabled]:hover,
.contactForm .module .list .item a,
.contactForm #admin_boxScheda a,
.standalone .panel .panel-value a, 
.standalone .panel .panel-value a:hover, 
.standalone .panel .panel-value span.fa {
	color:#06c
}
.intro_buttons .intro_button a:hover, 
.intro_buttons .intro_button a:focus {
    color: #06c;
}
.Header ul.dropdown-container li a,
.neutral .Header ul.dropdown-container li a {
    color: #06c;
}
.Header ul.dropdown-container li ul.dropdown-list li a,
.neutral .Header ul.dropdown-container li ul.dropdown-list li a,
.Header ul.dropdown-container li ul.dropdown-list li form,
.neutral .Header ul.dropdown-container li ul.dropdown-list li form {
	color:#30373d; 
	background:white;
}
.Header ul.dropdown-container li  ul.dropdown-list li form input.btnLink,
.neutral .Header ul.dropdown-container li  ul.dropdown-list li form input.btnLink {
	color:#30373d;
}
/*2016_21298 */
body {
/*	background: #464646;*/
}
.neutral .Header {
	background: #464646;
	color:white;
}
.Header .leftDiv {
    background: none;
}
.neutral .Header .rightDiv {
    background: none;
}
.Header ul.dropdown-container li a, 
.neutral .Header ul.dropdown-container li a {
    color:white;
}
.neutral .Header ul.dropdown-container li a.name {
    color: white; 
}
.neutral .Header ul.dropdown-container li a:hover, 
.neutral .Header ul.dropdown-container li:hover a {
    background: none;
}
.Header ul.dropdown-container li ul.dropdown-list li a,
.neutral .Header ul.dropdown-container li ul.dropdown-list li a,
.Header ul.dropdown-container li ul.dropdown-list li form,
.neutral .Header ul.dropdown-container li ul.dropdown-list li form {
	color:#30373d;
	background:white;
}
.Header ul.dropdown-container li  ul.dropdown-list li form input.btnLink,
.neutral .Header ul.dropdown-container li  ul.dropdown-list li form input.btnLink {
	color:#30373d;   
}
.faq-list .panel-heading a.title:after {
	background: #464646;
}

/*DECOMMENT WHEN WE INSERT NEW STEPS BG IN RELEASE */
/*
.workflowSteps input.current {
	background: url("/rwe2/images/wf_bar_active__blue.png") right no-repeat;
}
.workflowSteps input.current:hover {
	background-image: url("/rwe2/images/wf_bar_active_hover__blue.png");
}
.workflowSteps input.confirmed:hover {
	background-image: url("/rwe2/images/wf_bar_active_hover__blue.png");
}
.workflowSteps input.notConfirmed:hover {
	background-image: url("/rwe2/images/wf_bar_active_hover__blue.png");
}
*/
/* we're done here
*********************************************************/


/* The following styles are needed in order to override 
the login styles in /rwe2/css/style.css 
********************************************************
-------------------------------------------------------*/
#login  {
	background-image:none;
}
#login .login-content {
	width:100%;
	color:#ededed;
	background: #3574b1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMzU3NGIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiOTdlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #3574b1 1%, #4b97e0 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#3574b1), color-stop(100%,#4b97e0));
	background: -webkit-linear-gradient(-45deg,  #3574b1 1%,#4b97e0 100%);
	background: -o-linear-gradient(-45deg,  #3574b1 1%,#4b97e0 100%);
	background: -ms-linear-gradient(-45deg,  #3574b1 1%,#4b97e0 100%);
	background: linear-gradient(135deg,  #3574b1 1%,#4b97e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3574b1', endColorstr='#4b97e0',GradientType=1 );
}
#login .login-content .title {
	color:#ededed;
	border-color:#ededed;
}
#login .login-content fieldset.info {
    border-color:#ededed;
}
#login .description {
	background-color: #afcfee;
	border-color:#003d78;
}
#login input.button,
#login .login-content fieldset.info input.button {
	background-color: #0656a4;
}

#login input.button:hover,
#login .login-content fieldset.info input.button:hover,
#login input.button:focus,
#login .login-content fieldset.info input.button:focus { 
	background-color: #7daddb; 
	text-shadow: none;
}
/* we're done here
*********************************************************/

/* custom 
********************************************************
-------------------------------------------------------*/
.form-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
}
.form-container * {
	box-sizing: border-box;
}
.form-container .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-container label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
	margin-right:5px;
	font-size:14px;
}
.form-container input {
	margin: 0;
	font: inherit;
	font-family: inherit;
}
.form-container .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    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;
	margin-right:5px;
}
.form-container .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.custom-page .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    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;
}
.custom-page .btn-default {
    color: #333;
	background-color: #fff;
    border-color: #ccc
}
.custom-page .btn.focus, .custom-page .btn:focus, .custom-page .btn:hover {
    color: #333;
	text-decoration: none;
}
.custom-page .btn-default:hover {
    color: #333;
	background-color: #e6e6e6;
    border-color: #adadad; 
}
.custom-page .btn-custom {
	color:white;
	background-color: #06c;
    border-color: #285e8e;
}
.custom-page .btn-custom:hover {
	color:white;
	background-color: #3276b1;
    border-color: #285e8e;  
}

.custom-page .operationsContainer {
	text-align:left;
}
.custom-page .operationsContainer .custom-buttonBlock {
/*	box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
    color: #333;
	background: #d9edff url("/elixFormsCustom/images/icon_arrow_next.png") right no-repeat;
    cursor: pointer;
    width: 430px;
    padding: 1em;
    margin: 0 2em 1em 0;
    font-size: 120%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #a3d2fa;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    filter: none;
	text-align:left; 
}
.custom-page .operationsContainer .custom-buttonBlock:hover {
	background-color: white;
    border: 1px solid #3276b1;
    text-decoration: none;
}
.custom-page .list-group {
    padding-left: 0;
    margin-bottom: 20px;
	max-width: 400px;
}
.custom-page button {
    overflow: visible;
}
.custom-page button, 
.custom-page select {
    text-transform: none;
}
.custom-page button, 
.custom-page html input[type="button"], 
.custom-page input[type="reset"], 
.custom-page input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.custom-page button, 
.custom-page input, 
.custom-page select, 
.custom-page textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.custom-page .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.custom-page a.list-group-item, 
.custom-page button.list-group-item {
    color: #555;
}
.custom-page button.list-group-item {
    width: 100%;
    text-align: left;
}
.custom-page .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.custom-page .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.custom-footer {
	background: #464646;
	padding:15px;
	text-align:center;
	font-size:12px;
	color:white;
}
.custom-footer a {
	font-weight:normal;
	color:#66d9ef;
}
/* we're done here
*********************************************************/

/* everything else 
********************************************************
-------------------------------------------------------*/
.console_main {
	padding-top:1em;
}
#footer {
	text-align: left;
	margin:0;
	padding:0;
}
#footer li {
	margin-left:0;
}
.fixedFooter {
	clear:both;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
/*    background-color: #00264d;
	padding:1rem;
	border-top:1px solid #5a6772;
    color: white;*/
}


/* IUAUTH footer overrides
********************************************************
-------------------------------------------------------*/
.it-footer-main .footer-content {
    text-align: left;
    padding:0;
}
.it-footer-main .container {
    max-width:100%;
}
/*.it-footer-main .footer-content .footer {
    padding: 15px 10px 15px 30px;
}
.it-footer-main .footer-content .subfooter-top {
    display:inline-block;
}
.it-footer-main .footer-content .subfooter-bottom {
    display:inline-block;
    font-size: 14px;
}*/
.it-footer-main .footer-content .subfooter-bottom {
    padding:20px;
    text-align: center;
}