/* COLOR PALETTE
********************************************************
-------------------------------------------------------
buttons #da1e25
buttons border #cd2116 
buttons hover #c82116
-------------------------------------------------------*/

/*Custom module preview SPORTELLO
********************************************************
-------------------------------------------------------*/
@import url("/elixFormsCustom/css/elixForms_desk.css");

/* Webkit MI: header and footer
********************************************************
-------------------------------------------------------*/
@import url("/elixFormsCustom/webkit/css/generic.css");
@import url("/elixFormsCustom/webkit/css/testata.css");
@import url("/elixFormsCustom/webkit/css/footer.css");
.wk-snippet-container {
	font-family: 'titillium', Helvetica, Arial, sans-serif;
	min-width: 320px;
}
.wk-snippet-container header .social li.contatti a{
	font-size: 1.14em;
}
.wk-snippet-container header a {
	font-weight:normal;
}
.wk-snippet-container header .social li.text a {
    background-color: transparent;
    margin: 0 0 0 10px;
}
.wk-snippet-container #footer {
    font-size: 16px;
    margin-top: 0;
    text-align: left;
}
.wk-snippet-container #footer a.highlight {
    background-color: inherit;
    color: #fff;
    font-weight:normal;
}
.wk-snippet-container #footer .highlight {
    color:white;
}
.intro_buttons {
    padding-top:5em;
}
/* we're done here
*********************************************************/


/* Design Italia overrides
********************************************************
-------------------------------------------------------*/
/* Login logo user icon
-------------------------------------------------*/  
.login-logo {
	color:#555;
}


/* 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:white;
	border-bottom:10px solid #d6012e;
	/* 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;
}
.console_header .name {
	background: white
}
.neutral .console_header a,
.neutral .console_header a:hover {
	color:#da1e25;
}
.neutral .console_header .info a.logout {
	background-image:none;
}
.neutral .console_header {
    height: auto;
}
.neutral .console_header .logo img {
    position: relative;
    padding-bottom:10px;
}
.private_console_header ul.dropdown-container li ul.dropdown-list, 
.console_header ul.dropdown-container li ul.dropdown-list {
	display: none;
}
/* we're done here
*********************************************************/

/* The following styles are needed in order to override 
operation button styles in /rwe2/css/iulib.css 
********************************************************
-------------------------------------------------------*/
.operationsContainer input.buttonForward:not(.btn-danger),
.operationsContainer input.buttonForward,
.operationsContainer input.buttonBackward,
.iuSearchRow_operationsContainer input:not(.btnLink),
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew,
.form-container .operationsContainer .btnSend,
.contactform-container .operationsContainer .btnSend,
.customersatisfaction-container .operationsContainer .btnSend,
.bs-operationsContainer .btnForward,
.bs-operationsContainer .btnBackward,
.btn-elix,
#login input.multiAuthBtn,
.btn-primary,
.requests-massupdate-container .operationsContainer .btnSend {
    background-color: #da1e25 !important;
    border-color: #da1e25 !important;
}
.operationsContainer input.buttonForward:not(.btn-danger):hover,
.operationsContainer input.buttonForward:not(.btn-danger):active,
.operationsContainer input.buttonForward:hover,
.operationsContainer input.buttonForward:active,
.operationsContainer input.buttonBackward:hover,
.operationsContainer input.buttonBackward:active,
.iuSearchRow_operationsContainer input:not(.btnLink):hover,
.iuSearchRow_operationsContainer input:not(.btnLink):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:focus,
#login input.multiAuthBtn:hover,
#login input.multiAuthBtn:active,
#login input.multiAuthBtn:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.requests-massupdate-container .operationsContainer .btnSend:hover,
.requests-massupdate-container .operationsContainer .btnSend:active{
    background-color: #c82116 !important;
    border-color: #cd2116 !important; 
}
.operationsContainer input.buttonForward:not(.btn-danger):focus,
.btn-default.btn-elix-hover:hover,
.btn-default.btn-elix-hover:active,
.btn-default.btn-elix-hover:focus,
.btn-default.btn-elix-hover:active:focus,
.requests-massupdate-container .operationsContainer .btnSend:focus{
    background-color: #c82116 !important;
    border-color: #cd2116 !important; 
	color:white !important;
}
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn {
	color:white;
	background-color: #da1e25;
    border-color: #cd2116;
}
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:hover {
	background-color: #c82116;
    border-color: #cd2116;
}
/* 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,
.btn-link,
.btn-link:hover {
	color:#da1e25;
}
.intro_buttons .intro_button a:hover, 
.intro_buttons .intro_button a:focus{
    color: #da1e25;
}
.console_header ul.dropdown-container li a, 
.neutral .console_header ul.dropdown-container li a {
    color:#da1e25;
}

.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:#da1e25;
}
.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:#da1e25;
}
.standalone .panel .panel-value a, 
.standalone .panel .panel-value a:hover, 
.standalone .panel .panel-value span.fa {
    color: #da1e25;
}

.faq-list .panel-heading a.title:after {
	background: #da1e25;
}

.console_header .leftDiv {
    background: none;
}
.neutral .console_header .rightDiv {
    background: none;
}
.cards-intro .card a.btn-link,
.cards-intro .card a.btn-link:hover {
	color:#555;
}

/* 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:390px;
	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 );
}
@media screen and (max-width: 768px) {
	#login .login-content {
		width:100%;
	}
	#login .login-content form,
	#login .login-content .form {
		padding:15px;
	}
}
@media(min-width:769px){
	#login .login-content form,
	#login .login-content .form {
		padding:0px;
	}
}

#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 .login-content fieldset input:not([type='submit']):focus { 
    border-color: #e6758d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(230, 117, 141, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(230, 117, 141, 0.6);
}
#login input.button,
#login .login-content fieldset.info input.button {
	background-color: #da1e25;
	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: #c82116;
	color: #fff;
	font-weight:normal;
	text-shadow:none;
}

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


/* Cards
-------------------------------------------------*/  
.card:hover .card-header, 
.card.hover .card-header {
    color:#555;
}
.card:hover .card-body, 
.card.hover .card-body {
	box-shadow: inset 0  -4px 0 0 #555;
} 


/* +++++++++++++++++ CUSTOM ++++++++++++++++++++++++
-------------------------------------------------------*/

/* The following styles are needed in order to override 
operation button styles in /rwe2/css/console_user.css 
********************************************************
-------------------------------------------------------*/
.custom-default a,
.custom-default a:hover,
.custom-default h2 {
	color:#B70407
}
.custom-default .neutral .console_header ul.dropdown-container li ul.dropdown-list li a {
    color: #B70407;
}

/* default page custom
********************************************************
-------------------------------------------------------*/
.error-page {
	margin-top:20px;
}
.category-tags .category-tag {
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom:1px solid #cecece;
	margin-top:20px;
	margin-bottom:10px;
}
.category-tags .category-tag:first-child {
	margin-top:0;
}
.category-tags .item {
	padding:0 0 20px 0;
}
.category-tags .item .iuSearch_operationContainer {
	color: #333;
}
.category-tags .item .iuSearch_operationContainer input[type="submit"] {
    cursor: pointer;
    background: none;
    color: #333;
    padding: 0;
    margin: 0;
    text-transform: none;
    text-decoration: underline;
    font-weight: normal;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    text-align: left;
    box-shadow: none;
	font-size:14px;
}
.category-tags .item .iuSearch_operationContainer input[type="submit"]:hover {
    text-decoration: none;
}
.category-tags .item .iuSearch_operationContainer .btn-link {
	color: #333;
    padding: 0;
    margin: 0;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    text-align: left;
    box-shadow: none;
	font-size:14px;
}
.category-tags .item .iuSearch_operationContainer .btn-link:hover {
	text-decoration: underline;
}

@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%)
	}
	50% {
		opacity: 0;
		transform: translate(100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%)
	}
	50% {
		opacity: 0;
		transform: translate(-100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%)
	}
	50% {
		opacity: 0;
		transform: translateY(100%)
	}
	51% {
		opacity: 1
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%)
	}
	50% {
		opacity: 0;
		transform: translateY(-100%)
	}
	51% {
		opacity: 1
	}
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper .fa {
	padding-right:0;
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper .status {
    display: block;
    float: left;
    line-height: 24px;
    width: 24px;
    height: 24px;
    font-size: 11px;
    margin-right: 11px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.1s linear 0s, background-color 0.1s linear 0s;
    border: 1px solid #EAE9E9;
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper .status a {
    color: white;
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper a:hover span {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper .status.online {
    background-color: #BC000C;
    color: white;
    border-color: #BC000C;
}
.category-tags .item .item_right {
    overflow: hidden;
}

.custom-footer {
	background: #cc2116;
	padding:15px;
	text-align:center;
	font-size:12px;
	color:white;
	border-top: 3px solid #eb4e43;
}
.custom-footer a {
	font-weight:normal;
	color:white;
}
/*login*/
.neutral .console_header {
    height: auto;
}
#footer {
	margin-top:0;
	font-family: 'titillium', Helvetica, Arial, sans-serif;
	font-size: 1.3em;
    text-align: left;
}
#footer .highlight a {
    font-weight: normal;
}

.bs-operationsContainer .form-backward {
	display:inline-block;
	float:left;
	width:auto;
}
.bs-operationsContainer .form-forward {
	display:inline-block;
	float:right;
	width:auto;
}

form.custom-form-inline {
	display:inline-block; 
}

.table > thead > tr > th.verticalalign_t {
	vertical-align:top;
}

/*********************
 CUSTOM EMAILS QUEUE PAGE
*********************/
.customemails-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
}
.customemails-container fieldset div.iuFieldContainer {
    border-bottom:0;
}
.customemails-container fieldset div.iuFieldContainer label {
    font-size:14px;
    width:22%;
}
.customemails-container fieldset .fileFieldContainer input,
.customemails-container fieldset .isiportalPartialAdminFormFieldSingleLineText,
.customemails-container fieldset .isiportalPartialAdminFormFieldMultiLineText,
.customemails-container fieldset .fileFieldContainer input[type="file"] {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #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;
}
.customemails-container fieldset .fileFieldContainer input:focus,
.customemails-container fieldset .isiportalPartialAdminFormFieldSingleLineText:focus,
.customemails-container fieldset .isiportalPartialAdminFormFieldMultiLineText:focus,
.customemails-container fieldset .fileFieldContainer input[type="file"]:focus {
    background:white;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.customemails-container fieldset .fileFieldContainer input,
.customemails-container fieldset .isiportalPartialAdminFormFieldSingleLineText,
.customemails-container fieldset .isiportalPartialAdminFormFieldMultiLineText,
.customemails-container fieldset div.iuFieldContainer .iuReadOnlyFieldValue,
.customemails-container fieldset .iuReadOnlyFieldValue,
.customemails-container .iuCKEditorContainer {
    width:70%;
}
.customemails-container fieldset div.iuFieldContainer textarea {
    height:120px;
}
.customemails-container .isiportalPartialAdminFormBox fieldset .fileFieldContainer {
    width:80%;
    padding: 0;
}
.customemails-container fieldset .fileFieldContainer input[type="file"] {
    width: 100%;
}
.customemails-container fieldset div.iuFieldContainer .iuReadOnlyFieldValue,
.customemails-container fieldset .iuReadOnlyFieldValue {
    line-height:1.5;
}
.customemails-container .operationsContainer .btnFa,
.customemails-bottom-container .operationsContainer .btnFa {
    font-family: Arial, Verdana, sans-serif;
    width:auto;
    cursor:pointer;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-left:1em;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -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;
    white-space: nowrap;
    color:#666666;
    background: #f8f8f8;
    border: 1px solid #a4a4a4; 
}
.customemails-container .operationsContainer .btnFa:hover,
.customemails-bottom-container .operationsContainer .btnFa:hover {
    text-decoration: none;
    background: #e2e2e2;
    border:1px solid #bbb;
}
.customemails-container .operationsContainer .btnFa:active,
.customemails-bottom-container .operationsContainer .btnFa:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background-color: #cecece;
    border: 1px solid #bbb;
}
.customemails-container .operationsContainer .btnSend{
    text-decoration: none;
    color:white;
    background-color: #da1e25;
    border-color: #cd2116;
    
}
.customemails-container .operationsContainer .btnSend:hover {
    text-decoration: none;
    background-color: #c82116;
    border-color: #cd2116; 
}
.customemails-container .operationsContainer .btnSend:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background-color: #c82116;
    border-color: #cd2116; 
}

.customemails-container #admin_boxScheda {
    padding-top: 1em;
}
.customemails-container #admin_boxScheda table {
    font-size: 12px;
}
.customemails-container #admin_boxScheda table td.iuSearchRow_COL0004_195,
.customemails-container #admin_boxScheda table td.iuSearchRow_COL0004_224 {
    width:10px;
    max-height:10px;
    overflow: hidden;
    
}

/* Custom workflow
********************************************************
-------------------------------------------------------*/
.table-small-font {
    font-size: 13px;
}
.table-small-font .btn {
    font-size: 13px;
}
.table-responsive .width_20 {
    width:20%;
}