/*********** Template Designers.italia *********/
@import url("/rwe2/assets/design-italia/bootstrap-italia/css/bootstrap-italia.min.css");

/********************
overrides bootstrap-italia.min.css
********************/
@import url("/elixFormsCustom/css/elixForms_customer.css");      

/*********** OVERRIDE CSS RWE2 *********/
/*************** EF-3462 ***************
@import url("/elixFormsCustom/css/elixForms_PNRR_Comuni_rwe2.css");*/    


/* COLOR PALETTE RWE2 USER CONSOLE
********************************************************
-------------------------------------------------------
buttons #0066cc    
buttons border #0066cc 
buttons hover #0070e0
buttons hover border-color: #0070e0; 

-------------------------------------------------------*/

/* The following styles override the elix ones
********************************************************
-------------------------------------------------------*/
#menuAppl {display: none} /*we dont want the .rwe2Tabs to be displayed*/

/* we're done here
*********************************************************/
/* The following styles are needed for the standard header
********************************************************
-------------------------------------------------------*/
.console_header {
	background-image: none;
	background-color:#06c !important;
	border-bottom:10px solid #06c;
	/* the following is needed to override bootstrap border-box, because we don't want to include borders in header*/
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
        color: #fff !important;
        font-size: .889em;
        font-family: Titillium Web,Geneva,Tahoma,sans-serif;
}
.console_header_top {
    background: #0066cc;
    color:#fff;
    padding: 10px 0;
    align-items: center;
}
a.linkReg {
    color:#fff !important;
    text-decoration: none;
    font-size: .778em;
}
a.linkReg:hover {
    text-decoration: underline;
}

.neutral .console_header .leftDiv {
  width: 25%;
}
.neutral .console_header .rightDiv {
  width: 75%;
  background-color:#06c !important;
}

.neutral .console_header a,
.neutral .console_header a:hover {  
	color:#fff !important;
}
.console_header .logo {
    font-family: Titillium Web,Geneva,Tahoma,sans-serif;
    padding:0 !important;
    
}
.neutral .console_header .info a, .console_header_top .info .dropdown-container a {
    color:#fff !important;
    font-size: .889em;
}
.neutral .console_header .info a.logout {
	background-image:none;
}
.console_header_menu {
    background: #fadc4f;
}
.console_header_top .info .dropdown-container li {
    padding-right: 10px;
}
h2.text-header-title {
    color:#FFF !important;
    font-size: 2em;
    margin-bottom: 0;
    font-weight: 600;
    padding-left: 60px;
    padding-top:20px;
    font-family: inherit;
}
.text-right {
    text-align: right;
}




/* 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;
}
.bs-operationsContainer .btnForward {
    padding-right: 52px;
    background-position: right 16px center;
}
.bs-operationsContainer .btnBackward {
    padding-left: 52px;
    background-position-x: 16px;
}
.operationsContainer input.buttonForward,
.operationsContainer input.buttonBackward,
.iuSearchRow_operationsContainer input,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew,
.form-container .operationsContainer .btnSend,
.contactform-container .operationsContainer .btnSend,
.customersatisfaction-container .operationsContainer .btnSend,
.bs-operationsContainer .btnForward,
.bs-operationsContainer .btnBackward,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn,
.bs-operationsContainer .btnForward:not(.btn-danger),
.changepassword-container .operationsContainer .btnSubmit,
.btn-elix
{
    background-color: #0066cc;
    border-color: #0066cc;
    color:#fff !important;
}
.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,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:hover,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn:hover,
.btn-elix:hover,.btn-elix:active,.btn-elix:focus,
.bs-operationsContainer .btnForward:not(.btn-danger):hover, 
.changepassword-container .operationsContainer .btnSubmit:hover
{
    background-color: #0070e0 !important;
    border-color: #0070e0 !important;
    color:#fff !important;      
}

/* we're done here
*********************************************************/


/* The following styles are needed in order to override 
operation button styles in /rwe2/css/console_user.css 
********************************************************
-------------------------------------------------------*/

.iuSearchRow_operationsContainer.myrequests .btnFa {
    color:#0066cc !important;
}

.iuSearchRow_operationsContainer.myrequests .btnFa.btnLink:hover {
  background-color: transparent !important;
  color:#0a0a0a !important;
  text-decoration: underline;
}

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 {
	color:#0066cc;
}
.intro_buttons .intro_button a:hover {
    color: #0066cc;
}
.console_header ul.dropdown-container li a, 
.neutral .console_header ul.dropdown-container li a {
    color:#0066cc !important;
}

.console_header ul.dropdown-container li a.name, 
.neutral .console_header ul.dropdown-container li a.name {
    color:#FFF !important;
}
.console_header ul.dropdown-container li a.name:hover, 
.neutral .console_header ul.dropdown-container li a.name:hover {
    color:#FFF !important;
    background: #0066cc !important;
}

.console_header ul.dropdown-container li ul.dropdown-list li a,
.neutral .console_header ul.dropdown-container li ul.dropdown-list li a,
.console_header ul.dropdown-container li ul.dropdown-list li form,
.neutral .console_header ul.dropdown-container li ul.dropdown-list li form {
	color:#0066cc !important;
        background: #fff!important;
}
.console_header ul.dropdown-container li  ul.dropdown-list li form input.btnLink,
.neutral .console_header ul.dropdown-container li  ul.dropdown-list li form input.btnLink {
	color:#0066cc !important;
        background: #fff !important;
}

.console_header ul.dropdown-container li a, .neutral .console_header ul.dropdown-container li a {
	color:#FFF !important;
}
.console_header ul.dropdown-container li a:hover, .neutral .console_header ul.dropdown-container li a:hover {
	color:#FFF !important;
        background: #0066cc !important;
        text-decoration: underline;
}

.standalone .panel .panel-value a, 
.standalone .panel .panel-value a:hover, 
.standalone .panel .panel-value span.fa {
    color: #0066cc;
}

.faq-list .panel-heading a.title:after {
	background: #0066cc;
}
.list.userconsole-list {
    padding-top: 2em;
    font-size: 14px;
}



/* 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 {
	color:#333;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e2e2e2 99%);
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e2e2e2 99%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e2e2e2 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e2e2e2',GradientType=0 );
}
#login .login-content .title {
	color:#333;
	border-color:#333;
}
#login .login-content fieldset.info {
    border-color:#333;
	color:#333;
	padding-top:5px;
}
#login .description {
	color: #333;
	border-color: #f8f8f8;
    background-color: #f8f8f8;
	padding:10px;
}
#login input.button,
#login .login-content fieldset.info input.button {
	background-color: #0066cc;
	font-weight:normal;
	text-shadow:none;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing: initial;
}
#login input.button:hover,
#login .login-content fieldset.info input.button:hover {
	background-color: #0070e0;
	color: #fff;
	font-weight:normal;
	text-shadow:none;
}
.login-logo {
    display: none !important;
}
.login-content {
    margin-top:2em !important;
}
.ef-container.ef-container-signin:before {
  background:#FFF !important;
}
#login-form {
   box-shadow: none !important;
   padding:0 !important;
   color: #191919;
}

/* we're done here
*********************************************************/
/* The following styles are needed in order to override 
the login styles 
********************************************************
-------------------------------------------------------*/
#login {
	width: 450px;
	font-family: 'Titillium Web', sans-serif;
    line-height: 1.42857143;
    color: #333;
	font-size: 14px;
}
#login .login-content {
	margin: 30px 0;
}
#login .login-content fieldset {
/*	text-align: center;*/
}
#login .description {
    background: white;
}
#login input.button {
	float:none;
	display:block;
	margin:0 auto;
	text-transform: uppercase;
	font-weight:normal;
	padding-right: 2.1em !important;
	padding-left: 0.5em !important;
    /*background-image: url(/elixFormsCustom/images/icon_fa_arrow_circle_right.png);*/
    background-position: right center;
    background-repeat: no-repeat;
}
.login-content .btn-outline-secondary {
    border:0px !important;
    color: #0066cc !important;
    background: #fff !important;
    box-shadow: none !important;
}
.login-content .btn-outline-secondary span {
    color: #0066cc !important;
    font-size: inherit !important;
}
.cfLink {
    padding-top: 7.5px;
    
}

/* we're done here
*********************************************************/     

/*
*********************************************************/
/* /rwe2/assets/design-italia/css/ef-common.css
********************************************************
-------------------------------------------------------*/
.cards-intro .card:hover .card-body, 
.cards-intro .card.hover .card-body {
	box-shadow: inset 0  -4px 0 0 #06c;
}
/*
*********************************************************/
/* /rwe2/assets/design-italia/css/ef-colors.css
********************************************************
-------------------------------------------------------*/
.cards-intro .card:hover .card-header, .cards-intro .card.hover .card-header {
  color: #06c;
}


/*************
override module preview/ console_main  con codice test
***************/
.preview .custom-alert .form-group label,
.preview .custom-alert .form-group label.active, 
.console_main .custom-alert .form-group label,
.console_main .custom-alert .form-group label.active  {
    transform:none !important;
    position:relative !important;
    padding: 0;
    font-size: 18px !important;
    color: #1a1a1a !important;
}
.preview .custom-alert .form-group .form-control, 
.console_main .custom-alert .form-group .form-control  {
    font-size: 18px !important;
    border: 1px solid #979899;
    border-radius: 4px;
}




input::placeholder{
    font-weight: 100;
}

.form-group .form-control  {
    border: 1px solid #979899;
    border-radius: 4px;
    width: 100%;
}

.preview .custom-alert .simple_form .btn, .console_main .custom-alert .simple_form .btn {
    background: #313131 !important;  
    color:#FFF !important;
    border:0;
    font-size: 18px;
    vertical-align: bottom;
    box-shadow: none !important;
} 

.starrating-container {
    border:0;
    box-shadow: none;
    padding:0;
}
.customersatisfaction-container fieldset legend,
.contactform-container fieldset legend
{ visibility: hidden; }