/*-----------------------------------------------------*/
/*                   GENERIC STYLES                    */
/*-----------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  background: white;
  font: normal 1.6rem/1.4 'OpelNext-Regular', arial, sans-serif;
  color: #000;

  display: flex;
  flex-direction: column;
  /*height: 100%;*/
  height: 100vh!important;
}

  /* Adjusting flex items (solves IE 11 issue) */
  body > nav,
  body > #leadBar,
  body > footer {
    flex-shrink: 0;
  }

  body > main,
  body > div#mainContent {
    flex: 1 0 auto;
  }

  @media (max-width: 767px) {
    body > div#mainContent {
      margin-left: 0;
      margin-right: 0;
    }
  }
  /* END Adjusting flex items (solves IE 11 issue) */

body.login {
  display: block;
}

body b,
body strong {
  font-family: 'OpelNext-Bold';
  font-weight: bold;
}

#sb-wrapper #sb-info {
  background: #b4bbbf!important;
  border-radius: 0!important;
}

#sb-wrapper * {
  font-family: 'OpelNext-Regular'!important;
}

.cookielabel a {
  border-bottom: 4px solid #F7FF14;
  padding-bottom: 0;
}

.cookielabel a:hover,
.cookielabel a:focus,
.cookielabel a:active {
  text-decoration: none;
  font-weight: bold;
}

/*
#sb-body a {
  border-bottom: 4px solid #F7FF14!important;
    padding-bottom: 0;
}

#sb-body a:hover {
  font-weight: bold!important;
}
*/

#sb-nav-previous,
#sb-nav-next,
#sb-nav-close {
  background: none!important;
}

#sb-nav-previous:before,
#sb-nav-next:before,
#sb-nav-close:before {
  font-family: "iconfont-opel";
    font-size: 1.4rem;
    color: #000;
}

#sb-nav-previous:before {
  content: "\e908";
}

#sb-nav-next:before {
  content: "\e909";
}

#sb-nav-close:before {
  content: "\e902";
}

#sb-nav-previous:hover:before,
#sb-nav-next:hover:before,
#sb-nav-close:hover:before {
  color: #F7FF14;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'OpelNext-Bold', 'Arial', sans-serif;
  font-weight: normal;
  letter-spacing: 0.035em;
  color: #000;
  text-transform: uppercase;
}

a:hover,
a:focus,

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.h1 > a,
.h2 > a,
.h3 > a,
.h4 > a,
.h5 > a,
.h6 > a,

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover,
.h1 > a:hover,
.h2 > a:hover,
.h3 > a:hover,
.h4 > a:hover,
.h5 > a:hover,
.h6 > a:hover,

h1 > a:focus,
h2 > a:focus,
h3 > a:focus,
h4 > a:focus,
h5 > a:focus,
h6 > a:focus,
.h1 > a:focus,
.h2 > a:focus,
.h3 > a:focus,
.h4 > a:focus,
.h5 > a:focus,
.h6 > a:focus {
  color: #000;
}

video {
  background: #000;
  width: 100%;
}
/*-----------------------------------------------------*/
/*                 END GENERIC STYLES                  */
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*                 TOOLS MENU                          */
/*-----------------------------------------------------*/
#toolsRemoteControlContainer #toolsRemoteControlContainer i {
    color: #000!important;
}
#toolsRemoteControlList .toolsBtnIco *:not(#toolsRemoteControlContainer #toolsRemoteControlList .toolsBtnIco *) {font-family:'OpelNext-Regular', arial, sans-serif!important;}
#toolsRemoteControlList {padding:0; margin:0;}
#toolsRemoteControlList .chActive .panel, #toolsRemoteControlList .panel:hover {
    background-color: #F7FF14!important;
}

/*-----------------------------------------------------*/
/*                 END TOOLS MENU                      */
/*-----------------------------------------------------*/




/*-----------------------------------------------------*/
/*                SVG ICONS AND ICONFONT               */
/*-----------------------------------------------------*/
.icon {
  width: 3rem;
  height: 3rem;
}

.icon.medium {
  width: 2.2rem;
  height: 2.2rem;
}

.icon.small {
  width: 1.8rem;
  height: 1.8rem;
}

i[class*="icon-opel-"],
i[class*="icon-"].opel {
  font-size: 3rem;
}

i[class*="icon-opel-"].medium,
i[class*="icon-"].opel.medium {
  font-size: 2.2rem;
}

i[class*="icon-opel-"].small,
i[class*="icon-"].opel.small {
  font-size: 1.8rem;
}

i[class*="icon-opel-"].xsmall,
i[class*="icon-"].opel.xsmall {
  font-size: 1.2rem;
}

span[class^="info-"] i[class*="icon-opel-"],
span[class^="info-"] i[class*="icon-"].opel {
  line-height: 1.8rem;
}

/*-----------------------------------------------------*/
/*                 END SVG ICONS AND ICONFONT          */
/*-----------------------------------------------------*/



/*-----------------------------------------------------*/
/*                     ANIMATIONS                      */
/*-----------------------------------------------------*/
.panel .panel-body {
  will-change: background,position;
    -webkit-transition: background .2s cubic-bezier(.4,0,1,1), position .2s cubic-bezier(.4,0,1,1);
    -o-transition: background .2s cubic-bezier(.4,0,1,1), position .2s cubic-bezier(.4,0,1,1);
    transition: background .2s cubic-bezier(.4,0,1,1), position .2s cubic-bezier(.4,0,1,1);
}

.panel .panel-body .info-text {
  -webkit-transition: .2s cubic-bezier(.4,0,1,1);
    -moz-transition: .2s cubic-bezier(.4,0,1,1);
    -o-transition: .2s cubic-bezier(.4,0,1,1);
    transition: .2s cubic-bezier(.4,0,1,1);
}
/*-----------------------------------------------------*/
/*                   END ANIMATIONS                    */
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*                     COMPONENTS                      */
/*-----------------------------------------------------*/
.btn {
  font-family: 'OpelNext-Bold';
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}

#btnShow.btn.btn-primary, #btnFollow.btn.btn-primary {
  font-weight: normal;
  min-width: auto;
}

#btnShow.btn.btn-primary i, #btnFollow.btn.btn-primary i {
  line-height: 20px;
}

#btnFollow {
  padding: 10px!important;
}

.btn span + i,
.btn i + span {
  margin-left: .6rem;
}

.btn.btn-link {
  background: #000;
  color: #fff;
  left: -2.5rem;
}

.btn.btn-link i, .btn.btn-link i:before {
  color: #fff;
}

/*
.btn i {
  margin-left: 1rem;
}
*/

.btn i.small {
  vertical-align: sub;
}

/*
.btn.btn-link > * {
  vertical-align: top;
}
*/

.btn.btn-link .icon {
  fill: #fff;
  stroke: #fff;
}

.btn.btn-link:hover, .btn.btn-link:hover i, .btn.btn-link:hover i:before {
  color: #909090;
}

.btn.btn-link:hover .icon {
  fill: #909090;
  stroke: #909090;
}

.btn.btn-link:before {
  background-color: #000;
    border-right: #000 solid 1px;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-34.25deg);
    transform: skewX(-34.25deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    width: 100%;
    z-index: -1;
}

.btn.btn-link.read-more {
  position: absolute;
  left: -.1rem;
  bottom: -1rem;
}



#postBody .btn{white-space: normal;}

/*
@media (max-width: 767px) {
  .btn.btn-link.read-more {
    bottom: -8.6rem;
  }
}
*/

/*-----------------------------------------------------*/
/*                   END COMPONENTS                    */
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*                      TEMPLATES                      */
/*-----------------------------------------------------*/
/*
div.logo-left, div.logo-right {
  background: #000;
}

div.logo-left {
  height: 10rem;
  /*width: 10rem;*/
  /*width: 6.9444vw;*
  width: 8.0556vw;
}

div.logo-right {
  height: 6rem;
  /*width: 6rem;*
  width: 4.1667vw;
  min-width: 6rem;
}

@media (max-width: 768px) {
  div.logo-right {
    width: 10rem;
  }
}

div.logo-left:after,
div.logo-right:before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-style: solid;
}

div.logo-left:after {
  /*border-width: 10rem 7.6rem 0 0;*
  border-width: 10rem 6.8rem 0 0;
    border-color: #000 transparent transparent transparent;
    /*right: -7.6rem;*
    right: -6.8rem;
}

div.logo-right:before {
  border-width: 0 0 6rem 4.6rem;
    border-color: transparent transparent #000 transparent;
    left: -4.6rem;
}

@media (max-width: 767px) {
  div.logo-left {
    height: 6rem;
  }

  div.logo-left:after {
    border-width: 6rem 4.48rem 0 0;
    right: -4.48rem;
  }
}
*/

/* NEW NAVIGATION REGION */
div.logo-left, 
div.logo-right {
  background: none;
  position: relative;
}

div.logo-left,
div.logo-left + div {
  float: left;
}

div.logo-left {
  width: 17rem;
  height: 10rem;
}

div.logo-right {
  width: 10.2rem;
  height: 6rem;
  float: right;
}

div.logo-left:after, 
div.logo-right:before {
  display: none;
}

div.logo-left + div {
  width: calc(100% - 17rem);
}

nav .navbar-header {
  float: left;
  /*width: calc(100% - 17rem - 10.2rem);*/
  width: calc(100% - 10.2rem);
}

#brandLogo,
#communityLogo {
  width: auto;
  height: auto;
  line-height: auto;
  padding: 0;
  margin: 0;
}

#brandLogo img,
#communityLogo img {
  max-width: none;
  width: auto;
  height: auto;
}

@media (min-width: 992px) {
  #communityLogo img {
    height: 10rem;
  } 
}

body#toolBody.fullwidth #communityLogo {
  height: 6rem;
  padding: 1rem;
}

body#toolBody.fullwidth #communityLogo img {
  height: 100%;
}

ul#topChNav {
  /*margin-left: -5.4rem;*/
  margin-left: 7.2rem;
}

ul#topChNav li.dropdown {overflow: visible !important;}

ul#topChNav .dropdown-menu{background: #b4bbbf; margin: 0px; width: 100%; padding:0px; position: fixed; top: 100px;box-shadow: none;}
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;}
@media (max-width: 991px) {
  ul#topChNav .dropdown-menu {
    position: relative;
    top: 0px;
    background: #fff;
  }
}



/*@media (max-width: 767px)*/
@media (max-width: 991px) {
  div.logo-left {
    width: 5rem;
    height: 6rem;
  }

  div.logo-left button.navbar-toggle {
    color: #000;
  }

  div.logo-left + div {
    width: calc(100% - 5rem);
  }

  nav .navbar-header {
    /*width: calc(100% - 50px - 102px);*/
    width: calc(100% - 5rem - 5.2rem);
    text-align: center;
    line-height: 6rem;
  }

  #MainNavbar-collapse {
    width: calc(100% + 5rem);
      margin-left: -5rem;
  }

  ul#topChNav {
    margin-left: 0;
  }
}
/* END NEW NAVIGATION REGION */

#mainContent {
  position: relative;
}

h1.newsTitle,
.h1,
body:not(#toolBody) .toolTitle {
  font-size: 4.8rem;
  margin-top: 1rem;
  /*margin-bottom: 1rem;*/
  margin-bottom: 2rem;
}

.page-header h1.newsTitle {
  margin-bottom: 1rem;
}

/*
  HOMEPAGE TEMPLATE
    /static/template/PSA-v2_HP.aspx
*/
main > div#main-content {
  background: #f2f2f2;
}

main > div#main-content {
  padding: 4rem 0;
}

main > div#main-content-center {
  padding-top: 4rem;
}
/*
main > div#main-content ~ div {
  padding: 3rem 0;
}
*/

body.home div#main-content {
  padding-bottom: 0;
}

.fade-top {
  display: none;
  color: #000;
  width: 50%;
    background: #f2f2f2;
    position: fixed;
    top: 6rem;
    right: 7%;
    -webkit-box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
  -moz-box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
  box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
  z-index: 2;
}

.fade-top button#fade-close {
  margin-top: 1.5rem;
    margin-right: 1.5rem;
    padding: 0;
    border: none;
    background: none;
}

.fade-top > div {
  display: none;
}

.fade-top.active,
.fade-top.active > div.active {
  display: block;
}

/*@media (max-width: 767px)*/
@media (max-width: 991px) {
  .fade-top {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
}
/* END HOMEPAGE TEMPLATE */


/*
  PROFILE TEMPLATE
    /static/template/PSA-v2_PROFILE.aspx
*/
body.profile #contentBottom {
  background: #f2f2f2;
}

body.profile > #contentBottom,
body.profile > #main-fullwidth-content-bottom {
  padding: 4rem 0;
}

body.profile #content .panel {
  background: none;
}

body.profile a.btn[href*="formchange"] {
  display: none;
}


  /* Profile edit */
  #profiloPrivato h1 {
    margin-top: 5rem;
  }

  #profiloPrivato h1 + div {
    display: none;
  }

  #profiloPrivato .panel-heading h3 {
    color: #000;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  #avatarok {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #F7FF14;
  }
  /* END Profile edit */



/* END PROFILE TEMPLATE */


/* 
  NEWS TEMPLATE
  /static/template/PSA-v2_Content.aspx 
*/
body.content {
  background: #f2f2f2;
}

#postBody {
  padding: 7rem 10rem 5rem;
}

#postBody .postDate {
  margin-top: -4rem;
  font-family: "OpelNext-Bold";
  font-weight: normal;
  color: #b4bbbf;
}

article#content .info-content a,
#postBody a {
  border-bottom: none;
}

article#content .info-content a:not(.btn),
article#content .showNewsText a:not(.btn).not([class^="a-folder"]),
#postBody a:not(.btn).not([class^="a-folder"]) {
  border-bottom: 4px solid #F7FF14;
  padding-bottom: 0;
}

article#content a:not(.btn):hover,
#postBody a:not(.btn):hover,
article#content a:not(.btn):active,
#postBody a:not(.btn):active,
article#content a:not(.btn):focus,
#postBody a:not(.btn):focus {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

article#content a.btn:hover,
#postBody a.btn:hover {
  color: #909090;
}

#content > header {
  z-index: -1;
    position: absolute;
    width: 100%;
    /*top: 109px;*/
    background: #000;
}

#mainContent:not(.story-of-the-month) #content > header #postImage {
  width: 60%;
  float: right;
}

#content > div.container {
  position: relative;
}

#content > div.container div.news-top {
  width: 30%;
  /*margin-bottom: 10rem;*/
  /*margin-bottom: 22rem;*/
}

#content > div.container div.news-top .newsAbstract {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: normal;
  font-size: 2rem;
}

#content > div.container div.news-top .newsAbstract + div + div {
  margin-top: 2rem;
}

#content > div.container div.news-top * {
  color: #fff;
}

#content > div.container div.news-top h1 {
  margin-top: 6rem;
}

#content > div.container div.news-body {
  background: #fff;
  /*margin-top: -7rem;*/
  margin-top: 6rem;
}

@media (max-width: 992px){
  #btnFollow.btn.btn-primary{
    margin: 0px 0px 10px 1px !important;
  }
}

@media (max-width: 767px) {
  
  #content > div.container div.news-body {
    margin-top: 0;
  }
}

#content > div.container div.news-body h3 {
  color: #b3bbbe;
  font-size: 3rem;
  margin-bottom: 3rem;
  position: relative;
}

#content > div.container div.news-body h3:before {
  content: "";
    width: 3rem;
    background: #F7FF14;
    height: 15.3rem;
    position: absolute;
    left: -11.5rem;
}

#content > div.container div.news-body h4 {
  font-size: 2rem;
  margin-top: 3rem;
}

#content > div.container div.read-after {
  position: absolute;
  margin-top: 1rem;
  /*z-index: 2;*/
}

#content > div.container #related-items-Widget + div.read-after {
  margin-top: 48.1rem;
}

#content > div.container div.news-body + #related-items-Widget {
  width: 100%;
  float: left;
}

@media (max-width: 767px) {
  #content > .container {
    padding: 0;
  }

  #content > header {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
  }

  #mainContent:not(.story-of-the-month) #content > header #postImage {
    width: 100%;
  }

  #content > div.container {
    margin-top: -.6rem;
  }

  #content > div.container:last-child {
    padding: 0 1.5rem;
  }

  #content > div.container div.news-top {
    width: 100%;
    padding: 2rem;
    margin-bottom: 0;
    /*margin-top: -10rem;*/
    background: #000;
  }

  #postBody {
    padding: 6rem 2rem 2rem 2rem!important;
  }

  #detail_comments > .panel-body {
    padding: 2rem!important;
  }
  
  .detail_comments_item_avatar {
    width: auto!important;
  }

  #content > div.container div.news-body + #related-items-Widget {
    padding: 0 1.5rem;
  }

  #content > div.container div.read-after {
    left: 1.5rem;
    /*margin-top: .4rem;*/
  position: relative;
  float: left;
  margin-top: 0px !important;
  }

  .detail_comments_button{
  margin-left: 0px;
  margin-top: -10px;
  }
}
/* END NEWS TEMPLATE */


/* 
  STORY OF THE MONTH NEWS TEMPLATE
  /static/template/PSA-v2_Content.aspx 
*/
#mainContent.story-of-the-month {
  margin-top: 0!important;
  background: #f2f2f2;
}

#mainContent.story-of-the-month #content > header {
  position: relative;
  top: 0;
  height: 42rem;
  overflow: hidden;
  z-index: 1;
}

#mainContent.story-of-the-month #content > header:before {
  content: "";
    width: 23%;
    border-bottom: 42rem solid #F7FF14;
    position: absolute;
    border-left: 31rem solid transparent;
    transform: rotate(180deg);
}

@media (max-width: 1159px) {
  #mainContent.story-of-the-month #content > header:before {
    display: none;
  }
}

#mainContent.story-of-the-month #content > header > div.container {
  padding: 4rem 1.5rem 12rem;
}

#mainContent.story-of-the-month #content > header #postImage,
#mainContent.story-of-the-month #content > header .news-top  {
  float: left;
  color: #fff;
}

#mainContent.story-of-the-month #content > header #postImage #postImageBox {
  /*height: 0;*/
  height: 12rem;
  padding-top: 100%;
  border: 2px solid #F7FF14;
  border-radius: 50%;
}

@media (max-width: 991px) {
  #mainContent.story-of-the-month #content > header {
    height: auto;
  }

  #mainContent.story-of-the-month #content > header > div.container:first-child {
    padding: 4rem 1.5rem 8rem;
  }

  #mainContent.story-of-the-month #content > header > div.container:first-child .row {
    display: flex;
  }

  #mainContent.story-of-the-month #content > header #postImage #postImageBox {
    width: 13.5rem;
    margin-top: 2rem;
  }

  #mainContent.story-of-the-month #content > div.container div.news-body {
    margin-top: 0!important;
  }

  .storyAbstract {
    max-width: 100%;
  }

  .storyAbstract:before, .storyAbstract:after {
    display: none;
  }
}

#mainContent.story-of-the-month #content > header .news-top h1 {
  color: #fff;
}

#mainContent.story-of-the-month #content > header .news-top h2 {
  font-size: 3rem;
  color: #F7FF14;
  font-family: "OpelNext-Bold";
  font-weight: normal;
  text-transform: none;
  margin-bottom: 2rem;
}

#mainContent.story-of-the-month #content > div.container div.news-body {
  margin-top: -13.7rem;
    position: relative;
    z-index: 1;
}
/* END STORY OF THE MONTH NEWS TEMPLATE */


/* 
  STORY OF THE MONTH NEWS TEMPLATE
  /static/template/PSA-v2_Content.aspx 
*/
@media (min-width: 993px) {
  body.archive aside#sidebar,
  body.section aside#sidebar {
    margin-top: 16rem;
  }
}
/* END ARCHIVE TEMPLATE */


/* 
  COMMON NEW TEMPLATE ASSETS 
*/

/* paging */
ul.pager li a {
  border: none;
  border-radius: 0;
}

ul.pager li:first-child a,
ul.pager li:last-child a {
  text-transform: uppercase;
  font-family: "OpelNext-Regular";
}

ul.pager li:first-child:not(.disabled) a,
ul.pager li:last-child:not(.disabled) a {
  background: #f2f2f2;
  font-weight: bold;
}
/* END paging */


/* rating buttons */
#detail_rating_body .like_bar > a {
  background: #F7FF14!important;
  color: #000!important;
}

#detail_rating_body .like_bar > a:hover {
  background: #F7FF14;
  color: #909090;
}
/* END rating buttons */


/* Comments */
.detail_follow_button,
.detail_comments_button {
  position: relative;
  z-index: 1;
  float: right;
}

#detail_rating_body .like_bar .like_yes {
  position: relative;
  z-index: 1;
  right: 0;
  height: 41px;
}

#detail_comments {
  margin-top: 0;
  overflow: visible;
}

@media (max-width: 767px) {
  #detail_comments {
    width: calc(100% + 3rem)!important;
    margin: 0 -1.5rem;
  }
}

#detail_comments > .panel-body {
  padding: 7rem 10rem;
  /*background: #000;*/
}

#detail_comments_body {
  position: relative;
}

/*
#detail_comments_body:before {
  content: "";
    background: #000;
    position: absolute;
    width: calc(100% + 3rem);
    height: calc(100% + 7.3rem);
    z-index: -1;
    top: -73px;
    left: -15px;
    overflow: visible;
}
*/

ul#detail_comments_list {
  position: relative;
}

/*
ul#detail_comments_list:before {
    content: "";
    width: 300%;
    height: calc(100% + 13rem);
    position: absolute;
    background: #fff;
    left: -100%;
    top: -35px;
}
*/

.detail_comments_item {
  border-bottom: none;
}

.detail_comments_item_rispWrap {
  display: none;
}

.detail_comments_item_text {
  margin-top: 0.5rem!important;
}

.detail_comments_item_text img{
  max-width:100%;
}

.detail_comments_item_content {
  overflow: visible;
}

.detail_comments_item_parent {
  min-height: auto!important;
  border-bottom: none!important;
  padding-bottom: 0!important;
}

.detail_comments_item_avatar {
  margin-bottom: 0rem!important;
  padding-top: 1rem!important;
}

.detail_comments_item_avatar + div {
  padding-top: 1rem;
}

#detail_comments_list .detail_comments_item_avatar a:first-child img,
#detail_comments .media-left a {
  width: 4rem;
  height: 4rem;
}

#detail_comments .media-left a {
  line-height: 4rem;
  background: #f2f2f2;
  border: 2px solid #F7FF14;
  font-size: 1.6rem;
}

ul#detail_comments_list ul.detail_comment_childs {
  margin-top: 0!important;
  margin-left: 6rem;
}
/* END Comments */

/* END COMMON NEW TEMPLATE ASSETS */


/*
  SECTION TEMPLATE
  /static/template/PSA-v2_SECTION.aspx
*/

/*
body.section #mainContent:before,
body.archive #mainContent:before,
body.profile #mainContent:before,
body.product-catalog #mainContent:before,
body.product-page #mainContent:before {
  width: 89.7vw;
    height: 20rem;
    position: absolute;
    top: -4rem;
    left: -11.5%;
    border-color: #f2f2f2 transparent transparent transparent;
    border-width: 20rem 14.934rem 0 0;
    border-style: solid;
}
*/
body.section #mainContent:before,
body.archive #mainContent:before,
body.profile #mainContent:before,
body.product-catalog #mainContent:before,
body.product-page #mainContent:before {
  width: 200%;
    height: 20rem;
    position: absolute;
    top: -4rem;
    left: -113%;
    /*background: #f2f2f2;*/
    background: #e9e9e9;
}

body.section #mainContent:after,
body.archive #mainContent:after,
body.profile #mainContent:after,
body.product-catalog #mainContent:after,
body.product-page #mainContent:after {
  content: "";
    height: 20rem;
    position: absolute;
    top: -4rem;
    left: 87%;
    /*border-color: #f2f2f2 transparent transparent transparent;*/
    border-color: #e9e9e9 transparent transparent transparent;
    border-width: 20rem 14.934rem 0 0;
    border-style: solid;
    z-index: -1;
}

@media (max-width: 767px) {
  body.section #mainContent:before,
  body.archive #mainContent:before,
  body.profile #mainContent:before,
  body.product-catalog #mainContent:before,
  body.product-page #mainContent:before {
    width: 100%;
      left: 0;
      border: none;
      background: #e9e9e9;
  }

  body.section #mainContent:after,
  body.archive #mainContent:after,
  body.profile #mainContent:after,
  body.product-catalog #mainContent:after,
  body.product-page #mainContent:after {
    display: none;
  }
}
/* END SECTION TEMPLATE */


/*
  CONTENT WIDE VIDEO STREAMING TEMPLATE
  /static/template/PSA_Content-Wide-video-streaming.aspx
*/
body.content.content-wide-video-streaming {
  padding: 0;
}

body.content.content-wide-video-streaming nav {
  height: 6rem;
}

body.content.content-wide-video-streaming header {
  height: 40rem;
}

body.content.content-wide-video-streaming #content > div.container div.news-top h1 {
  margin-top: 11.1rem;
}

body.content.content-wide-video-streaming #content > div.container div.news-top {
  width: 50%;
}

@media (max-width: 767px) {
  body.content.content-wide-video-streaming header {
    display: none!important;
  }
  body.content.content-wide-video-streaming #content > div.container div.news-top {
    width: 100%;
  }
}
/* END CONTENT WIDE VIDEO STREAMING TEMPLATE */



/* TABS CONTAINER (Homepage and Profile templates) */
#tabsContainer {
  background: linear-gradient(#f2f2f2, #f2f2f2);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 0 6.2rem;
}

#tabsContainer #tabs > .tab-content {
  padding: 4rem 0;
}

@media (max-width: 767px) {
  #tabsContainer {
    background-position: 0 18.4rem;
  }
}
/* END TABS CONTAINER (Homepage and Profile templates) */

/*-----------------------------------------------------*/
/*                    END TEMPLATES                    */
/*-----------------------------------------------------*/






/*-----------------------------------------------------*/
/*                      OVERRIDES                      */
/*-----------------------------------------------------*/

/*
  BOOTSTRAP
*/
/*
.navbar {
  min-height: 10rem;
  margin-bottom: 0;
}
*/
.badge {
  display: block;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 .2rem;
    text-align: center;
    font-size: 1.2rem;
    box-sizing: border-box;
}
/* END BOOTSTRAP */


/*
  INPUTS
 */
.form-group .checkbox label, .form-group .radio label, .form-group label,
.checkbox label, .radio label, label {
  color: #606060;
}
/* END INPUTS */


/* PLUGINS */
/* Slick Slider */
.slick-prev, .slick-next {
  width: 3.5rem!important;
  height: 7rem!important;
  background: #fff!important;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
  background-color: #fff;
  opacity: 1;
}

.slick-slider .slick-prev:before {
  content: url("/includes/layout/images/arrow-left.svg");
}

.slick-slider .slick-next:before {
  content: url("/includes/layout/images/arrow-right.svg");
}

.slick-dots li button::before {
  font-size: 12px!important;
  color: #f2f2f2;
}

.slick-dots li button:hover::before {
  color: #ccc;
}

.slick-dots li.slick-active button:before {
  color: #000!important;
}

  #galleryWidgetHP #gallery-carousel {
    overflow: hidden;
  }
  #gallerySlider .slick-slide {
    margin: 0 15px;
  }
  #gallerySlider .slick-list {
    margin: 0 -15px;
  }
/* END Slick Slider */
/* END PLUGINS */


/* BUTTONS */
#detail_rating_body .like_bar .like_yes i {
  color: #000!important;
}
/* END BUTTONS */

/*
  MAIN NAVBAR
*/
/*
#MainNavbar-collapse:before {
  bottom: -1.9rem;
}
*/
/* END MAIN NAVBAR */


/*
  MAIN BOXES
*/
ul#mainBoxes .panel-body {
  padding: 1rem 2rem;
}

body.section ul#mainBoxes .panel-body {
  height: 16.9rem;
}

#mainBoxes .other-rows .img {
  height: 15.8rem;
}

#mainBoxes .other-rows .img a {
  display: inline-block;
  width: 100%;
  height: 100%;
}


body.home #mainBoxes .other-rows:first-child .img {
  height: 32.7rem;
}

/* END MAIN BOXES */


/*
  PANEL
*/
.panel, .panel:hover {
  position: relative;
  border-radius: 0;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}

/*#content ul#mainBoxes .panel, #contentCenter ul#mainBoxes .panel*/
ul#mainBoxes .panel {
  height: 32.7rem;
  margin-bottom: 4rem;
  background: #fff;
}

body.section .panel,
body.section .panel:hover,
body.archive .panel,
body.archive .panel:hover {
  background: none;
}

body.archive article#content > .panel {
  overflow: visible;
}
/* END PANEL */


/* LIST WRAPS */
.itemListWrap>ul>li {
  border-bottom: none;
}
/* END LIST WRAPS */


/* OTHER ELEMENTS */
.VideoReplace {
  float: none;
  margin: 0 auto;
}

#openToolsBTN {
  background: #F7FF14!important;
}

#openToolsBTN span,
#openToolsBTN i {
  color: #000!important;
}

#openToolsBTN:hover span,
#openToolsBTN:hover i {
  color: #606060!important;
}

/* END OTHER ELEMENTS */

/*-----------------------------------------------------*/
/*                    END OVERRIDES                    */
/*-----------------------------------------------------*/







/*-----------------------------------------------------*/
/*                  CONTENT OVERRIDES                  */
/*-----------------------------------------------------*/
#content .page-header {
  border-bottom: none;
  width: 100%;
  height: 160px;
}

#content .page-header > h1 + span {
  display: inline-block;
    margin: 0rem 0 5.3rem 0;
    /*width: 100%;*/
    width: 80%;
    /*font-size: 2.4rem;*/
    font-size: 2rem;
    font-family: "OpelNext-Regular";
}

@media (max-width: 767px) {
  #content .page-header > h1 + span {
    width: 100%;
  }
}

ul#mainBoxes .info-abstract {
  opacity: 0;
  -webkit-transition: opacity .35s cubic-bezier(.4,0,1,1);
    -moz-transition: opacity .35s cubic-bezier(.4,0,1,1);
    -o-transition: opacity .35s cubic-bezier(.4,0,1,1);
    transition: opacity .35s cubic-bezier(.4,0,1,1);
}

ul#mainBoxes .btn.btn-link.read-more {
  display: none;
}

ul#mainBoxes li .contentBox.video:before,
div.slick-slide.item.video:before {
  background: url(/includes/layout/images/play.svg);
    position: absolute;
    content: "";
    background-size: 100%;
    width: 6rem;
    height: 6rem;
    left: 50%;
    top: 50%;
    margin-left: -3rem;
    margin-top: -11rem;
}

div.slick-slide.item.video:before {
  width: 10rem;
    height: 10rem;
    margin-left: -5rem;
    margin-top: -5rem;
}


body.home #content ul#mainBoxes li:first-child .contentBox.video:before,
body.home #contentCenter ul#mainBoxes li:first-child .contentBox.video:before {
  width: 8rem;
    height: 8rem;
    margin-left: -4rem;
    margin-top: -7rem;
}

body.home #contentCenter ul#mainBoxes li:first-child .contentBox img {
  height: 32.7rem;
}

body.home #content ul#mainBoxes li:first-child div.panel-body {
  position: absolute;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  bottom: -5.2rem;
  height: 20rem;
  max-width: 70%;
}

body.home #content ul#mainBoxes li:first-child .panel:hover div.panel-body {
  height: 18rem;
}

body.home #content ul#mainBoxes li:first-child div.panel-body::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15rem 11.2rem 0 0;
  border-color: rgba(0,0,0,0.8) transparent transparent transparent;
  top: 0;
  right: -11.19rem;
}

body.home #content ul#mainBoxes li:first-child .contentBox h3,
body.home #contentCenter ul#mainBoxes li:first-child .contentBox h3 {
  display: table;
}

body.home #content ul#mainBoxes li:first-child .contentBox h3,
body.home #contentCenter ul#mainBoxes li:first-child .contentBox h3,
body.home #content ul#mainBoxes li:first-child .contentBox .info-text span,
body.home #contentCenter ul#mainBoxes li:first-child .contentBox .info-text span {
  color: #fff;
}


ul#mainBoxes .panel:hover {
  overflow: visible;
}

ul#mainBoxes .panel:hover .panel-body {
  background: rgba(247,255,20,.95)!important;
}

body:not(.section) ul#mainBoxes .panel:hover .panel-body {
  position: absolute;
    bottom: -.5rem;
    margin: -1rem;
    padding: 3rem 3rem 3.6rem;
}


body:not(.section) ul#mainBoxes li:first-child .panel:hover .panel-body {
  max-width: none!important;
  bottom: -.5rem!important;
}

body.home #content ul#mainBoxes li:first-child .panel:hover div.panel-body:after {
  display: none;
}


@media (max-width: 767px) {
  
  body.home #content ul#mainBoxes li:first-child div.panel-body {
    height: auto;
    min-height: 15.4rem;
  }
  

  body:not(.section) ul#mainBoxes .panel:hover .panel-body {
    padding: 3rem 3rem 5.6rem;
  }
}

/*@media (max-width: 991px) {*/
@media (max-width: 1200px) {
  
  body.home #content ul#mainBoxes li:first-child div.panel div.panel-body {
    width: 100%;
    max-width: none;
  }
  

  body.home #content ul#mainBoxes li:first-child div.panel:hover div.panel-body {
    width: calc(100% + 2rem);
  }
  
}


body.home #content ul#mainBoxes li:first-child .panel:hover .contentBox h3 a,
body.home #contentCenter ul#mainBoxes li:first-child .panel:hover .contentBox h3 a,
body.home #content ul#mainBoxes li:first-child .panel:hover .contentBox .info-text span,
body.home #contentCenter ul#mainBoxes li:first-child .panel:hover .contentBox .info-text span {
  color: #000!important;
}


ul#mainBoxes .panel .panel-body .info-text {
  transform: translate(0, 0);
}

ul#mainBoxes .panel .panel-body .info-text h3{
  font-size: 1.25em
}

body:not(.section) ul#mainBoxes .panel:hover .panel-body .info-text {
  transform: translate(0, -1rem);
}

ul#mainBoxes .panel:hover .panel-body .info-abstract {
  opacity: 1!important;
}

ul#mainBoxes .pos1 .panel:hover .panel-body .info-text > *,
ul#mainBoxes .pos2 .panel:hover .panel-body .info-text > * {
  color: #000 !important;
}

ul#mainBoxes .panel:hover .panel-body .btn.btn-link.read-more {
  display: block;
}

ul#mainBoxes h3
h3.media-heading {
  color: #000!important;
  font-size: 2.4rem;
  font-weight: bold;
}

ul#mainBoxes h3 a {
  color: #000;
}


body.home #content ul#mainBoxes li:first-child h3 a, 
body.home #contentCenter ul#mainBoxes li:first-child h3 a {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}


#content ul#secondaryBoxes {
  padding: 0;
  width: 100%;
}

#content ul#secondaryBoxes li div.media-body {
  transition: background .2s linear;
}

#content div:not(#allComments-Widget) > ul#secondaryBoxes li:hover div.media-body {
  background: rgba(247,255,20,.95);
  position: absolute;
  right: 0;
  padding: 1.7rem 3rem;
  margin: -10px -10px 0 0;
  height: calc(100% + 2rem);
  width: calc(62.6% + 2rem);
}

#content ul#secondaryBoxes li strong.details {
  color: #b4bbbf;
}

#content ul#secondaryBoxes li h3.media-heading {
  color: #000;
}

@media (max-width: 992px) {
  #content div:not(#allComments-Widget) > ul#secondaryBoxes li:hover div.media-body {
    /*position: absolute;*/
    position: relative;
      bottom: 0;
      margin: -1rem;
      /*padding: 3rem 3rem 3.6rem;*/
      padding: 3.5rem 2.5rem;
      right: auto;
      height: auto;
      /*width: 100%;*/
      width: calc(100% + 2rem);
      display: inline-block;
  }


  #content div:not(#allComments-Widget) > ul#secondaryBoxes li div.media-body {
    transform: translate(0, 0);
  }

  #content div:not(#allComments-Widget) > ul#secondaryBoxes li:hover div.media-body {
    transform: translate(0, -1rem);
  }
}

#content ul#secondaryBoxes .message{
  display: none;
}



#detail_rating_body .like_bar {
  float: right!important;
}

@media (max-width: 549px) {
  #detail_rating_body .like_bar {
    float: left!important;
  }

  #detail_rating_body .like_bar #likelink {
    margin-top: 0;
  }
}
/*-----------------------------------------------------*/
/*                END CONTENT OVERRIDES                */
/*-----------------------------------------------------*/



/*-----------------------------------------------------*/
/*                FUNCTIONS AND WIDGETS                */
/*-----------------------------------------------------*/

/* Generic widget styles */
/* END Generic widget styles */


/* LOGIN */
#loginBox .ripple-container {
  display: none!important;
}

#loginBox .card {
  padding: 30px 0 0;
}

#loginBox .card h3{color: #000}

#loginBox .nav-tabs {}

#loginBox .tab-content {
  padding: 15px;
}

#loginBox .nav-tabs>li>a {
  color: #bbb!important;
  background-color: #f7f7f7!important;
  border-top: 3px solid transparent!important;
  border-radius: 0;
  text-transform: uppercase;
}

#loginBox .nav-tabs>li>a:hover {
  color: #eb6428!important;
}

#loginBox .nav-tabs>li.active>a {
  background-color: #ffffff!important;
  border-top: 3px solid #000000!important;
}

#loginBox .card .card-footer a,
#loginBox .card .card-footer button {
  bottom: auto;
}

#loginBox .card .card-footer {
  font-size: 12px!important;
  background-color: #f7f7f7;
}

#loginBox input#login {
  margin: auto;
  display: initial;
}

#loginBox .nav-tabs>li small {
  display: block;
}

#loginBox .nav-tabs>li span {
  color: #000000;
}

label.pswReminder {
  margin-top: 0px;
  line-height:14px;
}


#loginSSO .form-group{margin-top:0px}
/* END LOGIN */



/* LEADBAR */
#leadBar {
  font-family: "OpelNext-Bold";
  font-weight: bold;
  margin-top: auto;
  z-index: 10;
  height:auto;
  padding: 1.5rem 0 !important;
  position: sticky;
}

#leadBar.sticky {
  background-color: rgba(0,0,0,1);
  position: sticky
}




#leadBar,
#leadBar:hover {
  background-color: rgba(0,0,0,1);
}

#leadBar ul li a,
#leadBar span.leadsDesc {
  color: #fff;
}

#leadBar ul li a:hover,
#leadBar ul li a:hover span.leadsDesc {
  color: #909090;
}


#leadBar.visible-xs {
  position: relative;
    background-color: #f7f7f7;
    transform: none;
    padding: 1.5rem 1.5rem .5rem!important;
    height: 100%;
}

#leadBar.visible-xs > .leadBarWrapper {
  height: 100%;
}

@media (min-width: 1200px) {
  #leadBar.hidden-xs > .leadBarWrapper {
    width: 900px;
  }
}

#leadBar.visible-xs ul {
  height: 3rem;
  line-height: 3rem;
  display: block;
}

#leadBar.visible-xs li {
  width: 49%;
  float: left;
  margin-bottom: 1rem;
}

#leadBar.visible-xs li:nth-child(odd) {
  margin-right: 1%;
}

#leadBar.visible-xs li:nth-child(even) {
  margin-left: 1%;
}

#leadBar.visible-xs ul li a {
  height: 100%;
    display: inline-block;
    padding: 1rem;
    background: #fff;
    width: 100%;
    text-align: center;
}

#leadBar.visible-xs ul li a, 
#leadBar.visible-xs span.leadsDesc {
  color: #000;
}

/* END LEADBAR */


/* HOMEPAGE - Top buttons */
#topButtons ul li a,
#topButtons ul li a i {
  color: #000!important;
}

#topButtons ul li.notifications a {
  position: relative;
}

#topButtons ul li.avatar > a > span + span {
  font-family: "OpelNext-Bold";
  font-weight: normal;
}

.userThumb {
  border-color: #F7FF14;
}
/* END HOMEPAGE - Top buttons */


/* HOMEPAGE - Search box */
div.search-box input[type="text"] {
  font-family: "OpelNext-Regular";
  font-style: italic;
  line-height: 2.5rem;
}

div.search-box button#btnSearch {
  position: relative;
}

div.search-box button#btnSearch:before {
  content: "";
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: rgba(153,153,153,.2);
    z-index: -1;
    top: -.2rem;
    left: -.2rem;
    opacity: 0;
    transition: opacity .2s linear;
}

div.search-box button#btnSearch:hover,
div.search-box button#btnSearch:focus {
  background: none;
  background-color: none;
}

@media (max-width: 767px) {
  div.search-box button#btnSearch:focus::before {
    opacity: 1;
  }
}

#open-search-modal {
  margin: 0;
  padding: .8rem 0;
}

#open-search-modal:hover,
#open-search-modal:focus,
#open-search-modal:active {
  background: none;
}

#btnSearch-modal {
  margin: 0;
}

#searchModal #searchFilters {
  margin-top: 2rem;
}
/* END HOMEPAGE - Search box */


/* HOMEPAGE - Main slider */
div.mainSlider div.item {
  height: 55rem;
  position: relative;
  /*background-position: right bottom;*/
  background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

div.mainSlider div.item div.caption {
  position: absolute;
    bottom: 0;
    width: 100%;
}

div.mainSlider div.item div.caption > div.container {
  position: relative;
}

div.mainSlider div.item div.caption > div.container > ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: -4rem;
}

div.mainSlider div.item div.caption > div.container > ul li {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #fff;
  font-family: 'OpelNext-Bold', 'Arial', sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
}

div.mainSlider div.item div.caption > div.container > ul li.active {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  transition: background .2s linear;
}

div.mainSlider div.item:hover div.caption > div.container > ul li.active {
  background: rgba(247,255,20, 0.95);
}

div.mainSlider div.item div.caption > div.container > ul li:not(.active) {
  cursor: pointer;
}


div.mainSlider div.item div.caption > div.container > div {
  background: rgba(255, 255, 255, 0.8);
  max-width: 84.75rem;
  height: 15rem;
  position: relative;
  display: table;
  transition: background .2s linear;
}

@media (max-width: 991px) {
  div.mainSlider div.item div.caption > div.container > div {
    max-width: none;
    width: 100%;
  }
}

div.mainSlider div.item div.caption > div.container > div:before {
  content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: -100%;
    background: rgba(255, 255, 255, 0.8);
    transition: background .2s linear;
}

div.mainSlider div.item div.caption > div.container > div:after {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15rem 11.2rem 0 0;
    border-color: rgba(255,255,255,0.8) transparent transparent transparent;
    /*right: -11.2rem;*/
    top: 0;

    transition: width 1s linear, border-color .2s linear;
}


@media (max-width: 991px) {
  div.mainSlider div.item div.caption > div.container > div:after {
    transition: background .2s linear;
  }
}


div.mainSlider div.item:hover div.caption > div.container > div {
  background: rgba(247,255,20,0.95);
}

div.mainSlider div.item:hover div.caption > div.container > div:before {
  background: rgba(247,255,20,0.95);
}

@media (max-width: 991px) {
  div.mainSlider div.item:hover div.caption > div.container > div:after {
    background: rgba(247,255,20,0.95);
  }
}

@media (min-width: 992px) {
  div.mainSlider div.item:hover div.caption > div.container > div:after {
    width: 400%;
    border-color: rgba(247,255,20,0.95) transparent transparent transparent;
  }
}

@media (max-width: 991px) {
  div.mainSlider div.item div.caption > div.container > div:after {
    height: 100%;
      width: 100%;
      /*right: -100%;*/
      background: rgba(255, 255, 255, 0.8);
      border: none;
  }

  div.mainSlider div.item:hover div.caption > div.container > div:after {
    background: rgba(247,255,20,0.95);
  }
}

div.mainSlider div.item div.caption > div.container > div > div {
  display: table-cell;
  vertical-align: middle;
}

div.mainSlider div.item div.caption > div.container > div > div h1 {
  margin-top: 0;
}

@media (max-width: 767px) {
  div.mainSlider div.item div.caption > div.container > div > div h1 {
    font-size: 2.8rem;
    line-height: 3rem;
  }

  div.mainSlider div.item div.caption > div.container > div > div h1 a {
    width: 100%;
    display: inline-block;
  }
}
/* END HOMEPAGE - Main slider */


/* HOMEPAGE - Tools buttons */
#toolsBtn {
  margin-bottom: 0;
  display: table;
  margin: 0 auto;
}

#toolsBtn ul {
  margin-top: 2rem;
  /*margin-left: 0;
  margin-right: 0;*/
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

#toolsBtn li {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0 1.5rem;
  margin: 0;
  /*width: 19rem;*/
  width: 14rem;
}
#toolsBtn a {padding:10px; height: 100px}

/*
#toolsBtn li.col-xs-12 {
  width: 100%;
}

#toolsBtn li.col-sm-6 {
  width: 50%;
}

#toolsBtn li.col-md-2 {
  width: 16.66666667%;
}
*/

#toolsBtn li .panel {
  background-color: #b4bbbf;
}

#toolsBtn li .panel:hover {
  background-color: #F7FF14;
}

#toolsBtn li .panel * {
  color: #fff;
  text-decoration: none;
}

#toolsBtn li .panel:hover * {
  color: #000;
}

#toolsBtn li .panel span {
  font-family: "OpelNext-Bold";
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: .4rem;
}

#toolsBtn li .panel span.toolsBtnIco{
    margin-top: 0px;
}

@media (max-width: 767px) {
  #toolsBtn {
    display: block;
  }

  #toolsBtn li {
    padding: 0 1.5rem;
    width: 50%!important;
  }

  #toolsBtn li:nth-child(odd):last-child {
    width: 100%!important;
  }
}

@media (max-width: 992px) {
  #toolsBtn {
    width: 100%;
  }

  #toolsBtn li a {
    height: 10rem;
  }

  /* 3 links */
  #toolsBtn li:first-child:nth-last-child(n + 3),
  #toolsBtn li:first-child:nth-last-child(n + 3) ~ li {
    width: 33.3333%;
  }

  /* 4 links */
  #toolsBtn li:first-child:nth-last-child(n + 4),
  #toolsBtn li:first-child:nth-last-child(n + 4) ~ li {
    width: 25%;
  }

  /* 5 links */
  #toolsBtn li:first-child:nth-last-child(n + 5),
  #toolsBtn li:first-child:nth-last-child(n + 5) ~ li {
    width: 20%;
  }

  /* 6 links */
  #toolsBtn li:first-child:nth-last-child(n + 6),
  #toolsBtn li:first-child:nth-last-child(n + 6) ~ li {
    width: 16.66667%;
  }
} 

/* END HOMEPAGE - Tools buttons */


/* HOMEPAGE - Who we are | PROFILE - Followed users */
#whoweare-Widget a#go-to-search {
  font-size: 1.4rem;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  padding: 0 1rem;
  margin-top: 1rem;
  background: #fff;
    border-radius: 1.2rem;
    transition: background .2s linear;
}

#whoweare-Widget a#go-to-search:hover {
  background: rgba(0,0,0,0.1);
  text-decoration: none;
}

#whoweare-Widget a#go-to-search span {
  margin-right: 1rem;
  letter-spacing: 0;
  opacity: 0;
  transition: opacity .2s linear;
}

#whoweare-Widget a#go-to-search:hover span {
  opacity: 1;
}

/*#whoweare-Widget ul li:hover*/
#whoweare-Widget div.media-list div.col-md-1:hover {
  background: #F7FF14;
}

/*#whoweare-Widget ul li a*/
#whoweare-Widget div.media-list div.col-md-1 a {
  text-decoration: none;
}

/*#whoweare-Widget ul li img,*/
#whoweare-Widget div.media-list div.col-md-1 img,
#followed-users-Widget ul img {
  border: 2px solid #F7FF14;
}

/*#whoweare-Widget ul li p,*/
#whoweare-Widget div.media-list div.col-md-1 p,
#followed-users-Widget ul li p {
  font-family: "OpelNext-Regular";
}

#whoweare-Widget div.media-list div.col-md-1 p {
  position: absolute;
    width: 100%;
    left: 0;
}

#followed-users-Widget ul li p {
  margin-left: 1rem;
  margin-bottom: 0;
  vertical-align: middle;
  line-height: 8rem;
}

#whoweare-Widget ul.slick-dots,
#lastComments-Widget ul.slick-dots,
#userComments-Widget ul.slick-dots {
  position: relative;
  margin-bottom: 3rem;
}

#whoweare-Widget .userThumb,
#whoweare-Widget img {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  font-size: 2.4rem;
}

/*
@media (max-width: 600px) {
  #whoweare-Widget ul li p {
    display: none;
  }
}
*/
/* END HOMEPAGE - Who we are | PROFILE - Followed users */


/* HOMEPAGE - Story of the month */
/*
div.widget.story-of-the-month {
  background: #000;
  color: #fff;
  padding: 4rem;
  overflow: visible;
}
*/

/*
div.widget.story-of-the-month:before {
    content: "";
    width: 0;
    border-bottom: 32rem solid #F7FF14;
    position: absolute;
    border-left: 25rem solid transparent;
    transform: rotate(180deg);
    z-index: 0;
    top: 0;
    left: 0;
}
*/

div.widget.story-of-the-month ul li {
  /*
  background: transparent;
  margin-bottom: 0;
  overflow: visible;
  */
  background: #000;
  color: #fff;
  padding: 4rem;
  overflow: visible;
  min-height: 32rem;
}

div.widget.story-of-the-month.col-md-7 ul li,
div.widget.story-of-the-month.col-md-8 ul li {
  height: 33.1rem;
}

/*
div.widget.story-of-the-month .panel:before {
    content: "";
    width: 0;
    border-bottom: 32rem solid #F7FF14;
    position: absolute;
    border-left: 25rem solid transparent;
    transform: rotate(180deg);
    z-index: 0;
    top: 0;
    left: 0;
}
*/

div.widget.story-of-the-month .yellow-background {
  /*width: 35%;*/
  width: 42%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

div.widget.story-of-the-month .yellow-background:before {
  content: "";
  
    border-bottom: 36rem solid #F7FF14;
    position: absolute;
    border-left: 27rem solid transparent;
    transform: rotate(180deg);
    z-index: 0;
}

div.widget.story-of-the-month #postImageBox {
  height: 17rem;
    width: 17rem;
    border: 2px solid #F7FF14;
    border-radius: 50%;
}

div.widget.story-of-the-month h1 {
  color: #fff;
  margin-top: 0;
}

div.widget.story-of-the-month h2 {
  font-size: 3rem;
  color: #F7FF14;
  font-family: "OpelNext-Bold";
  font-weight: bold;
  text-transform: none;
  margin-bottom: 2rem;
}

div.widget.story-of-the-month .storyAbstract {
  display: block;
  max-width: 100%;
  color: #fff;
}

div.widget.story-of-the-month .storyAbstract:after {
  color: #F7FF14;
}

@media (max-width: 991px) {
  div.widget.story-of-the-month {
    padding: 0;
    margin-bottom: 3rem;
  }

  div.widget.story-of-the-month .yellow-background {
    width: 100%;
      height: 10rem;
      background: #F7FF14;
  }

  div.widget.story-of-the-month .yellow-background:before {
    display: none;
  }

  div.widget.story-of-the-month #postImageBox {
    width: 12rem;
    height: 12rem;
  }

  div.widget.story-of-the-month h1 {
    margin-top: 2rem;
  }

  div.widget.story-of-the-month .storyAbstract {
    padding: 0 4rem;
  }

  .storyAbstract:before, .storyAbstract:after {
      font-size: 10rem;
      line-height: 10rem;
      position: absolute;
  }
  .storyAbstract:before {
      content: "“";
      left: -1rem;
      top: -2rem;
  }
  .storyAbstract:after {
      content: "„";
      right: -1rem;
      bottom: -1.5rem;
      color: #fff;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  div.widget.story-of-the-month {
    padding: 0;
  }

  div.widget.story-of-the-month .yellow-background:before {
    border-bottom: 28rem solid #F7FF14;
    border-left: 18rem solid transparent;
  }

  div.widget.story-of-the-month #postImageBox {
    width: 14rem;
    height: 14rem;
  }
}
/* END HOMEPAGE - Story of the month */









/* HOMEPAGE - Most Commented  / Most Read / last Doc */

.home #docFileSearch{
  margin-top: 0px !important;
  padding-left: 15px
}


.home #lastDoc-Widget{
    padding-right: 0px
}

@supports ((position: sticky) or (position: -webkit-sticky)) {
  .home #lastDoc-Widget{
    position: -webkit-sticky; position: sticky; top: 100px; 
  }
}

@supports not ((position: sticky) or (position: -webkit-sticky)) {
  .home #lastDoc-Widget{
    position: relative;
  }
}

@media (max-width: 992px) {
  .home #lastDoc-Widget{
    clear: both;
    padding: 15px;
  }
}

.home #lastDoc-Widget .panel{
  margin-bottom: 40px;
}



.home #lastDoc-Widget li{
    width: 100%;
    margin-left: 0px
}

.home #lastDoc-Widget li div{
    padding-left: 0px
}

.home #lastDoc-Widget li div:last-child{
    padding-right: 0px
}

.home #lastDoc-Widget li div.fileDate{
    font-size: 12px
}

/*aside #lastDoc-Widget{
  margin-top: 18rem
}*/

@media (max-width: 992px) {
  aside #lastDoc-Widget{
    margin-top: 0px;
  }
}

aside #lastDoc-Widget .panel-heading,
aside #lastDoc-Widget .panel-body{
  padding:0px;
}

aside #lastDoc-Widget .panel-body ul li.row{
  margin-left:0px;
  margin-right:0px;
}

aside #lastDoc-Widget .panel-body ul li div{
  padding:0px;
}

aside #lastDoc-Widget .panel-body ul li div.col-md-1:last-child{
  padding:0px 15px;
}

aside #lastDoc-Widget .panel-body ul li div small{
  font-size: 75%
}




#mostRead-Widget .panel{height: auto}

#mostRead-Widget h3.panel-title,
#mostCommented-Widget h3.panel-title{
  font-size: 2.4rem;
}


#mostRead-Widget .panel-heading,
#mostCommented-Widget .panel-heading{
  padding: 0px;
}

#mostRead-Widget .panel-body,
#mostCommented-Widget .panel-body{
  padding-left: 15px;
  padding-right: 0px;
}

#mostRead-Widget .panel-body,
#mostCommented-Widget .panel-body,
#docFileSearch{
  padding-left: 20px;
  border-left: 1px solid #F7FF14
}

#docFileSearch {
  border-left: 0px;
  padding-left: 0px;
  margin-left: -15px;
}

#accDocs{
  margin-right: 0px !important
}

/*#mostCommented-Widget{
  padding-right: 0px;
}
#mostCommented-Widget .panel-body{
  border-left: 1px solid #F7FF14;
  border-right: 1px solid #F7FF14;
  padding-left:20px;
  padding-right: 20px;
}*/


#mostCommented-Widget ol {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  color: #bbb;
  font-size: 24px;
  font-weight: bold;
}

#mostCommented-Widget ol li {
  line-height: 0.8;
  border-bottom: 1px solid #eee
}

#mostCommented-Widget ol a {
  font-size: 14px;
  vertical-align: text-top;
  padding-right: 20px;
}

/* END HOMEPAGE - Most Commented  / Most Read / last Doc */




/* HOMEPAGE - Latest comments */
#lastComments-Widget{
  margin-bottom: 30px
}

#lastComments-Widget div.media div.comment-heading > div + div > div {
  /*padding-top: 2rem;*/
  height: 4.4rem;
    vertical-align: bottom;
    display: table-cell;
}

.dealers {
  color: #000!important;
  font-family: "OpelNext-Bold";
  font-weight: bold;
  font-size: 1.2rem;
}

.dealers i {
  font-size: 1.2rem!important;
}

#userData h1 + div i,
.dealers i {
  display: inline-block;
  margin-top: -.4rem;
  margin-right: .6rem;
}

#allComments-Widget ul li {
  background: none!important;
}

/*
.dealers span.more {
  font-weight: normal;
  color: #b4bbbf;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  display: inline-block;
  border: 1px solid;
  border-radius: .9rem;
}

.dealers span.more:before {
  display: none;
}
*/

div.fullwidth #lastComments-Widget div.panel-body,
div.fullwidth #allComments-Widget div.panel-body,
div.fullwidth #userComments-Widget div.panel-body {
  padding-left: 0;
  padding-right: 0;
}


@media (min-width: 871px) {
  #lastComments-Widget div.slick-slider:before,
  #lastComments-Widget div.slick-slider:after,
  #userComments-Widget div.slick-slider:before,
  #userComments-Widget div.slick-slider:after,
  #whoweare-Widget div.slick-slider:before,
  #whoweare-Widget div.slick-slider:after {
    content: "";
      width: 13.5rem;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 1;
  }

  #lastComments-Widget div.slick-slider:before,
  #userComments-Widget div.slick-slider:before,
  #whoweare-Widget div.slick-slider:before {
    left: 0;
      background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, transparent 20rem);
  }

  #whoweare-Widget div.slick-slider:before {
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, transparent 12rem);
  }

  #lastComments-Widget div.slick-slider:after,
  #userComments-Widget ul.slick-slider:after,
  #whoweare-Widget div.slick-slider:after {
    right: 0;
      background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.8) 20rem);
  }

  #whoweare-Widget div.slick-slider:after {
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.8) 12rem);
  }
}

#lastComments-Widget div.media,
#allComments-Widget li.row,
#userComments-Widget div.media {
  display: flex;
  flex-direction: column;
  border-bottom: none;
  margin-top: 0;
}

/*
@media (max-width: 869px) {
  #lastComments-Widget div.media, 
  #allComments-Widget li.row, 
  #userComments-Widget div.media {
    padding: 0 5rem;
  }
}
*/

#lastComments-Widget div.media a,
#allComments-Widget li.row a,
#userComments-Widget div.media a {
  color: #000;
}

/*#lastComments-Widget li*/ div.comment-heading {
  display: flex;
}

#userComments-Widget div.media div.comment-heading {
  display: block;
  text-align: right;
}

div.comment-heading img.img-circle {
  width: 100%;
  height: 100%;
}

div.comment-heading a {
  font-family: "OpelNext-Regular";
}

/*
body.section div.comment-heading img.img-circle {
  margin-top: -.5rem;
}
*/

#userComments-Widget li div.comment-heading {
  display: block;
  text-align: right;
}

/*#lastComments-Widget li*/ div.comment-heading > div:first-child > a span,
div.comment-heading > div:first-child > a img,
#notifications-list .lsu_avatar > a span,
#notifications-list-users-hp .lsu_avatar > a span,
#notifications-list-news-hp .lsd_avatar > a span,
#notifications-list-news .lsd_avatar > a img {
  width: 4rem;
    height: 4rem;
    display: inline-block;
    text-align: center;
    line-height: 4rem;
    background: #f2f2f2;
    border-radius: 50%;
    border: 2px solid #F7FF14;
}

/*#lastComments-Widget li*/ div.comment-heading div + div,
#userComments-Widget div.media div.comment-heading strong {
  color: #b4bbbf;
}

#lastComments-Widget div.media div.comment-heading > div + div,
#allComments-Widget li.row div.comment-heading div + div,
#userComments-Widget div.media div.comment-heading div + div,
li div.comment-heading div.detail_comments_item_avatar + div {
  width: 100%;
}

#lastComments-Widget div.media div.comment-heading > div + div,
#allComments-Widget li.row div.comment-heading div + div,
li div.comment-heading div.detail_comments_item_avatar + div {
  padding-left: 4rem;
}

/*
li div.comment-heading div.detail_comments_item_avatar + div {
  margin-bottom: 1rem;
}
*/

/*#lastComments-Widget div.media div.comment-heading div + div,*/
/*#allComments-Widget li.row div.comment-heading div + div,*/
#userComments-Widget div.media div.comment-heading div + div {
  padding-top: 2.2rem;
}

/*#lastComments-Widget li*/ div.comment-heading div + div a {
  color: #000;
  font-weight: bold;
}

/*#lastComments-Widget li*/ div.comment-heading div + div a[href*="writerid"]:after {
    color: #F7FF14;
    content: '/';
    display: inline-block;
    font-size: 1.375rem;
    padding: 0 .5rem;
}

#lastComments-Widget div.media div.comment-heading + div,
#allComments-Widget li.row div.comment-heading + div,
#userComments-Widget div.media div.comment-heading + div,
.detail_comments_item_text {
  margin-top: 1rem;
  background: #f2f2f2;
  padding: 2rem;
  width: 100%;
  height: 12.5rem;
  position: relative;
  overflow: visible;
  transition: background .2s ease-in;
}

#allComments-Widget li.row div.comment-heading + div,
#userComments-Widget div.media div.comment-heading + div {
  width: 100%!important;
  padding-right: 2rem!important;
}

#lastComments-Widget div.media div.comment-heading + div:before,
#allComments-Widget li.row div.comment-heading + div:before,
#userComments-Widget div.media div.comment-heading + div:before,
.detail_comments_item_text:before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3rem 0 0 2.2rem;
    border-color: transparent transparent transparent #f2f2f2;
    top: -3rem;
    left: 5rem;
    transition: border-color .2s ease-in;
}

#userComments-Widget div.media div.comment-heading + div:before {
  left: 0;
}

#lastComments-Widget div.media:hover div.comment-heading + div,
#allComments-Widget li.row:hover div.comment-heading + div,
#userComments-Widget div.media:hover div.comment-heading + div {
  background: #f9f9f9!important;
}

#lastComments-Widget div.media:hover div.comment-heading + div:before,
#allComments-Widget li.row:hover div.comment-heading + div:before,
#userComments-Widget div.media:hover div.comment-heading + div:before {
  border-color: transparent transparent transparent #f9f9f9;
}

.rispondiCommenti:hover {
  background: none!important;
}
.apriCommenti,
.rispondiCommenti {
  background: none!important;
  padding: 0!important;
  float: right!important;
}

.apriCommenti,
.rispondiCommenti,
.detail_comments_child_answer {
  color: #b4bbbf!important;
}

.apriCommenti:hover,
.rispondiCommenti:hover,
.apriCommenti:hover .detail_comments_child_answer,
.rispondiCommenti:hover .detail_comments_child_answer {
  color: #000!important;
}
/* END HOMEPAGE - Latest comments */


/* HOMEPAGE - Gallery */
#galleryBody .profiloBoxName {
  font-family: "OpelNext-Regular";
}

#galleryBody .infoAuthor img {
  border-color: #F7FF14!important;
}
/* END HOMEPAGE - Gallery */



/* PROFILE - User Data and Badges */
#userData,
#usrBadges {
  font-family: "OpelNext-Regular";
}

#usrBadges {
  margin-top: 8rem;
}

#userData .userThumb {
  border: none;
}

/*#userData .userAvatar*/
#userData .userAvatar span {
  border-color: #F7FF14;
}

#userData h1 + div span {
  margin: 0;
}

/* DEBUG */
#userData .userWork {
  display: none;
}
/* END DEBUG */
/* END PROFILE - User Data and Badges */


/* PROFILE - News and users notifications */
#followed-news-Widget > div > div.itemListWrap,
#followed-users-Widget > div > div.itemListWrap {
  padding: 0;
}

/*#followed-news-Widget ul.lsd_lista_messaggi,*/
#followed-users-Widget ul.lsu_lista_messaggi {
  padding-left: 9rem;
}

#followed-news-Widget ul.lsd_lista_messaggi > li,
#followed-users-Widget ul.lsu_lista_messaggi > li {
  padding: 1.5rem 0;
}

#followed-news-Widget ul.lsd_lista_messaggi > li:first-child,
#followed-users-Widget ul.lsu_lista_messaggi > li:first-child {
  margin-top: -1.5rem;
}

#followed-news-Widget span.info-comment,
#followed-users-Widget a.lsu_no_follow {
  margin-right: 0;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-family: "OpelNext-Bold";
  font-weight: bold;
}

#followed-news-Widget span.info-comment a,
#followed-users-Widget a.lsu_no_follow {
  color: #b4bbbf;
  text-decoration: none;
}

#followed-news-Widget span.info-comment a:hover,
#followed-users-Widget a.lsu_no_follow:hover {
  color: #000;
}

#followed-users-Widget ul#notifications-list-users > li > a:hover {
  text-decoration: none;
}

#followed-users-Widget ul#notifications-list-users > li > a:hover p {
  font-weight: bold;
}

#followed-news-Widget ul#notifications-list-news > li > div[id*="lsd_titlo"],
#followed-users-Widget ul#notifications-list-users > li > div[id*="lsu_titolo"] {
  width: 100%;
}


#followed-users-Widget .userThumb,
#followed-users-Widget img {
  width: 8rem;
  height: 8rem;
  line-height: 8rem;
  font-size: 2.4rem;
}

#followed-users-Widget #notifications-list-users > li > a > * {
  float: left;
}
/* END PROFILE - News and users notifications */


/* PROFILE EDIT - Avatar upload modal */
/*
#uploadcrop {
  width: 40rem!important;
  height: 40rem!important;
}
*/

#uploadcrop .btn i {
  color: #000!important;
}

#uploadcrop .btn.delete i {
  color: #fff!important;
}

#uploadcrop .btn.btn-danger {
  background-color: #f2f2f2;
}

#uploadcrop .btn.btn-success {
  background-color: #F7FF14;
}

#uploadcrop .btn.delete {
  background: #000000!important;
}
/* END PROFILE EDIT - Avatar upload modal */


/* Notifications and favourites popup */
#favourites-hp-Widget > ul,
#notifications-hp-Widget > ul {
  max-height: 40rem;
  overflow: scroll;
}

#notifications-list/*,
#notifications-list-news,
#notifications-list-users,
#favourites-list*/
#notifications-list li,
#notifications-list-users-hp li,
#notifications-list-news-hp li,
#notifications-list-news li,
#favourites-list li {
  background: #fff;
}

#notifications-list li + li,
#notifications-list-users-hp li + li,
#notifications-list-news-hp li + li,
#notifications-list-news li + li,
#favourites-list li + li {
  margin-top: 1rem;
}

#notifications-list li,
#notifications-list-users-hp li,
#notifications-list-news-hp li,
#notifications-list-news li,
/*#notifications-list-users li,*/
/*#notifications-list-users li a,*/
#favourites-list li {
  display: flex;
}

#notifications-list-users li {
  width: 100%;
  display: inline-block;
}

#notifications-list li .lsu_avatar > a,
#notifications-list-users-hp li .lsu_avatar > a,
#notifications-list-news-hp li .lsd_avatar > a,
#notifications-list-news li .lsd_avatar > a {
  margin-right: 2rem;
}

#notifications-list li .lsu_data,
#notifications-list-users-hp li .lsu_data,
#notifications-list-news-hp li .lsd_data,
#notifications-list-users li .lsu_data,
#notifications-list-news li .lsd_data {
  color: #b4bbbf;
}
/* END Notifications and favourites popup */


/*
  PRODUCT CATALOG - Filtered product catalog
*/
#mainCatalog #filters .btn.btn-raised.btn-primary{
  padding: 8px 30px
}
#mainCatalog #filters .btn.btn-raised.btn-primary:after {
  background: #F7FF14;
}

#catalog .element-item:hover {
  border: 2px solid #F7FF14;
  padding: 1.4rem;
}

.modelFocusOnIco {
  left: auto;
  right: 0;
  top: 0;
}

#catalog .element-item:hover .modelFocusOnIco {
  right: -1px;
  top: -1px;
}

.modelFocusOnIco span {
  font-family: "OpelNext-Regular";
  background: #F7FF14;
    color: #000;
    top: 18px!important;
    left: -3px!important;
    box-shadow: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.modelFocusOnIco span::before,
.modelFocusOnIco span::after {
  display: none;
}




.modelElectricIco {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url(/includes/img/picto_VE_2.png);
    background-size: 94%;
    background-position: 50%;
    background-repeat: no-repeat;
}

#catalog .element-item:hover .modelElectricIco {
  top: 9px;
  left: 9px;
}
/* END PRODUCT CATALOG - Filtered product catalog */


/* 
  PRODUCT PAGE
*/
body.product-page #docFileRepository h3.widgetTitle {
  margin-top: 2rem;
}

/*
body.product-page #docFileRepository + #productImageSlider {
  margin-top: 4rem;
}
*/

body.product-page #productImageSlider {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

body.product-page #product-videoSlider {
  margin-bottom: 8rem;
}

#product-videoSlider > ul.multimedia li,
ul.product-videoSlider-nav li {
  margin: 0 1.5rem;
}

body.product-page ul#mainBoxes li > .panel {
  margin-bottom: 1.5rem;
}

body.product-page #docFileRepository div.foldWrap a {
  text-transform: uppercase;
}
/* END PRODUCT PAGE */


/* ARCHIVE - Top Tags */
.top-tags {
  display: flex;
}

@media (max-width: 992px) {
  .top-tags{
    flex-direction: column;
  }
}

.top-tags a {
  width: 100%!important;
  /*margin-right: 1rem;*/
  margin-bottom: 0.5rem;
  height: 3.6rem;
  position: relative;
  padding: 8px 15px;
}

.top-tags a + a {
  /*margin: 0 1rem;*/
}

.top-tags a:last-child {
  margin-right: 0;
}

.top-tags a.btn.btn-raised.btn-primary {
  font-weight: bold;
  background: #f2f2f2;
}


.top-tags a.btn.btn-raised.btn-primary:after {
  content: "";
    position: absolute;
    width: 100%;
    height: 1rem;
    background: #F7FF14;
    left: 0;
    bottom: -1rem;
}
/* END ARCHIVE - Top Tags */


/* USER SEARCH */
#userSearch .utenti{
  float: left;
  width: 100%;
  margin: 0px;
}
#userSearch .utenti .media-body span {
  margin-right: 0;
  font-weight: normal;
}

#userSearch .utenti .media-body a.user-link,
#userSearch .utenti .media-body .dealers span {
  font-family: "OpelNext-Bold";
  font-weight: bold;
}

#userSearch .utenti .nailthumb-container {
  border-color: #F7FF14;
}


#userSearch .userThumb{
  border: none;
  background: transparent;
  height: 7rem;
  width: 7rem;
  vertical-align: middle;
  line-height: 7rem;
}


#userSearch #contactForm {
  border: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    overflow: auto;
}

#userSearch #contactForm .modal-dialog {
  background: #fff;
}

#userSearch #contactForm .modal-dialog .modal-header,
#userSearch #contactForm .modal-dialog .modal-body {
  display: inline-block;
  width: 100%;
}
/* END USER SEARCH */

/*AUTOCOMPLETE RICERCA UTENTE*/
#frmSearchUsr .form-group{margin-top:0px;}
#frmSearchUsr .ui-helper-hidden-accessible{display: none}
.ui-autocomplete{
  border: 1px solid #aaaaaa;
  background: #eeeeee;
  color: #222222;
  list-style: none;
  padding:5px;
  width: 500px !important; 
}

.ui-autocomplete .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-autocomplete .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal;
}

.ui-autocomplete  .ui-state-hover,
.ui-autocomplete  .ui-widget-content .ui-state-hover,
.ui-autocomplete  .ui-widget-header .ui-state-hover,
.ui-autocomplete  .ui-state-focus,
.ui-autocomplete  .ui-widget-content .ui-state-focus,
.ui-autocomplete  .ui-widget-header .ui-state-focus {
  border: 1px solid #2293f7;
  background: #2293f7 url("images/ui-bg_diagonals-thick_26_2293f7_40x40.png") 50% 50% repeat;
  font-weight: bold;
  color: #ffffff;
}

/*FINE AUTOCOMPLETE RICERCA UTENTE*/


/* USERFUL LINKS PAGE */
#usefulLinks .page-header, #usefulLinks p.intro {
  text-align: left;
}

#usefulLinks p.intro {
  margin: 0 0 8rem;
}

#usefulLinks .element-item {
  background: #fff;
  border: 2px solid #ddd;
padding:8px;
height:66px;
border-collapse: collapse;
}


#usefulLinks #catalog .element-item {}
#usefulLinks #catalog .element-item:hover {border: 10px solid rgba(247, 255, 20, 0.5); padding:0;}



/* END USERFUL LINKS PAGE */


/* GLOBAL WIDGETS - Cover Story */
div.cover-story {
  background-color: #000;
  height: 40rem;
  color: #fff;
  margin-bottom: 5rem;
}

div.cover-story > .info-text {
  padding: 1rem 2rem;
}

div.cover-story h3 {
  margin: 2rem 0;
}

div.cover-story h3 a,
div.cover-story h3 a:hover {
  color: #fff!important;
}

div.cover-story div.img {
  right: -1.5rem;
  height: 100%;
  background-size: 100%;
  background-position: 50%;
}

@media (max-width: 992px) {
  div.cover-story .info-text {
    position: absolute;
      z-index: 1;
      background: rgba(0,0,0,0.8);
      width: 100%;
      bottom: 0;
      left: 0;
      padding: 1.5rem;
  }

  div.cover-story div.img {
    width: 100%;
      left: 0;
      right: 0;
  }
}
/* END GLOBAL WIDGETS - Cover Story */

/*-----------------------------------------------------*/
/*              END FUNCTIONS AND WIDGETS              */
/*-----------------------------------------------------*/





/*-----------------------------------------------------*/
/*                       INFORETE                      */
/*-----------------------------------------------------*/
#inforeteSearch,
#docFileSearch,
#frmSearchUsr {
  margin-top: 7.6rem!important;
}

#accInforete h4 {
  padding:0; margin:0;
}

#accInforete h4:before {
  display: none;
}

#accInforete .panelRepos .panel-heading {
  border: 5px solid #F7FF14!important;
}

#accInforete .panelRepos .panel-title a.collapsed strong {
  color: #000!important;
}

#accInforete .panelRepos .panel-title a:not(.collapsed) {
  background: #F7FF14!important;
  color: #000!important;
}

#accInforete .panelRepos .docItem, #docFileHighlight .docItem {
  border: 5px solid #f2f2f2!important;
}

#accInforete .panelRepos .docItem h6, #docFileHighlight .docItem h6 {
  color: #b4bbbf!important;
}

.panel-default>.panel-heading .badge {
  background: #b4bbbf!important;
  color: #fff!important;
  font-weight: normal!important;
  line-height: 1.4rem!important;
}
/*-----------------------------------------------------*/
/*                     END INFORETE                    */
/*-----------------------------------------------------*/





/*COLORI GENERICI*/

.form-group.is-focused .form-control {
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#000, #000), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#000, #000), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#000, #000), 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: #000
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #000
}

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

.checkbox input[type=checkbox]:checked+.checkbox-material .check,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
  color: #000;
  border-color: #000;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before {
  color: #000;
}

.radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
  background-color: #000;
}

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

.badge {
  background-color: #F7FF14;
  color: #000;
}

.badge.profiletto_avvisi,
.itemListWrap li.itemActive {
  background-color: #F7FF14;
  color: #000;
}

.badge.profiletto_avvisi {
  position: absolute;
    top: -1rem;
    left: 1rem;
}

li.avatar .badge.profiletto_avvisi {
  top: -.1rem;
}

.itemListWrap li.itemActive * {
  color: white;
}

.info-readafter.readActive i {
  color: #891422!important;
}

.btn-group-raised .btn, 
.btn-group-raised .btn.btn-default, 
.btn-group-raised .input-group-btn .btn, 
.btn-group-raised .input-group-btn .btn.btn-default, 
.btn.btn-fab, 
.btn.btn-fab.btn-default, 
.btn.btn-raised, 
.btn.btn-raised.btn-default, 
.btn.btn-default,
.input-group-btn .btn.btn-fab, 
.input-group-btn .btn.btn-fab.btn-default, 
.input-group-btn .btn.btn-raised, 
.input-group-btn .btn.btn-raised.btn-default {
  background: #f2f2f2;
}

.btn-group-raised .btn:not(.btn-link), 
.btn-group-raised .input-group-btn .btn:not(.btn-link), 
.btn.btn-raised:not(.btn-link), 
.input-group-btn .btn.btn-raised:not(.btn-link) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 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: #000;
  color: rgba(255, 255, 255, .84);
}

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

.btn:not(.btn-raised):not(.btn-link):focus, 
.btn:not(.btn-raised):not(.btn-link):hover, 
.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, 
.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
  background-color: #F7FF14;
  color: #606060;
}

a,
a:focus,
a:hover {
  color: #000;
}


/*FINE COLORI GENERICI*/

blockquote {
  display: table;
  border: none;
    background: #b4bbbf;
    color: #fff;
    width: 70%;
    height: 20rem;
    padding: 0 10rem;
    margin: 4rem 0 4rem -10rem;
    position: relative;
    height: 20rem;
}

blockquote > * {
  height: 20rem;
  display: table-cell;
  vertical-align: middle;
}

blockquote:before {
    content: "";
    width: 3rem;
    background: #F7FF14;
    height: calc(100% - 4rem);
    position: absolute;
    left: -1.5rem;
    top: 2rem;
}

blockquote:after {
    height: 20rem;
    width: 6rem;
    border-width: 10rem 7.467rem;
    border-style: solid;
    border-color: #b4bbbf transparent transparent #b4bbbf;
    position: absolute;
    left: 100%;
    content: "";
    top: 0;
}

@media (max-width: 1023px) {
  blockquote {
    width: 100%;
      height: auto;
      padding: 2rem 4rem 2rem;
      position: relative;
      margin-left: 0;
  }

  blockquote:before {
    width: 2rem;
    left: -1rem;
  }

  blockquote:after {
    display: none;
  }
}

blockquote h4 {
  font-family: "OpelNext-Regular";
  font-size: 3rem;
  color: #fff;
}

/*
UL.jqueryFileTree,
UL.jqueryFileTree ul,
UL.jqueryFileTree ul li {
  padding: 0;
}
*/


/* 2019-10-09 EDIT Stefano Maggioni */
/*
div.fileTree > UL.jqueryFileTree > LI,
div#accDocs > UL.jqueryFileTree > LI {
  padding-left: 0!important;
}

UL.jqueryFileTree A:hover {
  font-weight: normal!important;
}

.jqueryFileTree UL.collapse.in {
  margin: inherit;
}

.jqueryFileTree LI[class*="ext_"] {
  background-position: 23px 10px!important;
}

div.fileTree>UL>LI>.foldWrap,
div#accDocs>UL>LI>.foldWrap {
  background: #000000;
}

.jqueryFileTree LI.expanded ul li > div {
  background-color: #f2f2f2!important;
}

.jqueryFileTree LI.expanded ul li.directory > div {
  background-color: #b4bbbf!important;
}

div.fileTree>UL>LI>.foldWrap a,
div#accDocs>UL>LI>.foldWrap a {
  color: #fff!important;
}

.jqueryFileTree LI.expanded>.foldWrap {
  background: #F7FF14!important;
}

.jqueryFileTree LI.expanded>.foldWrap a,
.jqueryFileTree LI.expanded > .foldWrap a:before {
  color: #000!important;
}

.jqueryFileTree LI.collapse>.foldWrap a:before {
  content: "\f067";
  color: #000000;
}

/*div.fileTree > ul > li > ul > li,
div#accDocs > ul > li > ul > li*
.jqueryFileTree li.file {
  background-color: #f2f2f2!important;
}

.jqueryFileTree li.file .foldWrap {
  background: none;
  padding: 0;
  margin: 0;
}

/*div.fileTree > ul > li > ul > li:hover,
div#accDocs > ul > li > ul > li:hover*
.jqueryFileTree li.file:hover {
  background-color: #e9e9e9!important;
}

div.fileTree li.file,
div#accDocs li.file {
  padding: 3px 0px 3px 43px;
  margin-left: 0;
  line-height: 30px;
}

div#accDocs li.file {
  padding: 3px;
  background: none;
}

UL.jqueryFileTree A {
  font-family: "OpelNext-Regular";
  font-size: 1.6rem;
}
*/


/*
div.fileTree > ul.jqueryFileTree > li,
div#accDocs > ul.jqueryFileTree > li {
  padding-left: 0!important;
}

ul.jqueryFileTree a:hover {
  font-weight: normal!important;
}

.jqueryFileTree ul.collapse.in {
  margin: inherit;
}

.jqueryFileTree li[class*="ext_"] {
  background-position: 23px 10px!important;
}

div.fileTree>ul>li>.foldWrap,
div#accDocs>ul>li>.foldWrap {
  background: #000000;
}

.jqueryFileTree li.expanded ul li > div {
  background-color: #f2f2f2!important;
}

.jqueryFileTree li.expanded ul li.directory > div {
  background-color: #b4bbbf!important;
}

div.fileTree>ul>li>.foldWrap a,
div#accDocs>ul>li>.foldWrap a {
  color: #fff!important;
}

.jqueryFileTree li.expanded>.foldWrap {
  background: #F7FF14!important;
}

.jqueryFileTree li.expanded>.foldWrap a,
.jqueryFileTree li.expanded > .foldWrap a:before {
  color: #000!important;
}

.jqueryFileTree li.collapse>.foldWrap a:before {
  content: "\f067";
  color: #000000;
}

.jqueryFileTree li.file {
  background-color: #f2f2f2!important;
}

.jqueryFileTree li.file .foldWrap {
  background: none;
  padding: 0;
  margin: 0;
}

.jqueryFileTree li.file:hover {
  background-color: #e9e9e9!important;
}

div.fileTree li.file,
div#accDocs li.file {
  padding: 3px 0px 3px 43px;
  margin-left: 0;
  line-height: 30px;
}

div#accDocs li.file {
  padding: 3px;
  background: none;
}

UL.jqueryFileTree A {
  font-family: "OpelNext-Regular";
  font-size: 1.6rem;
}
*/

ul.jqueryFileTree a,
ul.jqueryFileTree div {
  font-family: "OpelNext-Regular";
  font-size: 1.4rem;
  padding: 0!important;
  line-height: 3rem;
}

#sidebar.col-md-4 ul.jqueryFileTree .foldWrap *:not(.foldName):not(.foldOrder) {
	line-height: normal;
	font-size: 1.4rem;
}

#sidebar.col-md-4 ul.jqueryFileTree .file .foldWrap{
    padding:0.5rem 1rem !important
}

ul.jqueryFileTree li {
  padding: 0!important;
  /*padding-left: 1.5rem!important;*/
}

ul.jqueryFileTree ul {
  padding-left: 0!important;
}

ul.jqueryFileTree ul li {
  padding-left: 2rem!important;
}

#sidebar ul.jqueryFileTree ul li,
#topOnePagesidebar ul.jqueryFileTree ul li{
  padding-left: 1.5rem !important;
}

#sidebar ul.jqueryFileTree ul li.file,
#topOnePagesidebar ul.jqueryFileTree ul li.file{
  padding-left: 0rem !important;
}

ul.jqueryFileTree ul .foldWrap {
  padding: 0 1rem!important;
}

ul.jqueryFileTree li > .foldWrap {
  background-color: #b4bbbf!important;
}

ul.jqueryFileTree li.expanded > .foldWrap {
  background-color: #F7FF14 !important;
}

ul.jqueryFileTree li > .foldWrap.first a,
ul.jqueryFileTree li > .foldWrap.first a:before {
  color: #fff!important;
}

.jqueryFileTree li.expanded > .foldWrap:not(.first) a,
.jqueryFileTree LI.expanded > .foldWrap:not(.first) a:before {
  color: #000!important;
}

ul.jqueryFileTree li > .foldWrap.first {
  background-color: #000!important;
}

ul.jqueryFileTree li.file > .foldWrap {
  background-color: #f2f2f2!important;
}

.jqueryFileTree li.file {
  margin-left: 0!important;
}

div#accDocs li.file {
  background: none;
}


/* END EDIT */



/* CTA definitions */

.infoCTA {
  margin-top: 15px;
}

.infoCTA .CTA:first-child {
  margin-right: 20px;
}

.CTA {
  font-size: 12px;
  margin-bottom: 15px;
  font-family: 'OpelNext-Regular', 'Arial', 'sans-serif';
  border: 0 none;
  border-bottom: 3px solid transparent;
  background-color: transparent;
  padding: 0 20px;
  min-width: 115px;
  max-width: 250px;
  min-height: 47px;
  line-height: 47px;
  transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

.mainCTA {
  border-right: 1px solid #007edb;
  border-left: 1px solid #007edb;
  border-bottom-color: #0062c5;
  background-color: #007edb;
  color: #fff;
}

.mainCTA:hover,
.secCTA:hover {
  background-color: #0062c5!important;
}

.secCTA {}

.secCTA:hover {}


/* CTA definitions */

.detail_comments_item_text {
  font-size: 14px!important;
  line-height: 1.3;
}

/*
a,
a:focus,
a:hover {
  color: #909090;
}
*/


/* PGT radio form checkbox */

.checkbox input[type=checkbox]:checked+.checkbox-material .check,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
  color: #F7FF14;
  border-color: #F7FF14;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before {
  color: #F7FF14;
}

.radio input[type=radio]:checked~.check,
label.radio-inline input[type=radio]:checked~.check {
  background-color: #F7FF14;
}

.form-control,
.form-group .form-control {
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0062c5), to(#0062c5)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#0062c5, #0062c5), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#0062c5, #0062c5), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#0062c5, #0062c5), linear-gradient(#D2D2D2, #D2D2D2);
  */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FF14), to(#F7FF14)), -webkit-gradient(linear, left top, left bottom, from(#606060), to(#606060));
  background-image: -webkit-linear-gradient(#F7FF14, #F7FF14), -webkit-linear-gradient(#606060, #606060);
  background-image: -o-linear-gradient(#F7FF14, #F7FF14), -o-linear-gradient(#606060, #606060);
  background-image: linear-gradient(#F7FF14, #F7FF14), linear-gradient(#606060, #606060);
}

.panel-title,
.widget-title {
  text-transform: uppercase;
  color: #000000;
  font-size: 4rem;
  margin-top: 4rem;
}

.panel-title > .btn, .widget-title .btn {
  margin-bottom: 0;
}

h4.panel-title,
h4.widget-title {
  font-size: 2.4rem;
  /*margin: 1rem 0*/
}

h5.panel-title,
h5.widget-title {
  font-size: 2rem;
  /*margin: 1rem 0*/
}

h3.panel-title:before,
h3.widget-title:before,
h4.panel-title:before,
h4.widget-title:before,
h5.panel-title:before,
h5.widget-title:before,
body:not(#toolBody) .toolTitle:before,
#content .page-header > h1:before,
#userData h1 + div span + span:before,
#userSearch .utenti .media-body span + span:before,
.dealers span + span:before,
body.product-page #docFileRepository div.foldWrap a span + span:before {
  color: #F7FF14;
    content: '/';
    display: inline-block;
    /*font-size: 2.4rem;*/
    padding: 0 .5rem;
}

#content .page-header > h1:before,
body:not(#toolBody) .toolTitle:before {
  font-size: 5rem;
}

#userData h1 + div span + span:before {
  padding: 0 2rem;
}

h5.panel-title:before,
h5.widget-title:before {
  font-size: 2rem;
}

.fullwidth .panel-title,
.fullwidth .widget-title {
  padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
  .fullwidth .panel-title,
  .fullwidth .widget-title {
      width: 750px;
  }
}

@media (min-width: 992px) {
  .fullwidth .panel-title,
  .fullwidth .widget-title {
      width: 970px;
  }
}

@media (min-width: 1200px) {
  .fullwidth .panel-title,
  .fullwidth .widget-title {
      width: 1170px;
  }
}

/*
#brandLogo {
  width: 100%;
  height: 100%;
  line-height: 4rem;
  padding: 1rem;
  display: inline-block;
}

#brandLogo img {
  width: 100%;
  max-width: 4rem;
}

#communityLogo {
  display: inline-block;
  padding: 20px 0;
  margin-left: 15px;
}

#communityLogo img {
  height: 35px;
  width: auto;
}
*/

/*
.toolsBoxBody LI.btnx2 {
  background-color: #007EDB!important
}

.toolsBoxBody LI.btnx2:hover {
  background-color: #0062C5!important
}
*/

.dropdown-menu li a:hover {
  color: #000;
}


/* MAIN MENU */
.navbar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*
@media (max-width: 991px) {
  .navbar-toggle {
    display: block!important;
  }
}

@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}
*/

@media (min-width: 768px) and (max-width: 1280px) {
  .navbar .logo-left + .container {
    width: 1000px;
  }
}

.navbar.navbar-inverse,
#MainNavbar-collapse:before {
  background-color: #ffffff;
}

#MainNavbar-collapse {
  /*padding: 10px 0 0;*/
  padding: 0;
  line-height: 4.5rem;
}

#MainNavbar-collapse::before {
  background-color: #b4bbbf;
  padding: 2rem;
  top: 6rem;
}

ul#topChNav li {
  font: 1.6rem 'OpelNext-Regular';
  position: relative;
  /*margin: 0 1.5rem;
  z-index: 2;*/

    padding: 0 .2rem 0 0rem;
    margin: 0 1.2rem;

    /*width: 10rem;*/
    text-align: center;
}

ul#topChNav li:first-child{
    padding: 0 .5rem;
}

ul#topChNav li+li::before,
div.search-box:before {
  content: "";
    position: absolute;
    /*-webkit-transform: rotate(35deg);
    transform: rotate(35deg);*/
    -webkit-transform: rotate(36.5deg);
    transform: rotate(36.5deg);
    width: .1rem;
    height: 2.5rem;
    background: #fff;
    left: -1.6rem;
    top: .7rem;
}

ul#topChNav li.current + li::before {
  display: none;
}


div.search-box:before {
  top: 0;
  left: -1.8rem;
}

ul#topChNav li a,
ul#topChNav .material-icons {
  color: #000;
}

ul#topChNav li a {
  /*padding: .3rem 0 .8rem;*/
  display: inline-block;
  position: relative;
  width: 100%;
}



ul#topChNav li a:hover:after,
ul#topChNav li.current a:after {
  width: 100%;
}

ul#topChNav li a:hover, ul#topChNav li a:focus, #topChNav li.current > a  {
  color: #000000;
  text-decoration: none;
  /*font-weight: bold;*/
}




ul#topChNav li a:hover::before,
ul#topChNav li.current a:before {
    content: "";
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    left: -3.6rem;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-36.5deg);
    transform: skewX(-36.5deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    width: calc(100% + 3.7rem);
    z-index: -1;
}

ul#topChNav li a:hover::before {
  background-color: rgba(0,0,0,0.1) !important;
}

ul#topChNav li.current li:not(.current) > a::before{
  background-color:transparent
}

  /* ripple container */
  #communityLogo .ripple-container,
  ul#topChNav .ripple-container {
    display: none;
  }
  /* END ripple container */

ul#topChNav .caret {
  margin-left: 5px;
}

ul#topChNav .subMenu li a {
  font-size: 13px;
  padding-bottom: 0px
}

/*ul#topChNav .subMenu li a:before {
  content: "\f054";
  margin-right: 5px;
  color: #000;
  font-family: "fontawesome"
}*/

@media (max-width: 768px) {
  #MainNavbar-collapse {
    /*display: block!important;*/
    -webkit-box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
      -moz-box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
      box-shadow: 0px 20px 40px -20px rgba(102,102,102,1);
  }
  
  #MainNavbar-collapse[aria-expanded="false"] #topChNav {
    display: none;
  }
  
  button.navbar-toggle {
    position: absolute;
    right: 0;
    top: .3rem;
    margin: 0 1.5rem;
    z-index: 2;
  }

  #topChNav {
    width: 100%;
    display: inline-block;
    /*position: absolute;*/
    left: 0;
    background: #fff;
    /*height: calc(100vh - 6rem)!important;*/
    height: auto!important;
  }

  ul#topChNav li {
    margin: 0;
    padding: 1rem 2rem;
    background: #fff;
    line-height: 2rem!important;
    border: none;
    /*width: 10rem;*/
    text-align: center;
  }

  ul#topChNav li:before {
    display: none;
  }

  ul#topChNav li:hover {
    background: #f2f2f2;
  }

  ul#topChNav li a:hover {
    background: none;
  }

  ul#topChNav li a:hover::before,
  ul#topChNav li a:hover::after {
    display: none;
  }
}

/* END MAIN MENU */

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

.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,
.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: #F7FF14;
  color: #000;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.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) {
  color: #606060;
}

.caSecondaryLabel {
  background: #20365c;
}

#video-sidebar,
#forum-Widget,
#sidebar .panel,
#contentBottom .panel {
  /*border-top: 5px solid #007EDB;*/
  /*background: #f2f2f2;*/
}

#forum-Widget {
  background: #f2f2f2;
}

#forum-Widget .forumHPPostMain a {
  color: #1b355d;
  font-weight: bold
}

#forum-Widget .uploaded {
  float: left;
  width: 100%;
  clear: both;
  padding: 0px 15px;
}

#forum-Widget .uploaded img {
  margin-right: 5px
}

#forum-Widget .uploaded .btn {
  color: #000
}

#forum-Widget .addPhoto .preview {
  margin-right: 5px
}

#forum-Widget .addPhoto br,
#forum-Widget .uploaded br {
  display: none
}

#forumHPPostList {
  background: transparent;
}

#forum-Widget h4.panel-title,
#forum-Widget h4.widget-title {
  font-size: 32px;
  margin-top: 15px;
}

#forumHPPostList li,
#forum_discussioni li {
  font-size: 14px;
  line-height: 1.2;
}

.forumHPPostDet {
  margin-top: 8px;
}

footer {
  background: #000000;
  color: #fff;
  /*margin-top: auto;*/
  margin-top: 0;
}

footer .container {
  background: #000000;
}

#footerLinks ul li {
  font-family: "OpelNext-Regular";
  text-transform: uppercase;
}

#footerLinks a {
  color: #ffffff;
}

#copyright {
  background: #000;
  color: #fff;
}

#copyright .copyright {
  color: #ffffff;
}

#detail_comments_count {
  color: #19355F;
}

#onlineUsers-Widget .onlineMore li.userPos-All .userThumb {
  background: #01b1ce;
  color: white;
}

#onlineUsers-Widget .onlineMore li.userPos-All:hover .userThumb {
  background: #009cb5;
}

#firma-digital {
  text-align: center
}

#firma-digital .col-md-1 .material-icons {
  color: #000;
  font-size: 30px;
  margin-top: 50px;
}

#firma-digital .wrap-blu {
  background: #0c2d47;
  color: #FFF;
  padding: 0px 15px 15px;
}

#firma-digital .wrap-azul {
  background: #f4f4f4;
  color: #000;
  height: 140px;
  margin: 15px 0px;
  padding: 15px;
}

@media (max-width: 992px) {
  #firma-digital .wrap-blu:first-child {
    padding-top: 1px;
  }
  #firma-digital .col-md-1 .material-icons {
    margin-top: auto
  }
}

.nav-tabs .panel-title,
.nav-tabs .widget-title {
  margin-top: 1rem;
}

.nav-tabs {
  background: #fff;
  border-bottom: none;
}

/*
.nav-tabs>li {
  background-color: #dcdedf;
  min-width: 23rem;
  text-align: center;
}
*/

.nav-tabs>li {
  margin-bottom: -1rem;
}

.nav-tabs>li>a {
  color: #000!important;
}

.nav-tabs>li.active>a {
  color: #000!important;
}

.nav-tabs>li:hover,
.nav-tabs>li.active {
  background: #f2f2f2;
  color: #000;
}

@media (max-width: 767px) {
  .nav-tabs>li {
    width: 100%;
  }
}


/* DIALOG MESSAGE */

#dialogSlider .dialogProduct,
.dialogArchive .dialogProduct {
  background: #01b1ce;
}

#dialogSlider .dialogSelling,
.dialogArchive .dialogSelling {
  background: #f7ff14;
}

#dialogSlider *, .dialogArchive * {
  color: #000;
}

#main-content #dialogContainer {
  padding: 0 15px;
}

#dialogArchive .page-header {
  display: none;
}

#dialogSlider .dialogMixed,
.dialogArchive .dialogMixed {
  background: #557e9c;
}


/* BLOG */

#blogList .panel-footer {
  background-color: #8ba6bb;
}

{
  background-color: #F7FF14 !important
}


/* CAROUSEL */

.carousel .slider-control {
  background: #05305a;
}

.carousel-indicators {
  /*background:#e6e6e6;*/
  background: #FFF;
  position: absolute;
  bottom: -35px
}

.carousel-indicators li {
  background-color: #fff;
  border: 1px solid #999;
  width: 10px;
  height: 10px;
}

.carousel-indicators .active {
  background-color: #000;
  border: none;
  width: 10px;
  height: 10px;
}





/* BLOG */

#blogList .panel-footer {
  background-color: #8ba6bb;
}

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

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


/*NEWS*/

#contentRoundCAMenu:hover,
#contentRoundCAMenu:focus {
  background-color: #1b355d
}

#contentRoundCAMenu i {
  color: #FFF;
}

#tagCloudWidget .tag {
  text-transform: uppercase;
}


/* PROFILO */

ul.coverList input[type="radio"]:checked+label,
ul.coverList li label:hover {
  border: 2px solid #c85a19;
}

ul.coverList input[type="radio"]:checked+label:before {
  color: #c85a19;
}

.profAboutMe {
  text-align: center;
  clear: both;
}

.usrAbout {
  line-height: 1.3;
}

.usrAbout:before,
.usrAbout:after {
  content: '';
  display: inline-block;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}

.usrAbout:before {
  vertical-align: text-bottom;
  background-image: url('/includes/layout/images/PSA-wem_prof-quote.svg');
  background-position: center top;
  margin-right: -10px;
}

.usrAbout:after {
  vertical-align: text-top;
  background-image: url('/includes/layout/images/PSA-wem_prof-quote.svg');
  margin-top: 5px;
  background-position: center bottom;
  margin-left: -10px;
}

.chOthers .media-body .message {
  line-height: 1.2
}


/* post buttons */

.btn.btn-primary,
#btnShow.btn.btn-primary,
#btnFollow.btn.btn-primary {
  background: #F7FF14;
  color: #000;
  padding: 10px;
}

#btnShow.btn.btn-primary,
#btnFollow.btn.btn-primary,
#detail_rating_body .like_bar .like_yes {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#detail_rating_body .like_bar .like_yes {
  font-size: 1.4rem!important;
}

#btnFollow.btn.btn-primary {
  /*margin-left: 17.6rem;*/
  margin-left:0rem;
  margin-right: 1rem;
}




#btnShow.btn.btn-primary {
  /*margin-left: 1rem;*/
  margin-left: 0;
  margin-right: 1rem;
}

@media (max-width: 767px) {
  #btnShow.btn.btn-primary {
    margin: 0;
    margin-bottom: 1.5rem;
  }
}

#btnShow.btn.btn-primary:hover,
#btnFollow.btn.btn-primary:hover {
  background: #F7FF14;
  color: #909090;
}


#shareByMail{
   position:relative !important
}


@media (max-width: 992px) {
    #shareByMail{
    padding: 0px;
    float: left;
    clear: both;
    margin-left: -15px;
    margin-top: -5px !important;
    margin-bottom: 20px;
    }

    #shareByMail a{
        margin:-5px 0px 0px 0px}
    }
}





#catalog h4.gammaTitle {
  font: 1.6rem 'OpelNext-Bold';
  font-weight: bold;
}

#sidebar .modelImg h2 {
  width: 100%;
  bottom: -50px;
  color: white;
  background: #0873C5;
}

#productModel {
  margin-bottom: 70px;
}

#sidebar .fileTree {
  margin-bottom: 15px
}


/* events b2b */

.eventsList .panel-title,
.eventsList .widget-title {
  padding: 15px 0;
  border-top: 5px solid #f2f2f2;
}

.eventsList .media-left a {
  background: #f5f5f5;
}

.eventsList .media-left h3 {
  font-family: 'OpelNext-Bold';
  font-weight: bold;
}

.eventsList h4 a:hover,
.eventsList .media-right i,
.eventsList .media-left h3 {
  color: #000;
}

.eventsList .info-abstract {
  line-height: 1.2;
}


/* working days widget */

#WorkingDays {
  text-transform: uppercase;
}

#WorkingDays #currentYearAndMonth {
  text-align: center;
}

#WorkingDays .wdaysDay {
  font-family: 'OpelNext-Bold';
  font-weight: bold;
  margin: 0;
  font-size: 38px;
}

#WorkingDays .wdaysDates span {
  font-size: 10px;
  line-height: 1.1;
}


/* context icons over images */


/* hp and section posts */

.img .contextIco {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.img .contextIco img {
  width: 40px;
  height: auto;
}


/* archive posts */

.media-object .contextIco {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.media-object .contextIco img {
  width: 40px;
  height: auto;
}


/* content body */

#postImage .contextIco {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 60px;
}


/* mediaqueries */

@media (max-width: 767px) {
  #WorkingDays .wdaysDay {
    font-size: 60px;
  }
}


/* 2018-03-23 ADD Stefano Maggioni */


/* Consolidation Modal - custom styles */

.consolidation_step input:checked+label,
ul.agencies li.selected {
  background: #f2f2f2;
  color: #000;
}


/* END Consolidation Modal - custom syles */


/* END ADD */


/* 2018-05-22 ADD Stefano Maggioni */


/*---> ANIMATION 2018 <---*/


/* elementi comuni */

.animation-2018.widget,
#sidebar .animation-2018.widget {
  background: #f2f2f2;
}

.animation-2018.widget > div {
  padding: 1.5rem;
}

.animation-2018.widget h4,
#sidebar .animation-2018.widget h4 {
  font-size: 2.4rem;
}

.animation-2018.widget h4+a {
  position: absolute;
  top: 53px;
  text-transform: uppercase;
  z-index: 2;
}

.animation-2018 span.done i {
  color: #039928;
}

.animation-2018 span.not-done i {
  color: #e1412d;
}

.animation-2018 #total-score {
  /*margin: 19px 15px 0 0;
  max-width: 90px;*/
  font-family: 'OpelNext-Bold';
  font-weight: bold;
  margin: 0;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 1.2rem;
}

.animation-2018 #total-score>span {
  color: #F7FF14;
  display: inline-block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.animation-2018 #total-score>span+span {
  font-size: 2rem;
  line-height: 2.2rem;
  margin-left: .4rem;
}

.animation-2018 .gauge {
  /*width: 80px;
  height: 80px;*/
  /*background: url("/includes/img/gauge.svg") 100% no-repeat;*/
  width: 15rem;
  height: 15rem;
  background: #fff;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}


/*
.animation-2018 #total-score .arrow {
    width: 20px;
    height: 22px;
    background: url("/includes/img/arrow.svg") 100% no-repeat;
    position: absolute;
    top: 35px;
    left: 25px;
}
*/

.animation-2018 .arrow-container {
  /*width: 21px;
  height: 22px;*/
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 23%;
  top: 23%;
  /*
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  */
  webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  /*-webkit-transform-origin: center center;
  transform-origin: center center;*/
  -webkit-transition: all 1.5s ease-in;
  transition: all 1.5s ease-in;
}

.animation-2018 .arrow-container img {
  position: absolute;
  /*
  top: 17px;
  left: 4px;
  */
  top: 3.1rem;
  left: .9rem;
  
  width: 100%;
  height: 100%;
}


.animation-2018 > div > .row + .row {
  margin-top: 1.5rem;
  text-align: center;
}

/* END elementi comuni */


/* tachimetro */


/* END tachimetro */


/* funzione in pagina profilo (dettaglio moduli) */

.animation-2018 .collapse-button-container {
  position: absolute;
  top: 68px;
}

@media (max-width: 991px) {
  .animation-2018 .collapse-button-container {
    position: relative;
    top: 0;
  }
}

.animation-2018 .collapse-button-container span {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.animation-2018 span[data-toggle="collapse"] i {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.animation-2018 span[data-toggle="collapse"]:not(.collapsed) i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.blink {
  -webkit-animation: blink linear .3s 2 forwards;
  animation: blink linear .3s 2 forwards;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
  100% {
    opacity: 1;
  }
}

.animation-2018 ul.list-group {
  margin-bottom: 0;
}

.animation-2018 li.list-group-item {
  border-top: 1px solid #c9c9c9;
  color: #000333;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 110px 12px 30px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .animation-2018 li.list-group-item {
    padding: 12px 15px;
  }
}

.animation-2018 li.list-group-item.list-group-item-info {
  background: #e9f3f7;
}

.animation-2018 span.badge {
  background: none!important;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}

.animation-2018 span.badge.disabled {
  color: #c8c8c8;
}

.animation-2018 span.badge:not(.done):not(.not-done):not(.disabled) {
  /* ... */
  color: #258db1;
}


/* END funzione in pagina profilo */


/* funzione in sidebar */

#sidebar .animation-2018 .col-md-4>div {
  position: relative;
}

#sidebar .animation-2018 .gauge+a {
  background-color: #258db1;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 47px;
  left: -17px;
}

#sidebar .animation-2018 .gauge+a i {
  color: #fff;
  font-size: 20px;
}

.animation-2018 h4+a i,
#sidebar .animation-2018 .gauge+a i {
  -webkit-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.animation-2018 h4+a:hover i,
#sidebar .animation-2018 .gauge+a:hover i {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}

.animation-2018 h4+a:hover i {
  color: #eb6428;
}

#sidebar .animation-2018 #total-score {
  max-width: 100%;
}

#sidebar .animation-2018 #total-score>span {
  width: auto;
  display: initial;
}


/* END funzione in sidebar */


/*---> END ANIMATION 2018 <---*/


/* END ADD */


/* inforete */

.paginationWrapper {
  text-align: center;
}

.paginationWrapper .pagination {
  text-align: center;
  width: auto;
}

.paginationWrapper .pagination>li {
  display: inline-block;
  border-width: 5px;
  text-transform: uppercase;
}

.paginationWrapper .pagination>li>a:focus,
.paginationWrapper .pagination>li>a:hover,
.paginationWrapper .pagination>li>span:focus,
.paginationWrapper .pagination>li>span:hover {}

.paginationWrapper .pagination>li:not(.disabled)>a,
.paginationWrapper .pagination>li:not(.disabled)>span {
  border: 5px solid #000;
  margin: 0 3px;
  color: #000;
}

.paginationWrapper .pagination>li.disabled>a,
.paginationWrapper .pagination>li.disabled>span {
  border: 5px solid #eee;
  margin: 0 3px;
}

.paginationWrapper .pagination>li:not(.disabled)>a:focus,
.paginationWrapper .pagination>li:not(.disabled)>a:hover,
.paginationWrapper .pagination>li:not(.disabled)>span:focus,
.paginationWrapper .pagination>li:not(.disabled)>span:hover {
  background-color: #000;
  border-color: #000;
  color: white;
}
















/*
#video-container {
  width: 640px;
  height: 365px;
  position: relative;
}

#video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
  background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.13, rgb(3,113,168)),
    color-stop(1, rgb(0,136,204))
  );
}

#video-container:hover #video-controls {
  opacity: .9;
}

button {
  background: rgba(0,0,0,.5);
  border: 0;
  color: #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

button:hover {
  cursor: pointer;
}

#seek-bar {
  width: 360px;
}

#volume-bar {
  width: 60px;
}
*/
button.play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3rem;
  margin-top: -3rem;
  width: 6rem;
  height: 6rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.8);
}

button.play:before {
  content: "";
    width: 0;
    position: absolute;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 29px;
    border-color: transparent transparent transparent #000000;
    left: 2rem;
    top: 1.3rem;
}

button.play:after {
  content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent rgba(255,255,255,0.87);
    top: 1.5rem;
    left: 2.1rem;
}



/*FIX MODULI SPINGO x IMMAGINI*/
#postBody .sgm.span12 img{margin-bottom:15px}




/* 2019-11-28 ADD Stefano Maggioni */
/* Documentale homepage */
.collapse .fileTreeID #docFileRepository{margin-left:0px !important}

body.home #docFileRepository h1 {
  text-transform: uppercase;
  color: #000000;
  font-size: 4rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

body.home #docFileRepository h1:before {
  color: #F7FF14;
  content: '/';
  display: inline-block;
  padding: 0 .5rem;
}

body.home #docFileRepository .page-header {
  border-bottom: none;
}

body.home #docFileRepository #docFileSearch {
  margin-top: 0!important
}

body.home #docFileRepository #accDocs {
  margin-bottom: 0!important;
  margin-right: 0!important;
}

#sidebar #docFileRepository h3{margin-top:0px;}
#topOnePagesidebar #docFileRepository h3{margin-top:0px; font-size: 3rem}
/* END Documentale homepage */
/* END ADD */




/*FIX DOCUMENTALE AZURE*/
/*FINE FIX DOCUMENTALE AZURE*/



/* 2020-03-18 ADD Stefano Maggioni */
/* FORUM */

/* Forum widget homepage */
#forum-Widget h4.panel-title {
  padding-left: 0;
}

#forum-Widget h4.panel-title:before {
  float: left;
}

#forum-Widget h4.panel-title + div {
  margin-top: 15px;
  padding-right: 0;
}

#forum-Widget .forumHPPostMain a {
  color: #000;
}
/* END Forum widget homepage */

/* Forum Post / Full news */
body.content.forum article {
  margin-top: 1.6rem;
}

body.content.forum article .bachecaContent a#forum_back {
  margin-top: 1.5rem;
}

body.content.forum article #btnFollow.btn.btn-primary {
  margin-left: 0;
}

body.content.forum #detail_comments > .panel-body {
  padding: 1.5rem;
}

body.content.forum #forumHPPostList {
  background: #fff;
}

body.content.forum #forumHPPostList ul {
  margin-bottom: 0;
}
/* END Forum Post / Full news */


/* Forum search results */
.bachecaResults #secondaryBoxes li,
#forum_discussioni #secondaryBoxes li {
  padding: 15px 0!important;
}
/* END Forum search results */


/* END FORUM */
/* 2020-03-18 END ADD */


/* MENTION */

.cke_autocomplete_panel {width:320px!important;
-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.7);
-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.7);
box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.7);
border:1px solid #ddd!important;
background:white;
font:inherit;
}
.cke_autocomplete_panel > li {padding:8px!important;}
.cke_autocomplete_panel h4 {font-size: 14px!important; margin:0 0 5px!important; padding:0!important;}
.cke_autocomplete_panel h6 {font-size: 11px!important; margin:0!important; padding:0!important;}

.cke_autocomplete_panel .media-left a{height:40px; width:40px; line-height:40px; font-size:14px;}
.cke_autocomplete_panel .media-left img {border: 2px solid #F7FF14; width: 42px; height: 42px}

.x_mention-ui { padding: 3px 8px; background: #F7FF14; color: #000; display: inline; border-radius: 2px;}

/*END MENTION*/




/*ELECTRIC CALCULATOR*/
#electricCalculator .page-header{height: 140px;margin-bottom:100px;}
#autonomyCalculator .page-header{height: 140px;margin-bottom:100px;}
#electricCalculator #elc_autonomie {margin-left:5px; color:#F7FF14; font-family: inherit;}
#electricCalculator #elc_slider .ui-slider-range{background: #F7FF14}
#electricCalculator #elc_slider .ui-slider-handle{background: #000}
#electricCalculator #elc_slider .ui-slider-handle:active, 
#electricCalculator #elc_slider .ui-slider-handle:focus,
#electricCalculator #elc_slider .ui-slider-handle:hover{color: #FFF; font-weight: normal;}
#electricCalculator #elc_models {margin-top: 20px;}
#electricCalculator #elc_models li div { font-size: 14px; }
#electricCalculator #elc_models li.selected{border-color:#000;border-image-source: none;}
#electricCalculator #elc_bornes .elc_borneGraph .progress-bar{background: #000}
#electricCalculator .radio input[type="radio"]:checked ~ .check, #electricCalculator label.radio-inline input[type="radio"]:checked ~ .check{background-color: #000 !important}
#electricCalculator .radio input[type="radio"]:checked ~ .circle, #electricCalculator label.radio-inline input[type="radio"]:checked ~ .circle{border-color: #000 !important}
/*END ELECTRIC CALCULATOR*/




/*FIX LES ESSENTIELS*/
#les-essentiels {
  border-top: 0px;
  box-shadow: none;
  background: transparent;
}
#les-essentiels .panel-heading{
  display:none
}
#les-essentiels .panel-body{
  padding-right:0px
}

/*#les-essentiels .carousel-caption{
  display:none
}*/
/*FIX LES ESSENTIELS*/





/* 2018-10-03 ADD Stefano Maggioni */
/*---> ANIMATION 2018 <---*/

/* elementi comuni */
.gamification.panel,
.gamification-sidebar .gamification.panel {
    border-top: 5px solid #F7FF14;
}

.gamification.panel,
.gamification-sidebar .gamification.panel-body {
    background:#FFF;
    color: #000;
}

.gamification.panel h4,
.gamification-sidebar .gamification.panel h4 {
    color: #F7FF14;
    font-size: 24px;
    font-weight: 700;
    margin:0px;
}

.gamification.panel h4 + a {
    position: absolute;
    top: 45px;
    text-transform: uppercase;
    z-index: 2;
    font-style: italic;
}

.gamification.panel h4:before{
  content:"";
  padding:0px;
}

.gamification span.done i {
    color: #039928;
}

.gamification span.not-done i {
    color: #e1412d;
}



.gamification-sidebar .gamification #total-score {
    text-decoration:none;
    max-width: 100%;
    margin-top:35px;
    position: relative;
    top: auto;
    font-style: initial;
    text-transform: initial;
}
@media (max-width: 991px) {
   .gamification-sidebar .gamification #total-score {
       margin-top:10px;
    } 
}


.gamification #rankScore {
  position: absolute;
  bottom: -4px;
  text-align: center;
  width: 100%;
  color: #6d696d;
  font-size: 18px;
}



.gamification #total-score > span {
    color: #000;
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
    line-height: 28px;
    text-align: right;
    /*text-transform: uppercase;*/
    width: 100%;
    margin-right:5px;
    /*text-shadow: 0 0 5px #6cf0c2;*/
}

.gamification #total-score > span + span {
    color: #6d696d;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
    text-shadow: none;
}

.gamification .gauge {
    width: 80px;
    height: 80px;
    background: url("/includes/img/GAMIFICATION_gauge.svg") 100% no-repeat;
    position: relative;
    z-index: 1;
    filter:drop-shadow( 0 0 3px rgba(255, 255, 255, .7));
    -webkit-filter: drop-shadow( 0 0 3px rgba(255, 255, 255, .7));
    margin-top: 40px
}

#content .gamification .gauge {
    margin-left:15px;
}


/*
.gamification #total-score .arrow {
    width: 20px;
    height: 22px;
    background: url("/includes/img/arrow.svg") 100% no-repeat;
    position: absolute;
    top: 35px;
    left: 25px;
}
*/

.gamification .arrow-container {
    width: 21px;
    height: 22px;
    position: absolute;
    left: 25%;
    top: 24%;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in;
}

.gamification .arrow-container img {
    position: absolute;
    top: 17px;
    left: 4px;
}
/* END elementi comuni */

/* tachimetro */
/* END tachimetro */

/* funzione in pagina profilo (dettaglio moduli) */
.gamification .collapse-button-container {
    position: absolute;
    top: 68px;
}

@media (max-width: 991px) {
   .gamification .collapse-button-container {
        position: relative;
        top: 0;
    } 
}

.gamification .collapse-button-container span {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.gamification span[data-toggle="collapse"] i {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color:#6d696d;
}

.gamification span[data-toggle="collapse"]:not(.collapsed) i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.blink {
    -webkit-animation: blink linear .3s 2 forwards;
    animation: blink linear .3s 2 forwards;
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

.gamification ul.list-group {
    margin-bottom: 0;
}

.gamification li.list-group-item {
    border-top: 1px solid #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 30px 12px 30px;
    text-transform: uppercase;
}

.gamification li .moduleDescr span:first-child {display:block; font-style: italic; color:#50daa9; margin-bottom:5px; font-size:13px;}

@media (max-width: 767px) {
    .gamification li.list-group-item {
        padding: 12px 15px;
    }
}

.gamification li.list-group-item.list-group-item-info {
    background: #e9f3f7;
}

.gamification span.badge {
    background: none!important;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-transform: uppercase;
}

.gamification span.badge.disabled {
    color: #c8c8c8;
}

.gamification span.badge:not(.done):not(.not-done):not(.disabled) { /* ... */
    color: #007edb;
    font-family: 'pgt-l','Arial',sans-serif;
}
/* END funzione in pagina profilo */

/* funzione in sidebar */
.gamification-sidebar .gamification .col-md-4 > div {
    position: relative;
}

.gamification-sidebar .gamification .gauge + a {
    background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 45px;
    right: 0px;
    box-shadow: 0px 0px 5px 2px #6d696d;
}

.gamification-sidebar .gamification .gauge + a i {
    color: #6d696d;
    font-size: 20px;
}


.gamification h4 + a i {
  color: #6d696d;
  font-size: 24px;
  padding: 0px 5px;
  vertical-align: top;
}

.gamification h4 + a i, .gamification-sidebar .gamification .gauge + a i {
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.gamification h4 + a:hover i, .gamification-sidebar .gamification .gauge + a:hover i {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    color:#6d696d;
}



.gamification-sidebar .gamification #total-score {
    max-width: 100%;
    margin-top:46px;
}

.gamification-sidebar .gamification #total-score > span {
    width: auto;
    display: initial;
} 
/* END funzione in sidebar */

/*---> END ANIMATION 2018 <---*/
/* END ADD */







/*LANCIO MOKKA*/
/*
.userThumb{
  border-color: rgb(44,152,14);
}

div.mainSlider div.item:hover div.caption > div.container > ul li.active,
div.mainSlider div.item:hover div.caption > div.container > div{
  background:rgba(44,152,14, 0.95);
  color: #FFF;
}

div.mainSlider div.item:hover div.caption > div.container > div::before {
  background:rgba(44,152,14, 0.95);
}

div.mainSlider div.item:hover div.caption > div.container > div::after {
  border-color: rgba(44,152,14, 0.95) transparent transparent transparent;
}

div.mainSlider div.item:hover div.caption > div.container > div::before {
  background:rgba(44,152,14, 0.95);
}

div.mainSlider div.item:hover div.caption > div.container > div a{
  color:#FFF;
}

ul#mainBoxes .panel:hover .panel-body{
    background:rgba(44,152,14, 0.95) !important;
    color: #FFF
}
ul#mainBoxes .panel:hover .panel-body .info-text *{
  color: #FFF !important;
}

body.home #content ul#mainBoxes li:first-child .panel:hover .contentBox h3 a,
body.home #contentCenter ul#mainBoxes li:first-child .panel:hover .contentBox h3 a,
body.home #content ul#mainBoxes li:first-child .panel:hover .contentBox .info-text span,
body.home #contentCenter ul#mainBoxes li:first-child .panel:hover .contentBox .info-text span{
  color: #FFF !important
}

h3.panel-title::before, h3.widget-title::before, h4.panel-title::before, h4.widget-title::before, h5.panel-title::before, h5.widget-title::before, body:not(#toolBody) .toolTitle::before, #content .page-header > h1::before, #userData h1 + div span + span::before, #userSearch .utenti .media-body span + span::before, .dealers span + span::before, body.product-page #docFileRepository div.foldWrap a span + span::before {
  color: rgb(44,152,14);
}

#whoweare-Widget div.media-list div.col-md-1 img, #followed-users-Widget ul img {
  border: 2px solid rgb(44,152,14);
}

div.comment-heading > div:first-child > a span, div.comment-heading > div:first-child > a img, #notifications-list .lsu_avatar > a span, #notifications-list-users-hp .lsu_avatar > a span, #notifications-list-news-hp .lsd_avatar > a span, #notifications-list-news .lsd_avatar > a img {
  border: 2px solid rgb(44,152,14);
}

div.comment-heading div + div a[href*="writerid"]::after {
  color: rgb(44,152,14);
}


#toolsBtn li .panel:hover{
  background: rgb(44,152,14);
}
#toolsBtn li .panel:hover a *{
  color: #FFF
}
*/
/*FINE LANCIO MOKKA*/




/*NOTIFICATIONS*/
#table-notification .btn-link{padding:8px 30px !important; margin-bottom:20px !important}
#notificationList .userThumb {width: 6rem; height: 6rem; line-height: 5rem;}








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

body#PSACourse #copyright {margin-top: 0 !important;}






/*badge news icone tipologia*/
.badgeStrilli{position: absolute; top: 10px;right: 10px; width: 70px;}
#secondaryBoxes .badgeStrilli{top: 5px;right: 20px; width: 30px}

.icoVideo,
.icoGallery,
.icoDocument{position: absolute; top: 20%; left: 0; right: 0; color: #FFF; display: block; text-align: center; }

.icoVideo i,
.icoGallery i,
.icoDocument i{font-size:50px !important; color: #FFF}

.icoSmall.icoVideo,
.icoSmall.icoGallery,
.icoSmall.icoDocument{position: absolute; top: 35%; left: 0px; text-align: center; width: 100%;}

.icoSmall.icoVideo i,
.icoSmall.icoGallery i,
.icoSmall.icoDocument i {color: #FFF; font-size: 30px;}

.badgeSpoticar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8%;
}



font[color="#f1c40f"],
font[color="#f7d900"],
span[style="color:#f7ff14;"],
span[style="color:#f7d900;"],
span[style="color:#f1c40f;"] {
  color: #b3bbbe!important;
}

span[style="background-color:#f7d900;"] {
  background-color: #F7FF14!important;
}
body UL.detail_comment_childs {
  margin-top: 0;
  margin-bottom: 0;
}
div[class^="cuadrado"]{border-color: #F7FF14 !important }

.psa_banner_mokka {
  margin: auto;
  padding: 0 15px;
  padding-bottom: 4rem;
}
@media (min-width: 1200px) {
  .psa_banner_mokka {
    padding-bottom: 4rem;
  }
}

/* NEW BRAND SWITCH */
#openSwitch {
  width: auto !important;
}
#openSwitchBTN {
  background: #F7FF14;
  color: #000;
  font-size: 12px;
}
/* FINE NEW BRAND SWITCH */

/* USEFUL LINKS */
#usefulLinksV2 .intro {
  margin-top:15px;
  margin: 15px 4px 0;
}
#usefulLinksV2 #search input {
  margin: 5px 4px 0;
}
#usefulLinksV2 #search i {
  font-size: 20px;
  vertical-align: middle;
}
#usefulLinksV2 #catalog {
  margin-top: 15px;
}
#usefulLinksV2 #catalog h4.gammaTitle {
  font-size: 18px;
}
#usefulLinksV2 #catalog .glossaryText {
  font-size: 15px;
}
#usefulLinksV2 .extLinkContainer {
  padding: 4px !important;
  border: none !important;
}
#usefulLinksV2 .extLink {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  padding: 10px !important;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 12%)
}
#usefulLinksV2 .extLink p {
  color: #000;
}
#usefulLinksV2 .extLink:hover {
  background: #F7FF14;
  color: #000;
}
#usefulLinksV2 .extLink:hover h4 {
  color: #000;
}
#usefulLinksV2 .extLink:hover p {
  color: #000;
}
#usefulLinksV2 .extLink p {
  font-size: 10px;
  height: 4.8em;
  overflow: hidden;
  text-align: left !important;
}
#usefulLinksV2 .extLink h4 {
  text-align: left !important;
  padding: 4px 0 !important;
}
#usefulLinksV2 .usefulLinksLetterBox {
  display: inline-block;
  width: 100%;
}
#usefulLinksV2 .usefulLinksLetter {
  margin: 5px 0;
  padding-left: 5px;
}
/* END USEFUL LINKS */

/* CALCULATOR TABS */
/*#calculatorTabs {
  position: absolute;
  top: 100px;
  width: 100%;
}
.calculatorTab a {
  background: #000 !important;
}
.calculatorTab.active a {
  background: #f7ff14 !important;
}
.calculatorTab a:hover {
  background: #f7ff14 !important;
}
.calculatorTab a span:first-child {
  vertical-align: text-bottom !important;
}
.calculatorTab a span:not(:first-child) {
  font-size: 18px;
  font-family: 'OpelNext-Bold';
}
.calculatorTab a span {
  color: #fff !important;
}
.calculatorTab.active a span {
  color: #000 !important;
}
.calculatorTab a:hover span {
  color: #000 !important;
}*/
#autonomyCalculator .page-header,
#electricCalculator .page-header {
  margin-bottom: 80px;
}
@media (max-width: 1200px) {
  .calculatorTab a span:not(:first-child) {
    font-size: 14px;
  }
}
/* FINE CALCULATOR TABS */

#crsMainC2A a.btn {
  background-color: #f7ff14 !important;
}

/**/

#docFileRepository .foldWrap div{
text-align: left!important;
}