/* COLOR PALETTE
********************************************************
-------------------------------------------------------
buttons #d3135a 
buttons border #d3135a  
buttons hover #8c9819


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

/* The following styles override the elix ones
********************************************************
-------------------------------------------------------*/

body {
    background-color: #FFF;
    font-size: 110%;
    line-height: 1.428571429;
    color:#454544;
}
#menuAppl {display: none} /*we dont want the .rwe2Tabs to be displayed*/

.textBefore {
    font-size: 18px;
}

.console_header a, .console_header a { text-decoration: none !important; }
.console_header a:hover, .console_header a:hover { text-decoration: underline !important; }

.operationsContainer input.buttonForward:not(.btn-danger),
.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:not(.btn-danger),
.bs-operationsContainer .btnBackward,
.btn-elix,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
#login input.multiAuthBtn,
.changepassword-container .operationsContainer .btnSubmit,
.btn-elix.disabled,
.btn-elix[disabled],
fieldset[disabled] .btn-elix,
.btn-elix.disabled:hover,
.btn-elix[disabled]:hover,
fieldset[disabled] .btn-elix:hover,
.btn-elix.disabled:active:hover,
.btn-elix.disabled:focus,
.btn-elix[disabled]:focus,
fieldset[disabled] .btn-elix:focus,
.btn-elix.disabled.focus,
.btn-elix[disabled].focus,
fieldset[disabled] .btn-elix.focus, .btn-elix:visited,
#login a.button {
    color:  #fff !important;
    background-color: #d3135a !important;
    border-color: #d3135a;
}
.operationsContainer input.buttonForward:not(.btn-danger):hover,
.operationsContainer input.buttonForward:not(.btn-danger):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:not(.btn-danger):hover,
.bs-operationsContainer .btnForward:not(.btn-danger):active,
.bs-operationsContainer .btnBackward:hover,
.bs-operationsContainer .btnBackward:active,
.btn-elix:hover,
.btn-elix:active,
.btn-elix:active:hover, 
.btn-elix.active:hover, 
.open > .dropdown-toggle.btn-elix.focus,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:hover,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:active,
#login input.multiAuthBtn:hover,
#login input.multiAuthBtn:active,
.changepassword-container .operationsContainer .btnSubmit:hover,
.changepassword-container .operationsContainer .btnSubmit:active,
#login a.button:hover,
#login a.button:active{
    color: #d3135a !important;
    background-color: #FFF !important;
    border-color: #d3135a !important;
    background-image: url("/elixFormsCustom/images/icon_fa_arrow_circle_right_pink.png");
    
}
.iuSearchRow_operationsContainer.myrequests .btnFa.btnLink {
    background-color: transparent !important;
    color: #d3135a !important;
}

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

/* The following styles are needed for the standard header
********************************************************
-------------------------------------------------------*/

.console_header, .neutral .console_header  {
    background: #002466;
    /* 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;
    font-size: 18px;color:#fff;
    font-family: inherit;
    box-shadow: none;
    padding:20px 0 ;
}

.neutral .console_header .logo {
font-family: "Roobert",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px;
letter-spacing: .2px;
color: #fff;
line-height: initial;
}
.municipality_descr {
    margin-left:180px;
    display:block;
    padding-top:20px;
}

.console_header .name, .console_header {
	background: white
}
/*.neutral .console_header a {
    color: black !important;
    background-color: #d3135a;
    border-color: #d3135a;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    border-radius: 4px;
}
.neutral .console_header a:hover, .neutral .console_header a:focus, .neutral .console_header a:active {
    background-color: #8c9819 !important;
    border-color: #707914 !important;
    text-decoration: none !important;
}*/
.neutral .console_header a {
    
}
.neutral .console_header a:hover, .neutral .console_header a:focus, .neutral .console_header a:active {
    
}
.neutral .console_header .info a.logout {
	background-image:none;
}
.neutral .console_header ul.dropdown-container a {
    text-align: left;
    color:#fff;
}

.neutral .console_header .info {
    font-size:12px;
}

/* 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,
.customersatisfaction-container .operationsContainer .btnSend,
.bs-operationsContainer .btnForward,
.bs-operationsContainer .btnBackward,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn,
#login input.multiAuthBtn {
	background-color: #d3135a;
    border-color: #d3135a;
    color: #d3135a;
}
.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,
#login input.multiAuthBtn:hover,
#login input.multiAuthBtn:active{
    background-color: #fff;
    border-color: #d3135a; 
    color:##d3135a;
}

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


/* The following styles are needed in order to override 
operation button styles in /rwe2/css/console_user.css 
********************************************************
-------------------------------------------------------*/
h2 {
    font-size: 38px;
    color:#454544;
}

a,
a:hover,
.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,
.radioResetContainer .radioResetBtn,
.booleanResetContainer .booleanResetBtn,
.faq-list ul.attachments,
.recap .panel .panel-value a, 
.recap .panel .panel-value a:hover, 
.recap .panel .panel-value span.fa {
    
    color:#d3135a;
}
/*a:hover,
.workflowSteps input.notConfirmed[type="submit"][disabled]:hover,
.contactForm .module .list .item a:hover,
.contactForm #admin_boxScheda a:hover,
.standalone .panel .panel-value a:hover, 
.radioResetContainer .radioResetBtn:hover,
.booleanResetContainer .booleanResetBtn:hover,
.faq-list ul.attachments:hover,
.recap .panel .panel-value a:hover {
    color: #ce301e;
    background: transparent !important;
}*/
.cards-intro .card a {
    color: #454544;
}
.intro_buttons .intro_button a:hover {
    color: #454544;
}
.console_header ul.dropdown-container {margin-top:1em;}

.console_header ul.dropdown-container li a, 
.neutral .console_header ul.dropdown-container li a {
    color:#fff;
}
.console_header ul.dropdown-container li ul.dropdown-list {
    background:#002466;
    border:1px solid #002466;
}
.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:#fff;
    padding: 12px 20px;
}
.console_header ul.dropdown-container li a:hover, 
.console_header ul.dropdown-container li:hover a, 
.console_header ul.dropdown-container li a:hover, 
.console_header ul.dropdown-container li:hover a,
.console_header ul.dropdown-container li ul.dropdown-list li a:hover ,
.neutral .console_header ul.dropdown-container li ul.dropdown-list li a:hover ,
.console_header ul.dropdown-container li ul.dropdown-list li:hover  form,
.neutral .console_header ul.dropdown-container li ul.dropdown-list li:hover  form{
    color: #fff;
    background: transparent !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:#fff;
}


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

/*.neutral .console_header {
	background: white;
	color:#d3135a;
	
}*/
.neutral .console_header .leftDiv { 
    background: none;
    width:25%;
    float:left;
}
.neutral .console_header .dotcom-header__links {
    background: none;
    width:45%;
    text-align:center;
    float:left;
    
    height: 90px !important;
    padding: 23px 0;
}
.neutral .console_header .rightDiv {
    float:left;
    background: none;
    width:30%;
}

.dotcom-header__links ul {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.dotcom-header__links.dotcom-header__links-custom li {
    letter-spacing: .6px;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    isplay: inline;
    font-family: "RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.33333;
    text-transform: uppercase;
    color: #fff;
}
.dotcom-header__links.dotcom-header__links-custom li a {
    color: #fff;
    padding: 7px 15px;
    border-radius: 20px;
}
.dotcom-header__links.dotcom-header__links-custom li a:hover {
    color: #fff;
    text-decoration:underline;
}

.neutral .console_header ul.dropdown-container li a.name {
    color: #FFF; 
}

/*.console_header ul.dropdown-container li a, 
.neutral .console_header ul.dropdown-container li a {
    color:#d3135a;
}

.neutral .console_header ul.dropdown-container li a:hover, 
.neutral .console_header ul.dropdown-container li:hover a {
    background: #707070;
}*/
/* 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: #d3135a;
        color:#fff;
	font-weight:normal;
	text-shadow:none;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing: initial;
}
#login input.button:hover, #login input.button:focus,
#login .login-content fieldset.info input.button:hover,
#login .login-content fieldset.info input.button:focus{
	background-color: #fff;
	color: #d3135a;
	font-weight:normal;
	text-shadow:none;
}
/* 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(/rwe2/images/icon_fa_arrow_circle_right.png);
    background-position: right center;
    background-repeat: no-repeat;
}
/* we're done here
*********************************************************/





/* +++++++++++++++++ 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:24px;
	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: #1c2024;
    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:18px;
}
.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: #d3135a;
    color: white;
    border-color: #d3135a;
}
.category-tags .item .iuSearch_operationContainer .icon_wrapper .status.online:hover {
    background-color: #fff;
    border-color: #d3135a;
}
.category-tags .item .item_right {
    overflow: hidden;
}
.infoElix {
    text-align: right;
    line-height: 16px;
}

.prefooter {
    background: #fff !important;
}
.prefooter a {
    color: #fff;
    background-color: #727474;
    border-color: #656767;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    border-radius: 4px;
}
.prefooter a:focus {
    color: #fff;
    background-color: #595a5a;
    border-color: #262727;
}
.prefooter a:hover {
    color: #fff;
    background-color: #595a5a;
    border-color: #474848;
}
.prefooter a:active {
    color: #fff;
    background-color: #595a5a;
    background-image: none;
    border-color: #474848;
}

.it-footer-main {
    background-color: #0e141a !important;
    border-top: 2px solid #0e141a !important;
    color: #fff !important;
}
.btn-primary {
 color:#fff !important;
 background-color:#d3135a !important;
 border-color:#d3135a !important;
}
.btn-primary:hover {
 color:#d3135a !important;
 background-color:#fff !important;
 border-color:#d3135a !important;
 border:1px solid #d3135a !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
 color:#d3135a !important;
 background-color:#fff !important;
 border-color:#d3135a !important;
}

.btn-link {
 font-weight:400;
 color:#d3135a !important;
 text-decoration:none;
}
.btn-link:hover {
 color:#d3135a !important;
 text-decoration:underline !important;
}

@media screen and (max-width: 768px) {
    .rating-list a {
        font-size:12px;
    }
}

.standalone .panel,
.recap .panel{
    font-size: 100%;
}
.standalone .panel .row.attachments .attachment,
.recap .panel .row.attachments .attachment{
    line-height: 28px;
}
@media screen and (max-width: 768px) {
    .standalone .panel .row,
    .recap .panel .row{
        margin-bottom: 15px;
    }
}


/* CSS CUSTOM DA SITO CLIENTE*/

footer {
    display:block;
    background: #0e141a;
    color: #fff;
    display: inline-block;
    padding: 0 30px 16px;
    width: 100%;
}
footer-container {
    background: #0e141a;
    color: #fff;
    padding: 0 30px 40px;
    width: 100%;
}
.text--footer-link{font-family:"Roobert",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-style:normal;font-size:18px;letter-spacing:0;line-height:1.33333;color:#002466}
.footer-contact{text-align:center;background:#002466;color:#fff;padding:70px 0}
.footer-contact__title{font-family:"RoobertLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-style:normal;font-size:30px;letter-spacing:-0.6px;line-height:1.16667;color:white;margin-bottom:20px}

.footer-social {min-width: 310px;}
.footer-social li {display:inline-block;margin-right:10px !importan;}

@media screen and (min-width:768px){.footer-contact__title{font-size:50px;letter-spacing:-1px;line-height:1.1}
}
.footer-contact__description{margin-bottom:30px}
.footer-contact__ctas{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.footer-contact__ctas .btn-cta{margin-bottom:10px}
.footer-contact__ctas .link{font-family:"RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;font-size:12px;letter-spacing:.6px;line-height:1.33333;text-transform:uppercase;padding:17px 40px 17px}
.footer-contact__ctas .link:hover{text-decoration:underline}
@media screen and (min-width:1024px){.footer-contact{padding:120px 0}
}
@media screen and (max-width:767px){.footer-container{padding-left:15px;padding-right:15px}
}
@media screen and (min-width:1024px){.footer-container{padding:10px 30px 40px}
}
.footer__localisation{background:#000;width:100%}
@media screen and (min-width:1024px){.footer__localisation{display:none}
}
.footer__localisation button{font-family:"Roobert",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:12px;letter-spacing:0;line-height:1.66667;color:#0e141a;font-size:10px;letter-spacing:0;line-height:1;color:#fff;text-transform:uppercase;width:100%;padding:10px 15px}
@media screen and (min-width:768px){.footer__localisation button{font-size:15px;letter-spacing:0;line-height:1.66667}
}
.footer__localisation button .flex-wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.footer__localisation button .flex-wrap:after{display:block;font-family:'icomoon';content:"\e905";font-style:normal;font-weight:normal}
.footer__localisation button .flex-wrap:after{display:inline-block}
@media screen and (min-width:768px){.footer__localisation button{font-size:10px;letter-spacing:0;line-height:1;padding:10px 25px}
}
@media screen and (min-width:1024px){.footer__localisation button{padding:10px 30px}
}
.footer__localisation button span{font-size:10px;letter-spacing:0;line-height:1;color:#999;margin:10px 1em 10px 0}
.footer__localisation button strong{font-size:10px;letter-spacing:0;line-height:1;color:#fff;margin:10px 1em 10px 0}
.footer__localisation button strong+strong{border-left:1px solid #fff;padding-left:1em}
.footer-content{max-width:1080px;margin:auto}
.footer-section{-webkit-flex:1 100% auto;-ms-flex:1 100% auto;flex:1 100% auto;padding:40px 0;position:relative}
.footer-section:before{content:'';display:block;position:absolute;background:#666;height:1px;top:0;width:100%}
.footer-section:first-child:before{display:none}
.footer-section p{font-family:"Roobert",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;letter-spacing:0;line-height:1.33333;margin:0}
.footer-social ul{margin-top:18px}
.footer-social li{display:inline-block;margin-right:10px}
.footer-social li:last-child{margin-right:0}
.footer-social a{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:2px solid #eff2f7;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;transition:all 100ms linear}
.footer-social a:before{color:#eff2f7;font-size:15px;transition:all 100ms linear}
.footer-social a:hover{background:#eff2f7;text-decoration:none}
.footer-social a:hover:before{color:#0e141a}
.footer-social span{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.footer-legal li:before,.footer-legal-links li:first-child:after{content:'';display:block;position:absolute;height:14px;top:3px;width:1px}
.footer-legal{-webkit-order:2;-ms-flex-order:2;order:2;overflow:hidden}
@media screen and (max-width:767px){.footer-legal{padding-bottom:10px}
}
.footer-legal li{font-size:13px;letter-spacing:0;line-height:1.53846;display:inline-block;float:left;position:relative}
.footer-legal li:before{right:0}
.footer-legal li:last-child{padding-right:0}
.footer-legal li:last-child:before{display:none}
.footer-copyright li{margin:0 10px 13px 0;padding-right:10px}
.footer-copyright li:before{background:#313131}
.footer-legal-links li{padding-right:13px;padding-left:13px}
.footer-legal-links li:before{background:#666}
.footer-legal-links a{color:#eff2f7}
.footer-legal-links a:hover{text-decoration:underline;color:#fff}
@media screen and (min-width:768px){.footer-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:40px 0 24px}
.footer-section{padding:0}
.footer-legal{-webkit-order:0;-ms-flex-order:0;order:0}
.footer-social{-webkit-order:1;-ms-flex-order:1;order:1}
.footer-social p{font-size:16px;letter-spacing:0;line-height:1.25;margin:0}
.footer-section:before{display:none}
.footer-section .text--footer-link:hover{text-decoration:underline}
.footer-legal li{font-size:14px;letter-spacing:0;line-height:1.42857}
.footer-legal li:before{top:2px}
.footer-legal li:first-child:after{top:2px}
.footer-copyright li:before{background:#313131}
.footer-legal-links{margin-left:-10px}
.infoElix {display: block !important;}
.footer-legal-links li{padding-right:10px;padding-left:10px}
.footer-legal-links li:before{background:#444}
.footer-legal-links li:first-child{padding-left:10px}
.footer-legal-links li:first-child:after{background:#313131;left:0}
}
@media screen and (min-width:1024px){.footer-content{max-width:1080px;margin:auto;padding:20px 0 0;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}
.footer-content::after{clear:both;content:"";display:table}
.footer-copyright,.footer-legal-links{display:inline-block;vertical-align:middle;margin:5px 0}
.footer-copyright li,.footer-legal-links li{margin-bottom:0}
.footer-social p{display:inline-block;margin-right:10px;vertical-align:middle}
.footer-social ul{display:inline-block;vertical-align:middle;margin:10px 0}
.footer-social li:last-child{margin:0}
}

.footer-legal-links li:first-child {padding-left:0px !important;}
.footer-legal-links li:first-child:before {background: #0e141a !important;}