html, body { height: 100%; }

body { padding-top: 100px; }
.panel-group .panel {border-radius:2px;}
.panel {position:relative;}

.browsehappy {background:red; position:fixed; top:0; left:0; width:100%; padding:20px; text-align:center; color:white;}

.modal-open {overflow-y: auto; padding-right: 0px !important}

* {outline: none!important;}
textarea {resize: none;}

.material-icons {color: #757575;}
#topButtons i.material-icons {color: white;}

.simplemodal-wrap{background:#FFF}


/* LOADER */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak speak for themselves.
   Background we set to 80% white with our animation centered, and no-repeating */
.loading-modal { display: none; position: fixed; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%;
  background: rgba( 255, 255, 255, .6 ) url('/includes/layout/images/loader/psa_ring-alt.svg') 50% 50% no-repeat; 
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading { overflow: hidden; }

/* Anytime the body has the loading class, our modal element will be visible */
body.loading .loading-modal { display: block; }
/* // LOADER */

/*  LOGIN */
input#login{display: block; margin: 0px auto;}
#loginBox .card { padding: 80px 15px 15px;background: white; /*background: white url(/includes/layout/images/PSA-logotype.svg) center 30px no-repeat; background-size: 100px;*/ border-radius: 4px;}
#remindMe input[type='checkbox'], #remindMe span.check {float: left; margin-right: 5px;}
#errormessagelogin {width:100%;margin:0 auto;text-align:center;padding-bottom:10px;font-size:14px; color:#FF0000}
label.pswReminder {font-size:12px; margin-top:10px;}
h4.resetPswStep {margin-top:30px; text-align:center;}


.cookielabel {padding:0px; top: 0;position: fixed;height: 100%;width: 100%;background-color: transparent;z-index: 9999;text-align: center;}
.cookielabel .container{background-color:rgba(238, 238, 238, 0.85); width: 100%; padding: 10px;  color: #000}
.cookielabel .btn{margin:5px 5px 0px 5px ;}

nav .navbar-header {height:70px;position:relative}
.navbar .navbar-brand img {width:60px; height: auto;}

.navbar { box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}

header {margin-bottom:30px;}

@supports ((position: sticky) or (position: -webkit-sticky)) {
  aside#sidebar {
    position: -webkit-sticky; position: sticky; top: 116px; bottom: 80px;
  }
}

@supports not ((position: sticky) or (position: -webkit-sticky)) {
  aside#sidebar {
    position: relative;
  }
}



#citLogo img{max-height: 57px; transition: max-height 0.25s ease; -webkit-transition: max-height 0.25s ease; -moz-transition:max-height 0.25s ease; -o-transition: max-height 0.25s ease;}
#citLogo img.logoMin{max-height: 40px; transition: max-height 0.25s ease; -webkit-transition: max-height 0.25s ease; -moz-transition:max-height 0.25s ease; -o-transition: max-height 0.25s ease;}


#privatoAccordo, #privatoPrivacy, .privatoDisclaimer {border-top:2px solid #ebebeb; margin-top:50px; }
.privatoDisclaimer {padding-top: 40px; float: left;}

ul.horizListItem {list-style-type: none; padding: 0; margin: 0;}
ul.horizListItem li {display: inline-block; padding: 0; margin: 0 5px;}


/* BRAND SWITCH */
#psaModal h4 {text-align: center; text-transform: uppercase;}
ul#brandSwitch {list-style-type: none; padding:0; margin: 0;}
ul#brandSwitch li {list-style-type:none; display: inline-block; width: 90px; height:90px; margin:0 10px;}
ul#brandSwitch input[type=radio] {display: none;}
ul#brandSwitch label { text-indent: -5000px; display: block; height: 100%; background-color: #f4f4f4; background-position:center center; background-repeat:no-repeat; background-size: 80%;}
ul#brandSwitch label:hover {cursor:pointer; display: #f1f1f1;
    -webkit-box-shadow: 0 8px 15px 0 rgba(0,0,0,.12), 0 8px 15px 0 rgba(0,0,0,.12);
    box-shadow: 0 8px 15px 0 rgba(0,0,0,.12), 0 8px 15px 0 rgba(0,0,0,.12);
}
ul#brandSwitch li.choice-Citroën label {background-image: url('/includes/layout/images/PSA-CitroenLogo.svg')}
ul#brandSwitch li.choice-Peugeot label {background-image: url('/includes/layout/images/PSA-PeugeotLogo-b.svg')}
ul#brandSwitch li.choice-DS label {background-image: url('/includes/layout/images/PSA-DSLogo-black.svg')}

ul#brandSwitch li input[checked] + label {color: white; font-weight: bold; background-color: #007edb;
    -webkit-box-shadow: 0 8px 15px 0 rgba(0,0,0,.12), 0 8px 15px 0 rgba(0,0,0,.12);
    box-shadow: 0 8px 15px 0 rgba(0,0,0,.12), 0 8px 15px 0 rgba(0,0,0,.12);}

#copyright {background:#d2d2d2; min-height:50px; clear: both!important; padding: 14px 0px;}
.copyright {font-size: 11px; color: white; line-height: 30px;}

/* Fonts */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* panel */
.panel, .card {overflow: hidden;}
#userData.panel {overflow: visible;}
.panel-footer {background-color: transparent;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}
.panel.panel-default>.panel-heading, .panel>.panel-heading {
    background-color: transparent;
    padding: 15px 15px 5px;
}

#mostRead-Widget .panel-heading,
#onlineUsers-Widget .panel-heading,
#modelsDocsDwn .panel-heading,
#lastComments-Widget .panel-heading{/*border-bottom:1px solid #ddd;*/}

#lastComments-Widget .panel-body em {font-size:12px;}
#lastComments-Widget h4.media-heading {font-size:15px;}

/* top bar */
.navbar-header {float:none; clear:both;}

.navbar-toggle {padding: 20px 0; margin: 5px 15px;}

#topButtons {float:right!important;}
#topButtons ul {list-style-type: none; padding: 0; margin: 7px 0px;}
#topButtons ul li {display: inline-block; padding: 0 5px; vertical-align: middle; text-align: center; width:50px;}
#topButtons ul li:last-child {padding-top: 2px;}
#topButtons ul li a {color: white;}
#topButtons ul li a {padding: 6px 12px;}
#openUserPanel {position: relative; display: inline-block;}
#openUserPanel .userThumb { overflow:hidden; background: #f2f2f2; width: 35px; height: 35px; line-height:1; display: inline-block; padding: 0; border:1px solid #d2d2d2; border-radius: 50%; color: #333; text-align: center;}
#openUserPanel .userThumb.PH {line-height: 35px;}
#openUserPanel img {width: 35px; height:35px;}
#openUserPanel .badge {position: absolute; top:0; right: 5px; }
.badge.profiletto_avvisi {background: #E1412D;}
.profiletto_avvisi[data-vis='0'] {display: none;}


/*search modal*/
#searchModal .form-group{margin-top: 0px}
#searchModal .input-group-addon, #searchModal #btnSearch{margin: 0px}


.form-group.is-focused .form-control {
 outline:0;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#1b365e),to(#1b365e)),-webkit-gradient(linear,left top,left bottom,from(#D2D2D2),to(#D2D2D2));
 background-image:-webkit-linear-gradient(#1b365e,#1b365e),-webkit-linear-gradient(#D2D2D2,#D2D2D2);
 background-image:-o-linear-gradient(#1b365e,#1b365e),-o-linear-gradient(#D2D2D2,#D2D2D2);
 background-image:linear-gradient(#1b365e,#1b365e),linear-gradient(#D2D2D2,#D2D2D2);
 -webkit-background-size:100% 2px,100% 1px;
 background-size:100% 2px,100% 1px;
 -webkit-box-shadow:none;
 box-shadow:none;
 -webkit-transition-duration:.3s;
 -o-transition-duration:.3s;
 transition-duration:.3s
}
.form-group.is-focused .form-control .material-input:after {
 background-color:#1b365e
}
.form-group.is-focused label,.form-group.is-focused label.control-label {
 color:#1b365e
}

.radio input[type="radio"]:checked ~ .circle, label.radio-inline input[type="radio"]:checked ~ .circle {
    border-color: #1b365e;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
 color: #1b365e; border-color: #1b365e;
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before {color: #1b365e;}
.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check {background-color: #1b365e;}

.checkbox .checkbox-material::before, label.checkbox-inline .checkbox-material::before {
    display: none
}

.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary,
.btn.btn-fab.btn-primary,
.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary {
    background-color: #1b365e;
    color: rgba(255,255,255,.84);
}

.btn.btn-primary:not(.btn-raised),
.input-group-btn .btn.btn-primary:not(.btn-raised) {
    color: #1b365e;
}

.btn-group-raised .btn.active.btn-primary:not(.btn-link),
.btn-group-raised .btn.btn-primary:active:not(.btn-link),
.btn-group-raised .btn.btn-primary:focus:not(.btn-link),
.btn-group-raised .btn.btn-primary:hover:not(.btn-link),
.btn-group-raised .input-group-btn .btn.active.btn-primary:not(.btn-link),
.btn-group-raised .input-group-btn .btn.btn-primary:active:not(.btn-link),
.btn-group-raised .input-group-btn .btn.btn-primary:focus:not(.btn-link),
.btn-group-raised .input-group-btn .btn.btn-primary:hover:not(.btn-link),
.btn.btn-raised.active.btn-primary:not(.btn-link),
.btn.btn-raised.btn-primary:active:not(.btn-link),
.btn.btn-raised.btn-primary:focus:not(.btn-link),
.btn.btn-raised.btn-primary:hover:not(.btn-link),
.input-group-btn .btn.btn-raised.active.btn-primary:not(.btn-link),
.input-group-btn .btn.btn-raised.btn-primary:active:not(.btn-link),
.input-group-btn .btn.btn-raised.btn-primary:focus:not(.btn-link),
.input-group-btn .btn.btn-raised.btn-primary:hover:not(.btn-link) {
    background-color: #1b365e;
}

a, a:focus, a:hover {
    color: #1b365e;
}


/* nav */
ul#topChNav { padding: 0; margin: 0; list-style-type: none; text-transform: uppercase; font-size: 13px;}
ul#topChNav li {display: inline-block; margin:0 10px; vertical-align: middle;position: static;}
ul#topChNav li:after {/*content:"|"; padding:0 10px; display: inline-block;*/ }

ul#topChNav .dropdown-menu{background: #0c2d47; margin: 0px; width: 100%; padding: 10px 15px 15px;}
ul#topChNav .dropdown-menu ul{margin:0px; padding: 0px;}
ul#topChNav .dropdown-menu ul img{width: 50px}
ul#topChNav .dropdown-menu ul a:hover{background: transparent;}

#MainNavbar-collapse {padding: 5px 0;}
#MainNavbar-collapse:before { content: ""; width: 400%; height: 0px; position: absolute; background: #d2d2d2; bottom: 0; left: -200%; }

#mainContent {margin-top: 50px;}

.navbar.navbar-transparent {
    background-color: transparent!important;
    box-shadow: none;
    color: #fff!important;}

header#wideImage {position: absolute; width: 100%; height: 300px; top: 0;}
header#wideImage:before {content:''; position: absolute; top: 0; right: 0; bottom: 40%; left: 0;
/*background: rgba(0,0,0,0.8);*/
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(0%, rgba(0,0,0,0.8)), color-stop(75%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000000', GradientType=0 );}


#mainContent.wideTopImage {margin-top: 230px;}

/* CONTENT */
#postImage {position: relative;}
#postImageBox {display:block; height: 420px; background-size: cover; background-repeat:no-repeat; background-position:center center;}
.newsImageFull {width:100%; height:auto;}
#postImage h2 {position: absolute; bottom:20px; z-index:5; color: white; padding: 0 100px 0px 20px; text-transform: uppercase;}

#postImage:before { content:''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );/* IE6-9 */
}

#tagCloudWidget{}
ul.tagcloud{margin:0px; padding:0px; list-style: none}
.tagcloud li {padding: 3px 15px; width: auto; list-style: none; display: inline-block; margin: 0px 5px 5px; background: #eee;}


#contentTopWide #detail_rating{margin-right:15px}

#postImage.videoOnTop:before {content:none;}
#postImage.videoOnTop #contentRoundCA {top: 450px;}
#postImage.videoOnTop h2 {position:static; color:inherit}

#postBody div[id^="accordion"].panel-group .panel {box-shadow: none;}
#postBody div[id^="accordion"].panel-group .panel-heading {padding: 15px; background: #eee;}
#postBody div[id^="accordion"].panel-group .jqueryFileTree li {padding-left:0;}
#postBody div[id^="accordion"].panel-group .jqueryFileTree li > a {padding-left: 30px;}

.pagination{width: 100%}

/* MAIN CALL TO ACTION  */
#contentRoundCA {position: absolute; right:30px; top:390px; bottom: auto; z-index: 10;}
#contentRoundCABlog {position: absolute; right:-70px; top:35px; z-index: 10;}
#contentRoundCAMenu {border: none; }
#contentRoundCAMenu i {float:none; vertical-align: middle; color: #757575;}
#contentRoundCA.open #contentRoundCAMenu i {-webkit-transform: rotate(-405deg) translateX(0px) translateY(-16px); color:white;}
#contentRoundCABlog.open #contentRoundCAMenu i {-webkit-transform: rotate(-405deg) translateX(0px) translateY(-16px); color:white;}
#contentRoundCAList {/*width:200px;*/ text-align:right; height:auto; right:0; left:auto; background-color: transparent; border:none; -webkit-box-shadow: none; box-shadow: none;}
#contentRoundCAList.dropdown-menu>li {clear:both; padding:5px 0; text-align: right;}
#contentRoundCAList.dropdown-menu>li>a {padding:0;}
#contentRoundCAList.dropdown-menu>li>a>span { vertical-align:middle; display: inline-block;}
#contentRoundCAList.dropdown-menu>li>a:focus, #contentRoundCAList.dropdown-menu>li>a:hover {background-color: transparent;}

#contentRoundShadow{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 9; display: none}

.caSecondaryLabel { text-transform: uppercase; padding:5px; background: #333; color:white; font-size: 11px; margin-right:10px;}

.caSecondaryIcon {
    width: 50px;
    height: 50px;
    font-size: 28px;
    border-radius: 50%;
    background: white;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    /*float:right;*/
    margin-right: 0;
}
.caSecondaryIcon.active i{color: #03a9f4}


/* tools buttons */
/* TOOLS */
#toolsBtn {margin-bottom: 10px;}
#toolsBtn ul {margin: 0; padding: 0; margin-left: -1%; margin-right: -1%; list-style-type: none;}
#toolsBtn li {list-style-type: none; float: left; width: 23%; padding: 0; line-height: 1.4; text-align: center; background-color: #FBFAFA; margin: 0 1% 7px;}
#toolsBtn li.btnx1 {width:98%;}
#toolsBtn li.btnx2 {width:48%;}
#toolsBtn li.btnx3 {width:31.3%;}

#toolsBtn li a {display:block; min-height:85px; padding:5px;}
#toolsBtn li a:hover {text-decoration:none;}
#toolsBtn li a .toolsBtnIco, #toolsBtn li a .toolsBtnTxt {display: block; text-align: center;}
#toolsBtn li a .toolsBtnIco {margin: 10px 0 5px;}
#toolsBtn li a .toolsBtnTxt {text-transform: uppercase; font-size: 10px; line-height: 1.2;}
#toolsBtn .material-icons {color:white; font-size: 28px;}


/* User sidebar */
.sidenav {height: 100%; width: 400px; position: fixed; z-index: 1100; top: 0; right: -400px; background-color: #111; overflow-x: hidden; transition: 0.3s; overflow-y: auto;}
@media (max-width: 992px){
    .sidenav{width: 100%; right: -100%}
} 
.sidenav a {padding: 15px; text-decoration: none; font-size: 25px; color: #aaa; display: block; transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; left: 0; font-size: 36px; margin-right: 50px;}
#userSidebarImage {height: 220px; display: block; position: relative;}
#userSidebarData {position: absolute; bottom:0; width: 100%; height: 140px; padding-top: 40px; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;}

#userSidebarData h2:after 
{ content:''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );/* IE6-9 */
}

#userSidebarData .userThumb { width: 70px; height: 70px; display: block; float: left; background: #d2d2d2; border-radius: 50%; text-align: center; line-height: 1; margin-right: 15px; border: 2px solid white; overflow:hidden;}
#userSidebarData .userThumb.PH {line-height: 70px;}
#userSidebarData img {width: 100%; height:auto;}
#userSidebarData h2 {max-width:75%;color:white; text-transform: uppercase; font-size: 24px; float: left; margin:0;}
#userSidebarData small {text-transform: uppercase; font-size: 16px; font-style: italic; color: inherit;}
#userSidebarData small, #userSidebarData span {display: block; clear: both;}
#userSidebarMenu { list-style-type: none; padding: 0; margin: 0; margin-top: 20px;}
#userSidebarMenu li a {font-size: 16px; line-height: 1.6; vertical-align:middle;}
#userSidebarMenu li i {margin-right: 27px; vertical-align:middle; width:20px;}
#userSidebarMenu li:first-child {border-bottom: 1px solid #333;}
#userSidebarMenu li:last-child {border-top: 1px solid #333;}
#userSidebarMenu li:hover {background:#222;}
#userShadow {height: 100%;width: 100%;position: fixed;z-index: 1099;top: 0;left: 0px;background-color: #111;opacity: 0.75;transition: 0.3s;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* END User sidebar */

/* Home Page Carousel */
.mainHighlights.carousel {}
.mainHighlights.carousel .item,
.mainHighlights.carousel .item.active,
.mainHighlights.carousel .carousel-inner { height: 400px;}
.mainHighlights.carousel .carousel-inner a {color: #FFF}
.mainHighlights.carousel .fill {width: 100%; height: 100%; background-position: center bottom; background-size: cover; background-repeat: no-repeat;}
.carousel .fill:before {  content: ''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0;

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );/* IE6-9 */
}

.mainHighlights .carousel-caption {right: auto; left: 10%; padding: 30px; width: 40%; text-align: left; top:50%; bottom:auto; transform: translateY(-50%); background: rgba(0, 0, 0, 0.2);}
.mainHighlights .carousel-caption H1 {margin-top:0;}
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 15;
    width: 120px;
    padding: 5px;
    text-align: center;
    list-style: none;
    margin: 0 auto;
    margin-left: -60px;
    background: grey;
    height:33px;
}

.carousel-control{width: 10%}

.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 5px;
    vertical-align: middle;
}

.carousel-indicators .active { width: 12px; height: 12px; margin: 5px; background-color: #fff; vertical-align: middle;}

.mainHighlights .carousel-caption h1 {color:white; font-size: 42px; text-transform: uppercase;}
.mainHighlights .carousel-caption .info-abstract {color:white; font-size: 14px;}
.mainHighlights .carousel-caption .info-abstract * {vertical-align:top;}
.mainHighlights .carousel-caption .CtA {}
.mainHighlights .carousel-caption .info-abstract i {color:white; font-size: 21px; margin-right:5px;}
.mainHighlights .carousel-caption .info-abstract .postCategory {text-transform:uppercase; margin-right:5px;}

.carousel .slider-control {position: absolute; top: 50%; font-size: 36px; margin-top: -26px;}
.carousel .slider-control i {font-size: 48px; color: white;}
.carousel .slider-control.prev {left:0px;}
.carousel .slider-control.next {right:0px;}

/* main content boxes */
#content .page-header{padding: 15px;margin: 0px;}

#content ul#mainBoxes {list-style-type: none; padding: 0; margin: 0 -15px;}
#content ul#mainBoxes .panel, #contentCenter ul#mainBoxes .panel {height: 400px;}

ul.postList .panel { position: relative; transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
ul.postList .panel:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}

#content ul#mainBoxes .panel a.contentBox {display: block; height:100%;}
 ul#mainBoxes .panel .panel-footer {position: absolute; width: 100%; bottom:0; border-top: none; z-index: 2;}
.info-comment span, .info-comment i, .info-like span, .info-like i {vertical-align: middle;}
ul#mainBoxes .panel-body {padding-top:5px;}
ul#mainBoxes p.info-abstract {font-size: 13px; color:#333; line-height:1.4;}
#content ul#mainBoxes h3, #contentCenter ul#mainBoxes h3 {margin: 10px 0; font-size: 18px; text-transform: uppercase; line-height: 1.3; color: #333}

#mainBoxes .first-row .info-text small {text-transform:uppercase; font-size:12px; color: rgba(255, 255, 255, 0.7)!important;}
#mainBoxes .first-row .info-text small i { font-size:21px; color: inherit; margin-right:3px;}
#mainBoxes .other-rows .info-text small {text-transform:uppercase; font-size:12px; color: rgba(33, 33, 33, 0.5)!important;}
#mainBoxes .other-rows .info-text small i {font-size:18px; color: inherit; margin-right:3px;}
#mainBoxes .info-text small span.postCategory:after {content:"|"; padding:0 5px;}
ul#mainBoxes a > * {color:#333;}
#content a:hover {text-decoration: none;}
ul#mainBoxes .info-comment, ul#mainBoxes .info-likes, ul#secondaryBoxes .info-comment, ul#secondaryBoxes .info-likes {margin-right: 5px; font-size: 12px;}
ul#mainBoxes .info-comment span, ul#mainBoxes .info-like span, ul#secondaryBoxes .info-comment span, ul#secondaryBoxes .info-like span {font-size: 12px; margin: 0 3px;}
ul#mainBoxes .info-readafter:hover {cursor:pointer;}
.info-readafter {display: block; width: 15px; height:15px;}
.info-readafter.readActive i {color:#E34023!important;}

.postList {margin:0; padding:0; list-style-type: none;}


#content ul#secondaryBoxes {padding: 15px}
#content ul#secondaryBoxes li{margin:0px 0px 15px 0px; padding:5px;}
#content ul#secondaryBoxes li.odd{background: #EEE}
#content ul#secondaryBoxes li .media-object{padding-left: 0px}
#content ul#secondaryBoxes li .media-body{width: 75%; padding-right: 0px}


.itemListWrap{padding: 15px}
.itemListWrap .itemListIntro{margin-bottom: 15px}
.itemListWrap .itemListIntro i{vertical-align: middle;}
.itemListWrap > ul > li{margin: 0px; padding: 15px 5px; border-bottom: 1px solid #ddd}
.itemListWrap li.itemActive{background: #EEE}
.itemListWrap li .media-object{padding-left: 0px}

/* section posts */

#mainBoxes .first-row .img, #mainBoxes .other-rows .img {background-size:cover; background-repeat:no-repeat; background-position: center center;}
#mainBoxes .first-row .img {height:100%;}
#mainBoxes .other-rows .img {height:200px;}
#mainBoxes .first-row .img + .panel-body {position: absolute; bottom: 25px; z-index: 2;}
#mainBoxes .first-row .img + .panel-body .info-abstract {color:white;}
#mainBoxes .first-row .panel.panel-default:after {
    content: "";
    width: 100%;
    height: 280px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );
}

#content ul#mainBoxes .pos1 h3 {font-size: 32px; font-weight:bold; color:white;}
#content ul#mainBoxes .pos2 h3 {font-size: 21px; font-weight:bold; color:white;}
#content ul#mainBoxes .info-abstract {margin-bottom:0!important;}
#content ul#mainBoxes .first-row .panel-footer i,
#content ul#mainBoxes .first-row .panel-footer * {color:white;}


.galleryDetInfo #imageTitle{color: #FFF}
#contentTopWide .infoBody{margin-bottom: 20px}

#introhowto{margin-top: 20px}
#page_upload_tot{padding: 15px}

#uplGallery #xuplGallery1{text-align: center;}
#uplGallery #xuplGallery1btn{display: block;}

.sb-body-inner{overflow-y:scroll; -webkit-overflow-scrolling: touch}

/* * * * * * * * * * * * * * * * * * * * */
/* * * ** * * * HP WIDGETS * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * */

.media-left a {width: 60px; height: 60px; background: #e2e2e2; display: block; line-height: 60px; text-align: center; font-size: 24px; border-radius: 50%; overflow: hidden; text-decoration: none;}
.media-left a img {width:100%; max-width: 100%;}

/* Online users */
#onlineUsers-Widget .panel-body {position: relative;}
#onlineUsers-Widget ul li a {display: block; height:100%; width: 100%;}
#onlineUsers-Widget .userThumb { display: block; float: left; background: #d2d2d2; border-radius: 50%; text-align: center; line-height: 1; border: 2px solid white; overflow:hidden;width: 100%;height: 100%;}
#onlineUsers-Widget .userThumb.PH {color:#333;}
#onlineUsers-Widget ul li img {width: 100%; height:auto;}
li.userPos-1, li.userPos-2, li.userPos-3, li.userPos-4, li.userPos-All {display: inline-block; position: relative; width: 60px; height: 60px; border-radius: 50%; vertical-align: middle;}
li.userPos-1, li.userPos-All { width: 50px; height: 50px; z-index: 1;}
li.userPos-2, li.userPos-4 { margin-left: -15px; width: 70px; height: 70px; z-index:2;}
li.userPos-3 {width: 90px; height: 90px; margin-left: -25px; z-index: 3;}
li.userPos-All {margin-left: -15px;}

ul.onlineLess {padding: 0px 15px ; }
ul.onlineLess > li{width: 60px; height: 60px; z-index: 1; margin: auto}

/* most read contents */
#mostRead-Widget{margin-bottom: 20px}
#mostRead-Widget .panel{height: 504px}
#mostRead-Widget .panel-body{padding-left:30px;}
#mostRead-Widget ol { margin: 0; padding: 0; padding-left: 15px; color:#bbb; font-size: 24px; font-weight: bold;}
#mostRead-Widget ol li {line-height: 0.8; border-bottom: 1px solid #eee}
#mostRead-Widget ol a {font-size: 14px; vertical-align: text-top; padding-right: 20px;}


/*content related*/
.RelatedList {margin: 0; margin-top: -10px; padding: 0;padding-left: 15px;color: #bbb;font-size: 24px;font-weight: bold;}
.RelatedList li {border-bottom: 1px solid #eee; list-style: none}
.RelatedList a {font-size: 13px; font-weight: normal;}


/* online Users */
.userThumb {text-transform:uppercase;}
#onlineUsers-Widget .onlineMore li.userPos-1 .userThumb.PH {line-height: 49px; font-size: 18px;}
#onlineUsers-Widget .onlineMore li.userPos-2 .userThumb.PH,
#onlineUsers-Widget .onlineMore li.userPos-4 .userThumb.PH {line-height: 66px; font-size: 24px;}
#onlineUsers-Widget .onlineMore li.userPos-3 .userThumb.PH {line-height: 86px; font-size: 32px;}
#onlineUsers-Widget .onlineMore li.userPos-All .userThumb {line-height: 46px; font-size: 16px; background: #bbb; color:#333;}

#onlineUsers-Widget .onlineLess li.userPos-1 .userThumb.PH {line-height: /*86px*/ 58px; font-size: 18px;}
#onlineUsers-Widget .onlineLess li.userPos-2 .userThumb.PH,
#onlineUsers-Widget .onlineLess li.userPos-4 .userThumb.PH {line-height: /*66px*/ 57px; font-size: 24px;}
#onlineUsers-Widget .onlineLess li.userPos-3 .userThumb.PH {line-height: /*86px*/ 56px; font-size: 32px;}
#onlineUsers-Widget .onlineLess li.userPos-All .userThumb {line-height: 46px; font-size: 16px; background: #bbb; color:#333;}

/* video sidebar widget */
#video-sidebar ul {margin: 0; padding: 0; list-style-type: none;}
#video-sidebar ul a .carousel-caption { right: 0; left: 0; bottom: 0; padding: 10px 20px; background: #142032; visibility: hidden; opacity: 0; transition: opacity 0.5s linear; }
#video-sidebar ul a:hover .carousel-caption { visibility: visible; opacity: 1; }
#video-sidebar .newsPlayIco {position: absolute;top: 40%;width: 100%;text-align: center;}
#video-sidebar .newsPlayIco i{font-size: 36px; color: #FFF}

/* Online user modal */
#userOnlinePage ul { padding:0; margin: 0; list-style-type: none; }
#userOnlinePage ul li { border-bottom:1px solid #d2d2d2; padding:10px 0; }
#userOnlinePage ul li:last-child {margin-bottom:none;}
#userOnlinePage ul .userAvatar { padding:0; }
#userOnlinePage ul .userBody { padding-left:0; }
#userOnlinePage ul img { width:60px; height:60px; }
#userOnlinePage .userThumb { display: block; float: left; background: #d2d2d2; border-radius: 50%; text-align: center; line-height: 1; border: 2px solid white; overflow:hidden; width: 60px; height: 60px; font-size: 28px; line-height: 60px;}
#userOnlinePage .userThumb.PH {color:#333;}
#userOnlinePage h4 { font-size: 14px; text-transform: uppercase; }
#userOnlinePage .userRefBody div.col-md-5 { padding-right: 0; }

/* LAST COMMENTS */
#lastComments-Widget li{border-bottom: 1px solid #eee}
#lastComments-Widget .img-circle { width: 60px; height:auto; }

/* FORUM */
#forumNuovaDiscussione #TestoDiscussione {width:100%;}
#forumNuovaDiscussione #document .uploaded { margin: 15px; padding-top: 20px; float: none; clear: both; }
#forumNuovaDiscussione #document .uploaded .preview{margin-right: 5px}
#forumNuovaDiscussione #document .uploaded br{display: none}

#forumNuovaDiscussione #xuplDoc1btn img,
#forumNuovaDiscussione #xuplDoc2btn img,
#forumNuovaDiscussione #xuplDoc3btn img{display: none}

#forumNuovaDiscussione .row > .form-group {margin-top:0;}

#forum-Widget {background:#fff; margin-bottom: 30px;}

#forum-Widget #frmSearchBachecaDesktop > .form-group{margin:0px; padding: 0px}
#forum-Widget #frmSearchBachecaDesktop > .form-group > .input-group{float: left;}
#forum-Widget #frmSearchBachecaDesktop input{margin:0px; padding: 5px 0px; height: auto}
#forum-Widget #frmSearchBachecaDesktop #bt_Submit{margin: 0px; padding: 5px; }

#forumHPPostList {height:500px; overflow-y:auto; margin-top: 0; padding:15px; background:white;}
#forumHPPostList li, #forum_discussioni li {font-size: 13px; margin-bottom: 10px; border-bottom:1px solid #eee; padding: 0; padding-bottom: 10px;}

#forumHPPostList h4 {font-size: 16px; text-transform: uppercase; margin:0 0 5px;}
#forumHPPostList p {margin-bottom: 5px;}
#forumHPPostList .forumHPPostDet {font-size: 12px; color:#666;}
#forumHPPostList .forumHPPostDet i {font-size: 14px;}
#forumHPPostList .forumHPPostDet .forumHPDate:before {content:"|"; margin:0 5px;}
.forumHPPostDet div:last-child * {vertical-align:middle;}
.forumHPPostDet div:last-child i {margin: 0 3px;}

#forum-Widget .panel-footer {padding: 0 15px;}

.forum .panel{overflow:visible}

.bachecaContent {margin-bottom:30px;}
.bachecaContent .showNewsText {margin-top:30px; border-top:1px solid #eee; padding-top: 30px;}
.bachecaContent .media-body {padding-top: 10px;}
.bachecaContent .newsTitle {text-transform: uppercase;}
.bachecaContent a#forum_back {margin: 0;}
.bachecaContent .media-heading a:before {content:""; display:block;}

#archivePage{margin-bottom: 50px}

.pagination .pagine a:hover{background-color:transparent}

#forum_discussioni ul{padding: 0px 15px;  }
#forum_discussioni li{border: 0px; border-bottom:1px solid #eee; }
#forum_discussioni .forumHPAttach{padding: 15px 5px; text-align: center;}
#forum_discussioni .forumHPAttach i{display: inline-block; vertical-align: middle;}



/* LAST POST */
#lastBlogPost li {padding: 15px;margin-top: 0px;border-bottom: 1px solid #eee;}
#lastBlogPost .media-left a {width:60px; height:60px; display: block; background-position: center center; background-repeat: no-repeat; border-radius:0;}
#lastBlogPost .media-body .info span{margin-right: 5px; font-size: 12px}
#lastBlogPost .media-body .info span i{margin:0 3px}


/* Footer */
footer {background:#f4f4f4; margin-top:60px;}
#footerLinks {padding-top: 30px; padding-bottom: 30px; min-height:100px; clear: both!important;}
#footerLinks ul {padding:0; margin:0; list-style-type: none; }
#footerLinks ul li {display: inline-block; }
#footerLinks li:after {content:"|"; padding: 10px; display: inline-block; }

/* Content */
.postIntroData{padding: 20px 30px}
.postIntroData .material-icons{vertical-align: middle; margin-right: 3px}
.postIntroData .postDate {margin-right: 10px}
.newsAbstract{margin:0px 30px;}
#postBody { padding: 20px 30px 50px; clear: both; line-height: 1.6; font-size: 15px; }
#detail_comments .media-left a {width:90px; height:90px; line-height: 90px; }
.VideoReplace {margin:60px -30px 60px;}
#detail_comments_header {margin-bottom: 20px;}

#detail_comments_list .detail_comments_item_avatar a:first-child img {width: 90px; height:90px; display: block;}

.videoOnTop .VideoReplace {margin:0;}

#mediatheque .info-text, #mediathequeVideo .info-text { height: 170px; background-color: #f5f5f5;}
#mediatheque .info-text h2, #mediathequeVideo .info-text h2 {font-family: 'pgt-b', 'Arial'; font-size: 15px; margin-top: 5px; margin-bottom: 0px; text-transform: uppercase; text-align:center;}
#mediatheque .thumbnail h2, #mediathequeVideo .thumbnail h2 {color: #142032;}
#mediatheque .info-text .info-abstract, #mediathequeVideo .info-text .info-abstract {background:none;}
#mediatheque .info-text hr.medTeqSep, #mediathequeVideo .info-text hr.medTeqSep {margin:10px 0px; border-top: 1px solid #ddd;}
#mediatheque .info-text .info-abstract-det, #mediathequeVideo .info-text .info-abstract-det {text-align: center; font-size: 12px; color: #142032; margin:0; font-weight:bold;}
#mediatheque .info-text .info-abstract, #mediathequeVideo .info-text .info-abstract {text-align: center; font-size: 11px; color: #142032; margin:0;}

#mediatheque .newsPlayIcoSmall {color: #ffffff; font-size: 20px; height:26px; left: 50%; margin: -13px 0 0 -13px; position: absolute; top: 50%; width: 26px; z-index: 90;}
#mediathequeVideo .newsPlayIcoSmall {color: #ffffff; font-size: 20px; height:40px; left: 50%; margin: -23px 0 0 -17px; position: absolute; top: 50%; width: 40px; z-index: 90;}


.revueDePresse{float: left; width: 100%}
.revueDePresse #pressSearch{margin-top: 20px}
.revueDePresse #pressSearch,
.revueDePresse .tagpress{margin-bottom: 20px;}

.revueDePresse ul{clear: both; padding: 0px}
.revueDePresse li{list-style: none; margin-bottom: 15px}
.revueDePresse .img{position: relative;}
.revueDePresse .datetime{display:none;}
.revueDePresse .info-text{padding:10px;position: relative;}
.revueDePresse .pressPartager {position: absolute;bottom: 0px;left: 0;right: 0;}
.revueDePresse .pressPartager i{margin-right: 5px; }
.revueDePresse .col-md-4 .img-responsive{left:0px; width: 100% !important; height: auto; }
.revueDePresse #frmSearchPress #btSumbitPress, 
.revueDePresse #btSubmitTagPress,
#chVideo #frmSearchVideo #btSumbitVideo {background: #29A4CE; border:none;  box-shadow: none; color: #FFFFFF; font: 22px/10px 'pgtico';
    height: 40px; padding: 0; vertical-align: bottom; width:15%; border-radius: 0; -moz-border-radius: 0; float: left; margin-top:2px;}
.revueDePresse #btSubmitTagPress{width: 50px}
.revueDePresse #frmSearchPress #qpress,
#chVideo #frmSearchVideo #qvideo{height: 40px; margin-top: 2px; width:85%;  padding:9px;float: left; margin-right:-1px}
.revueDePresse #tagpress,
#chVideo #frmSearchVideo #tagvideo{height: 40px; margin-top: 2px; padding:9px;float: left;}
.revueDePresse + .pagination{margin:0px;}


/* User personal profile */
#profiloPrivato h1 {text-align:center; text-transform:uppercase;}
#profiloPrivato .privatoDisclaimer {text-align:center;}
#metier.form-group .checkbox label, #metier.form-group .radio label, #metier.form-group label {font-size:11px;}
#metier div.checkbox {padding-left:0; padding-right:0;}
#metier.form-group .checkbox label .checkbox-material {margin-right:3px;}
#profiloPrivato label small {display:block;}

.uploadAvatar {border:1px solid #ccc; margin-top:15px;}
.uploadAvatar #btnupload {margin-right:5px; display:inline-block;}
.uploadAvatarNote {display:inline-block; vertical-align:middle;}
.avatarCTA {font-weight:bold; font-size:14px; display:block;}
.avatarSizeInfo {font-size:12px;}

#avatarok,
.photoChargee{margin-right: 15px}

#avatarRules{display: none !important}
#avatarRules ul {list-style-type:none; padding:0; margin:0;}
#avatarRules ul li.rulesStep {display:block; width:19.5%; padding:0 10px; float:left;}
#avatarRules ul li img {width:100%; height:auto; padding: 3px; border: 1px solid #142032;}
#avatarRules .rulesText p {font-size:12px; margin:0;}

#xy h4{color: #fff}

#uplCropClose{padding:14px 25px}
#uplCropClose i{color: #FFF}
#btncrop{padding:14px 25px}
#btncrop i{color: #FFF}
#xuplAvatar1 b div.btn.delete{background: #9B345F}


/* User Profile */
#userData {position:relative; margin-top: -80px;}
#userData .userAvatar {
    position: absolute;
    top: -80px;
    height: 160px;
    width: 160px;
    border-radius: 50%;
    display: block;
    background: #d2d2d2;
    left: 50%;
    margin-left: -80px;
    overflow: hidden;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
}
ul.userContact {text-align:center;}
#usrBadges ul {margin:0; padding: 0; list-style-type: none;}
#usrBadges ul li {display: inline-block;}
#usrBadges ul li img {width:60px;}

.userAvatar .userThumb { width: 100%; height: 100%; display: block; background: #f2f2f2; text-align: center; font-size: 60px;}
.userAvatar .userThumb img {max-width:100%;}
.userAvatar .userThumb.PH {line-height: 160px;}
#userData h1 {text-align: center; text-transform: uppercase; font-size: 28px; margin-top:40px;}

#userCoverIMG, #blogCoverIMG {height:300px}
#usrLastConnection {text-align: center;}
#usrLastConnection i {font-size: 14px; margin-right: 3px;}
#usrLastConnection span:first-child {font-weight: bold;}
#usrLastConnection span {font-size: 12px;}
#usrLastConnection * {vertical-align: middle;}
#usrAgencies {margin: 20px auto; padding: 0; list-style-type: none; float:none; text-align: center; }
#usrAgencies li {display: inline-block; float: none; text-align: left; margin: 0 20px;}
#usrAgencies label {font-size:13px;}
#usrAgencies h4 {margin: 0;}
.profile-tabs h4.profileBoxTit {text-align: center; margin-bottom:30px;}
#comments-tab {width:80%; margin:50px auto 70px;}
#comments-tab .media {padding:15px; margin:0;}
#comments-tab .media:nth-child(even) {background: #fff;}
#comments-tab .media:nth-child(odd) {background: #f6f6f6;}
#comments-tab, #gallery-tab, #following-tab {margin: 50px auto 70px;}
#comments-tab > p, #gallery-tab > p {text-align:center;}

/* photos grid */
.grid {width:100%; list-style-type:none; padding:0; margin:0;}
.grid:after {content: ''; display: block; clear: both;}
.grid-item,
.grid-sizer {width: 25%; display:block; }
.grid-item {float: left; height: 100px; background: white; border:2px solid white; border-image-width:0; margin:0; padding:0;}
.grid-item-width2 { width: 50%; }
.grid-item-height2 { height:200px;}
.grid-item {background-repeat: no-repeat; background-size: cover; background-position: center center;}
/* photos grid */

/* set cover image */
#coverSelection {
  background-color: #fff; border: 1px solid #eaeaea; display: none; left: 0; right: 0; margin: 0 auto; padding: 20px; position: fixed; top: 100px; z-index: 300; height: 500px; overflow: auto;
}
ul.coverList {list-style-type: none; margin: 0; padding: 0;}
ul.coverList li {list-style-type: none; margin: 15px 0; padding: 0; position: relative;}
ul.coverList li label {padding:10px; border:2px solid white;}
ul.coverList li label:hover {border:2px solid red; cursor: pointer;}
ul.coverList li input {display: none;}
ul.coverList input[type="radio"]:checked + label { border:2px solid red;}
ul.coverList input[type="radio"] + label:before { content:'\e836'; font-family:'Material Icons'; position: absolute; top:30px; left:30px; font-size: 28px; display: inline-block; color:white;}
ul.coverList input[type="radio"]:checked + label:before { content:'\e86c';}
ul.coverList li img {width: 100%; height: auto;}

#coverSelection #coverButtons {text-align: right; position: sticky; bottom: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); background: white;}
#coverSelection #close.close {float:none;}
#coverSelection #selCoverClose {position:absolute; right:30px; top:30px;}

/* // set cover image */

#userProfileTabs {float:none; text-align: center;}
#userProfileTabs li {text-align: center; height:90px; width: 120px; display: inline-block; float: none;}
#userProfileTabs li a {height:100%;}
#userProfileTabs li i, #userProfileTabs li span {display: block;}
#userProfileTabs li i {font-size: 28px; line-height: 50px;}
#userProfileTabs li > * {color:#747474;}
#userProfileTabs li.active > *, #userProfileTabs li.active i {color:white!important;}
#userProfileTabs li span {text-transform: uppercase; font-size: 11px;}

/* user profile: gallery */
#isotopeThumbs {width:80%; float: none; margin: 50px auto 70px; }
#gallery-tab {min-height: 400px;}

.dropdown-menu>li>a {line-height:2;}


/* BLOG */
#blog .panel{overflow:visible}

#blogList {}
#blogList #filters { display: block; clear: both; position: relative; margin:0px -15px 20px; padding:0px;}
#blogList #filters > div{padding:0px !important; margin-bottom: 15px}
#blogList #filters label { display: block; color: #333; padding-left:30px;}
#blogList #filters .filter-group{display: inline-block; margin:0px; margin-right: 20px; cursor: pointer; cursor: hand;}
#blogList #filters .filter-group label{padding-left: 15px}
#blogList #filters .radio .circle, #blogList #filters label.radio-inline .circle,
#blogList #filters .radio .check, #blogList #filters label.radio-inline .check{width: 18px; height: 18px; left: 0px;}
#blogList #filters label div.filterText{margin-left:10px }
#blogList #filters .filter-by-button-group, .sort-by-button-group{background: #ededed; padding: 5px 15px 5px 30px}
#blogList .panel img.img-responsive {width: 100%; height:auto;}



      

#blogList .panel-body .info span{margin-right: 5px; font-size: 12px}
#blogList .panel-body i{vertical-align: middle; margin-right: 3px}

#traspTitle { position: absolute; top: -90px; margin: 0; padding: 0; color:white; text-transform: uppercase;}

#blogList ul.tags {list-style-type: none; margin: 0; padding: 0;}
#blogList ul.tags li {display: inline-block; }
#blogList ul.tags li:after {content:","; margin-left: 3px; }
#blogList ul.tags li:last-child:after {content:""; margin-left: 0px;}
.panel-tags {padding: 15px; border-top: 1px solid #ddd;}
#blogList .panel-footer .media-left a {width:35px; height:35px; line-height: 35px; font-size: 16px;}

#blogList .panel-footer .media-body, #blogList .panel-footer .media-body a {color:white;}
#blogList .panel-footer .media-body h6 {margin:2px 0; text-transform: uppercase;}
#blogList .panel-footer .media-body p {font-style: italic; font-size: 12px; margin: 0; line-height: 1;}





/* BLOG POST */
#wikiTitle, #wikiTitle + .media, #wikiDetails, .wikiAuthor {padding:0 30px;}
#wikiTitle {text-transform: uppercase;}
#wikiTitle + .media {}
#wikiDetails * {display:inline-block; vertical-align: middle;}
#wikiTitle + .media .media-heading span:first-child {display:block; color:#d2d2d2; font-size:12px; text-transform:uppercase;}
.showNewsLeftImg { width: 50%; margin-right: 30px; margin-bottom: 20px; float: left; padding: 0px 30px }
.showNewsLeftImg img{width: 100% }
#wikiDetails {padding-top:10px; padding-bottom:10px; margin-top: 10px; border-top: 1px solid #eee;}
#wikiDetails li {padding:0 10px; font-size: 14px;}
#wikiDetails li i {font-size:14px; margin-right:5px;}
#showPostHistory {border: none; background: none; margin-top: 15px}
#content .popover .arrow {display: block;}
#content .popover .arrow:after { border-left-color:rgba(101,101,101,.9);}
#content .popover {max-width:500px; background:#EEE }
.userHadLike, .userHadLike li{list-style: none; margin: 0px; padding:0px; }
.popover.top > .arrow:after{border-left-color: transparent !important; border-top-color:#eee !important;}

.blogSect{padding: 0px 30px }
#blogGallery{margin: 0px 30px 30px 30px }
.like_bar, .detail_comments_button{margin-right: 0px !important}
#contentTopWide .detail_comments_button{margin-left: 10px; float: left !important;}
.readAfter {float: left; display: inline-block;}
.tellFriend {float: left;}
.detail_follow_button.tellFriend{margin:0px;}
#detail_comments {margin-top:15px;}

.tellFriend i{margin-right: 5px}
.newsTools .material-icons{color: inherit;}
#btnFollow {padding:10px 5px !important}
#detail_rating_body .like_bar .like_yes {position: absolute; right: 15px;}


/* post buttons */
#btnShow.btn.btn-primary, #btnFollow.btn.btn-primary
{   
    font-weight: normal;
    min-width: 140px;
    font-size: 13px;
    padding: 10px 10px;
    margin-left:5px; margin-right:5px;
}

#btnShow.btn.btn-primary *, #btnFollow.btn.btn-primary * {vertical-align: top;}

#btnShow.btn.btn-primary i, #btnFollow.btn.btn-primary i {
font-size: 16px; margin-right:5px;}
/* post buttons */



.wikiUplAllegato, .wikiUplGallery{clear: both}

.wikiSelectTags{clear: both}
.wikiSelectTags .checkbox{margin-top:10px; vertical-align: middle;}
.wikiSelectTags .checkbox .checkbox-material{margin-right: 10px}
.wikiCreaSubmit{clear: both; text-align: center }

/* product it */
#catalog {margin-bottom:30px;}
#catalog .element-item {width:33.3334%; padding:15px; disply:block; float:left;}
#catalog h4.gammaTitle {font-size: 15px;
    text-align: center;
    text-transform: uppercase;

    padding: 5px 15px;
    margin: 0 auto;
}

/* product french */
#sidebar .modelImg {height:200px; position:relative; background-position:center center; background-size:cover;}
#sidebar .modelImg h2 {
    bottom: 10px;
    background: white;
    position: absolute;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 25px;
    width: 90%;
    right: 0;
    padding: 10px;
    margin: 0;
}
#sidebar .VideoReplace {margin:0;}
#sidebar .widget {margin-bottom:30px;}

/* * * * * * * * * * * * * * * * * * * * */
/* * * * * *  MEDIAQUERIES * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * */


@media (max-width: 1350px) {

#contentRoundCABlog {position:fixed; bottom:20px; right:20px; top: auto;}
#contentRoundCABlog #contentRoundCAList { bottom: 100%; margin-bottom: 2px; top:auto;}
  
}

@media (max-width: 992px) {
  aside#sidebar {clear:both; position: static; top:auto; bottom:auto;}
}



@media (min-width: 769px) {
  .navbar-toggle {display: none;}
  #topChNav li {display: block;}

}

@media (max-width: 768px) {
   .mainHighlights .carousel-caption {width:80%; left:50%; transform: translate(-50%,-50%);} 
   .detail_comments_button{clear: both}
}

@media (min-device-width : 768px) and (max-device-width : 1024px){
.detail_comments_button{clear: none}
}


@media (max-width: 767px) {
  .cookielabel{font-size: 12px;}
  body {padding-top: 70px;}
  ul#topChNav > li:first-child {display: none;}
  ul#topChNav li { border-top: 1px solid #777; display: block; padding: 8px 0; text-align: center; position: relative;}
  ul#topChNav li:after { content: "|"; padding: 0 10px; display: none; }

  div#MainNavbar-collapse:before {display: none; }
  #contentRoundCA {position:fixed; bottom:60px; right:20px; top:auto;}

  #topButtons{float: none !important; clear: both; text-align: center; display:none}
  #MainNavbar-collapse  #topButtons{display: block; !important}
  .mainHighlights .carousel-caption h1{font-size: 24px}
/*    #content ul#mainBoxes .panel, #contentCenter ul#mainBoxes .panel{height: auto}
    ul#mainBoxes .panel .panel-footer{bottom: 20px; position: relative;}
*/

#forum-Widget > .panel-heading > div{padding: 15px 0px}
#forum-Widget #frmSearchBachecaDesktop{width: 100%; clear: both; padding: 15px 0px }
}

/* 2018-02-21 ADD Stefano Maggioni */
/* Integrazioni al Blog DR */
#blog h1.newsTitle {
    text-align: center;
    margin-bottom: 0;
}

#blog .page-header a {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (max-width: 1199px) {
    #blog .page-header a {
        position: relative;
    }  
    #blog h1.newsTitle {
        text-align: left;
    } 
}

#blogList .panel-footer.warning {
    background-color: #cc0000;
}

#blogList .panel-footer.eye {
    background-color: #333333;
}

#blogList .panel-footer.warning,
#blogList .panel-footer.eye,
#blogList .panel-footer.approved {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;

    float: left;
    width: 100%;
    margin-bottom: 0;
}
/* END Integrazioni al Blog DR */
/* END ADD */


/* 2018-03-23 ADD Stefano Maggioni */
/* Modal Consolidazione utenze */
.avatarGuideStep {display:none;}

#emailValidation{
  background-color: #fff;
  border: 1px solid #eaeaea;
  display: none;
  left: 220px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  position: fixed;
  top: 500px;
  top: 80px;
  z-index: 300;
  width: 500px;
  min-height: 50px;
}

.consolidation_step {
  background-color: #fff;
  border: 1px solid #eaeaea;
  display: none;
  left: 220px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px;
  position: fixed;
  top: 500px;
  top: 80px;
  z-index: 300;
  width: 800px;
  min-height: 500px;
}

.consolidation_step h4 {
    text-transform: none;
}

@media (max-width: 839px) {
  .consolidation_step {
    width: 90%;
  }
}

#consolidation_step2 > .consolidation_col {
  max-height: 446px;
  overflow: auto;
}

.consolidation_colHeader {
  background-color: #222;
  height: 32px;
  color: #ebebeb;
  font-weight: bold;
  padding: 10px;
}

.consolidation_colBody {
  overflow: auto;
  max-height: 350px;
}

@media (max-width: 767px) {
  .consolidation_colBody {
    max-height: 234px;
  }
}
@media (min-width: 768px) {
    .consolidation_colBody {
        min-height: 350px;
    }
}

.consolidation_item {
  margin-top: 10px;
  position: relative;
}

.consolidation_text{
  line-height: 20px;
}

.checkbox .checkbox-material, label.checkbox-inline .checkbox-material {
  float: left;
  margin-right: 10px;
}



/* 2018-03-23 ADD Stefano Maggioni */
/* REFACTOR CON RADIO E CHECKBOX NASCOSTE */
/* END REFACTOR CON RADIO E CHECKBOX NASCOSTE */
.consolidation_step input {
  display: none;
}

#consolidation_step2 input {
  display: block;
}

.consolidation_step .consolidation_item_label, ul.agencies li {
  position: relative;
  height: 64px;
  width: 100%;
  background: #f5f5f5;
  padding: 5px;
  border-radius: 2px;
  color: inherit;
  min-height: 70px;
  cursor: pointer;
}
ul.agencies,
ul.identity {
    list-style: none;
    padding: 0 15px;
    margin-top: 20px;
}
ul.agencies li {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 5px;
    cursor: auto;
}
ul.agencies li:not(.selected) {
    color: #bdbdbd;
}
ul.identity li {
    font-size: 16px;
}
ul.agencies li span {
    float: right;
}

#consolidation_step2 .consolidation_item_label {
  background: none;
  padding: 0;
  height: auto;
}

.consolidation_item_label + i {
  color: white;
  position: absolute;
  top: 5px;
  right: 5px;
}

.consolidation_item_label:hover {
  background: #d2d2d2;
}

.consolidation_step input:checked + label,
ul.agencies li.selected {
  background: #d2d2d2;
  color: #fff;
}
.consolidation_step input:not(:checked) + label + i {
  display: none;
}
/* END ADD */
/* END Modal Consolidazione utenze */
/* END ADD */