@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");
body {
  /*font-family: 'Open Sans', sans-serif;*/ }

.main-view {
  padding: 4px 0px;
  position: relative;
  top: 100px;
  padding-bottom: 100px;
  border-radius:5px;
  right: 20px;
  left: 0; }
  .main-view:after {
    content: "";
    clear: both;
    display: block; }
  @media only screen and (max-width: 992px) {
    .main-view {
     /* top: 172px; */ } }
  @media only screen and (max-width: 480px) {
    .main-view {
      top: 163px; } }

.navbar {
  width: 100%;
  height: 52px;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  z-index: 15;
  position: fixed; }
  .navbar a {
    color: #5E676F; }
  .navbar__menu--mobile-icon {
    display: none;
    width: 30px;
    height: 30px;
    margin: 12px;
    background-image: url(../img/hamburger.svg);
    background-repeat: no-repeat;
    background-size: contain;
    float: left; }
    @media only screen and (max-width: 992px) {
      .navbar__menu--mobile-icon {
        display: block; } }
  .navbar__chat {
    background-color: #454545;
    height: 52px;
    width: 52px;
    float: right;
    cursor: pointer;
    float: right; }
  .navbar__login-button {
    padding: 11.2px; }

.footer {
  /*background-color: #000000;
  height: 90px;
  position: absolute;
  right: 0;
  bottom: -180px;*/
  /*left: 0;*/ }
  .footer--sticky {
    bottom: 0; }
  .footer__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-top: 36px;
    height: 30px; }
  .footer__logo {
    background-image: url("../img/logo-revo-footer.png");
    width: 100px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .footer__text {
    color: #FFFFFF;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
    .footer__text p {
      font-size: 10px; }
    .footer__text a {
      color: #FFFFFF;
      font-weight: 600; }

.chat-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -400px;
  width: 400px;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #000000;
  transition: right 500ms ease-in-out;
  z-index: 11;
  padding-top: 50px;
  overflow-y: auto;
  padding-bottom: 190px; }
  @media only screen and (max-width: 400px) {
    .chat-bar {
      width: 100%; } }
  .chat-bar__heading {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    padding: 12px 8px;
    background-color: #454545;
    color: #FFFFFF; }
  .chat-bar__conversation {
    padding-top: 16px; }
  .chat-bar__message {
    margin-top: 16px;
    padding: 0 16px;
    width: auto;
    height: auto; }
  .chat-bar__avatar {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .chat-bar__avatar--mobile {
        display: none; } }
  .chat-bar__note {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 8px; }
    .chat-bar__note:before {
      content: '';
      display: block;
      position: absolute;
      height: 15px;
      width: 15px;
      left: -11px;
      top: 17px;
      background-image: url(../img/message-arrow.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
  .chat-bar__name {
    font-size: 14px;
    color: #5E676F;
    font-weight: 600;
    margin-top: 4px; }
  .chat-bar__delete {
    font-size: 18px;
    color: #FF5252;
    font-weight: 600; }
  .chat-bar__date {
    font-size: 11px;
    color: #5E676F;
    margin-top: 4px; }
  .chat-bar__text {
    font-size: 12px;
    color: #5E676F;
    margin-top: 4px; }
  .chat-bar__input-panel {
    background-color: #4a5561;
    box-shadow: 0 0 2px #000000;
    position: fixed;
    bottom: 0;
    padding: 16px;
    height: 170px;
    width: 390px;
    transform: translate3d(0px, 0px, 0px); }
    @media only screen and (max-width: 400px) {
      .chat-bar__input-panel {
        width: 100%; } }
  .chat-bar__textarea {
    width: 100%;
    border: none;
    font-size: 12px;
    font-weight: lighter;
    padding: 8px;
    margin-bottom: 8px; }
  .chat-bar--open .chat-bar {
    right: 0; }

.header {
  /*width: 100%;*/
  /*width: 962px;*/
  height: 130px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  /*top: 50px;*/ }
  @media only screen and (max-width: 480px) {
    .header {
      height: 120px; } }
  .header__logo-shape {
    width: 250px;
    height: 100px;
    padding: 16px;
    background-color: #FFFFFF; }
    @media only screen and (max-width: 480px) {
      .header__logo-shape {
        width: 100%;
        padding: 8px;
        height: auto; } }
    .header__logo-shape:after {
      content: '';
      position: absolute;
      top: 0;
      left: 250px;
      width: 0;
      height: 0;
      border-top: 100px solid #FFFFFF;
      border-right: 100px solid transparent; }
      @media only screen and (max-width: 480px) {
        .header__logo-shape:after {
          display: none; } }
  .header__logo-container {
    width: 218px;
    height: 68px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media only screen and (max-width: 320px) {
      .header__logo-container {
        width: 200px;
        height: 40px;
        margin: 0 auto; } }

.menu-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -400px;
  width: 400px;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  transition: left 500ms ease-in-out;
  z-index: 11;
  top: 50px;
  overflow-y: auto;
  padding-bottom: 190px;
  display: none; }
  @media only screen and (max-width: 400px) {
    .menu-mobile {
      width: 100%; } }
  @media only screen and (max-width: 992px) {
    .menu-mobile {
      display: block; } }
  .menu-mobile--hidden {
    display: none; }
  .menu-mobile--active {
    display: block; }
  .menu-mobile--mobile-items {
    width: 100%;
    background-color: #FFFFFF;
    color: #5E676F;
    margin: 0;
    padding: 0;
    right: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
    .menu-mobile--mobile-items ul {
      padding: 0;
      list-style: none;
      width: 100%; }
    .menu-mobile--mobile-items li {
      list-style: none;
      width: 100%;
      padding: 12px 0;
      border-bottom: 1px solid #cccccc; }
    .menu-mobile--mobile-items a {
      text-decoration: none;
      font-size: 14px; }
  .menu-mobile--mobile-item {
    padding: 16px;
    color: #5E676F;
    font-weight: 600; }
  .menu-mobile--mobile-item-small {
    padding: 8px 16px;
    color: #5E676F;
    font-weight: 300; }
  .menu-mobile--open .menu-mobile {
    left: 0; }
  .menu-mobile__drop-down {
    position: relative; }
    .menu-mobile__drop-down:after {
      content: url(../img/more-menu.svg);
      width: 35px;
      height: 35px;
      position: absolute;
      top: 5px;
      right: 16px;
      transition: opacity 500ms ease-in-out; }
    .menu-mobile__drop-down:active {
      opacity: 0.6; }

@media only screen and (max-width: 992px) {
  .menu-desktop {
    display: none; } }

.menu-desktop ul {
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0; }

.menu-desktop ul li {
  display: block;
  position: relative;
  float: left;
  background: #FFFFFF; }

.menu-desktop li ul {
  display: none;
  border-top: 2px solid #DADADA; }

.menu-desktop ul li a {
  display: block;
  padding: 16px;
  text-decoration: none;
  white-space: nowrap;
text-transform:uppercase  }

.menu-desktop ul li:hover {
  background: #EFEFEF; }

.menu-desktop li:hover > ul {
  display: block;
  position: absolute; }

.menu-desktop li:hover li {
  float: none; }

.menu-desktop li ul li {
  border: 1px solid #DADADA;
  border-top: 0;
  min-width: 170px;
  padding-right: 32px; }

.menu-desktop ul li ul li a {
  padding: 8px;
  text-transform:capitalize;
}

.menu-desktop ul ul ul {
  left: 100%;
  top: 0; }

.menu-desktop img {
  width: 20px;
  position: absolute;
  right: 16px; }

.menu-desktop--user ul {
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0; }

.menu-desktop--user ul li {
  display: block;
  position: relative;
  float: left;
  background: #FFFFFF; }

.menu-desktop--user li ul {
  display: none;
  border-top: 2px solid #DADADA; }

.menu-desktop--user ul li a {
  display: block;
  padding: 16px;
  text-decoration: none;
  white-space: nowrap; }

.menu-desktop--user ul li a:hover {
  background: #EFEFEF; }

.menu-desktop--user li:hover > ul {
  display: block;
  position: absolute;
  left: -118px; }

.menu-desktop--user li:hover li {
  float: none; }

.menu-desktop--user li ul li {
  border: 1px solid #DADADA;
  border-top: 0;
  min-width: 170px; }

.menu-desktop--user ul ul ul {
  left: 100%;
  top: 0; }

.menu-desktop--user ul li ul li a {
  padding: 8px; }

body {
  margin: 0;
  padding: 0; }

* {
  /*box-sizing: border-box;*/ }

*:before,
*:after {
  box-sizing: border-box; }

.container {
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
    .container {
        /*width: 750px;*/
        width: 990px;
    } }

@media (min-width: 992px) {
  .container {
    width: 990px; } }

@media (min-width: 1200px) {
  .container {
    width: 990px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.icon {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 16px 8px 0 8px;
  float: right; 
  }
  
.icon__heading {
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    display: inline-block;
    margin-right: 5.6px; }
    .icon__heading--mercato {
      background-image: url("../img/mercato.svg"); }
    .icon__heading--formazioni {
      background-image: url("../img/formazioni.svg"); }
    .icon__heading--capo-classifica {
      background-image: url("../img/capo-classifica.svg"); }
    .icon__heading--big-match {
      background-image: url("../img/big-match.svg"); }
    .icon__heading--top-flop {
      background-image: url("../img/top-flop.svg"); }
    .icon__heading--homepage {
      width: 30px;
      height: 30px;
      background-image: url("../img/homepage.svg"); }
    .icon__heading--calendario {
      width: 30px;
      height: 30px;
      background-image: url("../img/calendario.svg"); }
    .icon__heading--squadra {
      width: 30px;
      height: 30px;
      background-image: url("../img/squadra.svg"); }
    .icon__heading--storico {
      width: 30px;
      height: 30px;
      background-image: url("../img/storico.svg"); }
    .icon__heading--bacheca {
      width: 30px;
      height: 30px;
      background-image: url("../img/bacheca.svg"); }
    .icon__heading--gestione-profilo {
      width: 30px;
      height: 30px;
      background-image: url("../img/gestione-profilo.svg"); }
    .icon__heading--messaggi-privati {
      width: 30px;
      height: 30px;
      background-image: url("../img/messaggi-privati.svg"); }
    .icon__heading--statistiche {
      width: 30px;
      height: 30px;
      background-image: url("../img/statistiche.svg"); }
    .icon__heading--mercato-libero {
      width: 30px;
      height: 30px;
      background-image: url("../img/mercato-libero-p.svg"); }
    .icon__heading--invio-formazioni {
      width: 30px;
      height: 30px;
      background-image: url("../img/invio-formazioni.svg"); }
    .icon__heading--classifiche {
      background-image: url("../img/classifiche.svg"); }
    .icon__heading--ultimo-turno {
      background-image: url("../img/ultimo-turno.svg"); }
    .icon__heading--prossima-giornata {
      background-image: url("../img/prossima-giornata.svg"); }
    .icon__heading--prossimo-turno {
      background-image: url("../img/prossimo-turno.svg"); }
    .icon__heading--top-manager {
      background-image: url("../img/top-manager.svg"); }
    .icon__heading--migliore-peggiore {
      background-image: url("../img/migliore-peggiore.svg"); }
    .icon__heading--records {
      background-image: url("../img/records.svg"); }
    .icon__heading--top-player {
      background-image: url("../img/top-player.svg"); }
    .icon__heading--login {
      background-image: url("../img/team.svg"); }
    .icon__heading--messaggio {
      background-image: url("../img/messaggi-privati.svg"); }
  .icon__team {
    background-image: url("../img/team.svg");
    height: 20px;
    width: 20px; }
  .icon__message {
    background-image: url("../img/message.svg");
    height: 20px;
    width: 20px; }
  .icon__mercato-libero-p {
    background-image: url("../img/mercato-libero-modal.svg");
    height: 20px;
    width: 20px; }
  .icon__setting {
    background-image: url("../img/setting.svg");
    height: 20px;
    width: 20px; }
  .icon__chat {
    height: 50px;
    width: 50px; }
    .icon__chat--open {
      background-image: url("../img/chat.svg");
      height: 50px;
      width: 50px;
      cursor: pointer; }
    .icon__chat--close {
      background-image: url("../img/close-white.svg");
      height: 50px;
      width: 50px; }
  .icon--micro {
    height: 10px;
    width: 10px; }
  .icon__info {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #21a5e4;
    color: #FFFFFF;
    display: block;
    font-style: normal;
    padding: 0 4.8px;
    margin: 0 4px; }

.card {
  border-radius: 3px;
  background-color: #25273E;
  box-shadow: 0 0 2px #000000;
  margin: 8px; }
  .card .row {
    margin: 0; }
  @media only screen and (max-width: 992px) {
    .card {
      margin-top: 16px; } }
  .card--red {
    background-color: #fd5050;
    color: #FFFFFF; }
  .card--main {
    background-color: #FFFFFF;
    color: #5E676F; }
  .card__heading {
    height: auto;
    padding: 8px 8px;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    background-color: #383b58;
    color: #FFFFFF; }
    .card__heading--title {
      font-size: 18px;
      line-height: normal; }
    .card__heading--info {
      font-size: 12px;
      margin-left: auto; }
    .card__heading--main {
      height: 50px;
      font-size: 24px;
      padding: 10.4px 16px;
      background-color: #eee;
      color: #4267B2;
      border-bottom: 1px solid #DFDFDF; }
    .card__heading--private {
      height: 50px;
      /*font-size: 24px;*/
      padding: 10.4px 16px;
      background-color: #454545;
      color: #FFFFFF;
      border-bottom: 1px solid #DFDFDF; }
    .card__heading--violet {
      color: #bd98ff; }
    .card__heading--red {
      background-color: #ff5959;
      color: #FFFFFF; }
    .card__heading--blue {
      color: #21a5e4; }
    .card__heading--orange {
      color: #ff8935; }
    .card__heading--yellow {
      color: #c5c12e; }
    .card__heading--green {
      color: #45D080; }
  .card__title {
    font-weight: 600;
    padding: 8px 0 0;
    margin: 0 8px; }
    .card__title--violet {
      color: #bd98ff;
      border-bottom: #bd98ff 1px solid; }
    .card__title--blue {
      color: #21a5e4;
      border-bottom: #21a5e4 1px solid; }
    .card__title--orange {
      color: #ff8935;
      border-bottom: #ff8935 1px solid; }
  .card__body {
    height: auto;
    font-size: 12px;
    padding: 16px;
    color: #FCFCFC; }
    .card__body--main {
      color: #5E676F; }

.heading__line {
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  /*padding: 16px 0 1.6px;*/
  margin-bottom: 16px; }
  .heading__line--grey {
    color: #FCFCFC;
    border-bottom: 1px solid #454545; }
  .heading__line--blue {
    color: #4267B2;
    border-bottom: 1px solid #4267B2; }
  .heading__line--light {
    color: #DADADA;
    border-bottom: 1px solid #DADADA; }
  .heading__line--medium {
    color: #A1ABB5;
    border-bottom: 1px solid #A1ABB5; }
  .heading__line--dark {
    color: #5E676F;
    border-bottom: 1px solid #5E676F; }

.heading__big {
  font-size: 18px;
  font-weight: 600;
  color: #DADADA; }
  .heading__big--grey {
    color: #FCFCFC; }
  .heading__big--homepage {
    color: #5E676F; }

.heading__regular {
  font-size: 16px;
  font-weight: 300;
  color: #5E676F; }
  .heading__regular--light {
    color: #DADADA; }
  .heading__regular--homepage {
    color: #FFFFFF;
    background-color: #5E676F;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 2px;
    margin-bottom: 8px; }

.heading--flex {
  display: -ms-flexbox;
  display: flex; }

.heading__button {
  margin-left: auto;
  text-align: right; }

.heading__small {
  font-size: 12px;
  padding: 16px 0 2.4px; }
  .heading__small--light {
    color: #DADADA; }

.heading__summary {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 0; }
  .heading__summary--grey {
    color: #FCFCFC; }

.mercato-libero__line {
  height: auto;
  font-size: 12px;
  padding: 4px;
  border-bottom: 1px solid #dfdfdf;
  color: #A1ABB5; }
  .mercato-libero__line:last-child {
    border-bottom: 0; }

.mercato-libero__value {
  color: #DADADA; }

.formazioni-inviate__line {
  height: auto;
  font-size: 12px;
  padding: 4px;
  border-bottom: 1px solid #4a5561;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .formazioni-inviate__line--modal {
    margin-bottom: 24px; }
  .formazioni-inviate__line:last-child {
    border-bottom: 0; }

.formazioni-inviate__image {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
  padding: 4px; }

.formazioni-inviate__team {
  padding: 4px;
  font-weight: 600;
  color: #DADADA; }
  .formazioni-inviate__team a {
    color: #DADADA; }

.formazioni-inviate__status {
  font-size: 12px;
  color: #A1ABB5;
  margin-left: auto; }

.formazioni-inviate__icon {
  width: 15px;
  margin-left: 10px; }

.prossimo-turno {
  color: #FFFFFF; }
  .prossimo-turno__center {
    text-align: center;
    padding: 4px;
    font-size: 16px;
    font-weight: 200; }
    .prossimo-turno__center--data {
      font-size: 32px;
      font-weight: 900;
      padding: 0 0 0px;
      border-bottom: 1px solid #DD2A2A; }
    .prossimo-turno__center--numbers {
      font-size: 32px;
      font-weight: 900;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .prossimo-turno__center--days {
      font-size: 12px;
      font-weight: 200;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: 0 0 8px;
      border-bottom: 1px solid #DD2A2A; }
  .prossimo-turno__desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .prossimo-turno__desktop {
        display: none; } }
  .prossimo-turno__mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .prossimo-turno__mobile {
        display: block; } }

.top-manager__team {
  padding: 4px;
  font-weight: 600;
  color: #DADADA; }

.top-manager__comparison:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 767px) {
    .top-manager__comparison:first-child {
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }

@media only screen and (max-width: 767px) {
  .top-manager__comparison:last-child {
    margin-top: 16px; } }

.top-manager__comparison-title {
  font-size: 16px;
  color: #DADADA;
  font-weight: 600;
  text-align: center;
  margin-top: 8px; }

.top-manager__comparison-image {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: 4px; }

.top-manager__comparison-name {
  font-size: 14px;
  color: #DADADA;
  font-weight: 600;
  text-align: center;
  margin-top: 8px; }

.top-manager__comparison-team {
  font-size: 12px;
  color: #A1ABB5;
  text-align: center; }

.top-manager__comparison-championship {
  font-size: 12px;
  color: #A1ABB5;
  text-align: center;
  margin-bottom: 8px; }
  @media only screen and (max-width: 480px) {
    .top-manager__comparison-championship {
      margin-bottom: 16px; } }

.top-manager__comparison-scarto {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: #FFFFFF;
  font-weight: 600;
  padding-top: 8px;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 8px; }
  .top-manager__comparison-scarto--best {
    background-color: #45D080; }
  .top-manager__comparison-scarto--worst {
    background-color: #fd5050; }

.big-match {
  margin-top: 16px; }
  .big-match__team-image {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    border-radius: 35px; }
  .big-match__team-name {
    font-size: 14px;
    color: #DADADA;
    font-weight: 600;
    text-align: center;
    margin-top: 8px; }
  .big-match__team-position {
    font-size: 12px;
    color: #A1ABB5;
    text-align: center; }
  .big-match__comparision {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .big-match__line {
    border-top: 2px solid #969696;
    width: 20px;
    margin-top: 24px; }
  .big-match__vs {
    font-size: 16px;
    text-align: center;
    color: #DADADA;
    margin-top: 8px; }
  .big-match__diff {
    font-size: 10px;
    text-align: center;
    color: #A1ABB5; }

.capoclassifica {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 24px; }
  .capoclassifica__image {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .capoclassifica__info {
    padding-left: 8px; }
  .capoclassifica__name {
    font-size: 18px;
    font-weight: 600;
    color: #DADADA; }
  .capoclassifica__pti {
    font-size: 18px;
    font-weight: 600;
    color: #5E676F;
    background-color: #DADADA;
    padding: 4px;
    border-radius: 3px;
    display: inline-block; }
  .capoclassifica__stat {
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .capoclassifica__stat-col {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-left: 5.6px; }
    .capoclassifica__stat-col--tower {
      background-color: #DADADA;
      width: auto; }

.migliore-peggiore:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 767px) {
    .migliore-peggiore:first-child {
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }

@media only screen and (max-width: 767px) {
  .migliore-peggiore:last-child {
    margin-top: 16px; } }

.migliore-peggiore__title {
  font-size: 16px;
  color: #DADADA;
  font-weight: 600;
  text-align: center;
  margin-top: 8px; }

.migliore-peggiore__image {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: 4px; }

.migliore-peggiore__name {
  font-size: 14px;
  color: #DADADA;
  font-weight: 600;
  text-align: center;
  margin-top: 8px; }

.migliore-peggiore__team {
  font-size: 12px;
  color: #A1ABB5;
  text-align: center; }

.migliore-peggiore__championship {
  font-size: 12px;
  color: #A1ABB5;
  text-align: center;
  margin-bottom: 8px; }
  @media only screen and (max-width: 480px) {
    .migliore-peggiore__championship {
      margin-bottom: 16px; } }

.ultimo-turno {
  padding-top: 0px;

}
  .ultimo-turno__line {
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .ultimo-turno__line:last-child {
      border-bottom: 0; }
  .ultimo-turno__position {
    padding: 4px;
    font-weight: 600;
    color: #DADADA; }
  .ultimo-turno__image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4px; }
  .ultimo-turno__team-name {
    font-size: 12px;
    color: #DADADA;
    font-weight: 600;
    text-align: center;
    margin-top: 8px; }
  .ultimo-turno__result {
    font-weight: 600;
    background-color: #DADADA;
    font-size: 16px;
    text-align: center;
    color: #25273E;
    padding: 0 6.4px;
    border-radius: 2px; }
    .ultimo-turno__result a {
      color: #25273E; }
  .ultimo-turno__pti {
    font-size: 18px;
    font-weight: 600;
    color: #5E676F;
    background-color: #FFFFFF;
    padding: 4px;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    max-width: 120px; }
  .ultimo-turno__goals {
    font-size: 32px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #ff8935;
    padding: 8px 24px;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
    max-width: 80px; }
    .ultimo-turno__goals--left {
      float: right; }
      @media only screen and (max-width: 767px) {
        .ultimo-turno__goals--left {
          float: none; } }
    .ultimo-turno__goals--right {
      float: left; }
      @media only screen and (max-width: 767px) {
        .ultimo-turno__goals--right {
          float: none; } }
    .ultimo-turno__goals--winner {
      background-color: #45D080; }
    .ultimo-turno__goals--loser {
      background-color: #fd5050; }
  .ultimo-turno__comparision {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .ultimo-turno__result-row {
    color: #A1ABB5;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px; }
    .ultimo-turno__result-row--goal {
      background-color: #45D080;
      padding: 4px 8px;
      border-radius: 2px;
      color: #FFFFFF;
      font-size: 14px; }
  .ultimo-turno__result-value {
    margin-left: auto; }
  .ultimo-turno__desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .ultimo-turno__desktop {
        display: none; } }
  .ultimo-turno__mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .ultimo-turno__mobile {
        display: block; } }

.classifiche {
  /*margin-top: 16px;*/ }
  .classifiche__position {
    padding: 4px;
    font-weight: 600;
    color: #DADADA; }

  .classifiche__image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 2px;
	vertical-align:middle;
  }

  .classifiche__team {
    /*padding: 4px;*/
    font-weight: 600;
    color: #DADADA; }

.records__info--title {
  text-align: center;
  font-weight: 900;
  font-size: 16px;
  color: #DADADA;
  margin-top:10px;
}

.records__button {
  margin-top: 8px;
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-size: cover;
  background-color: #25273E;
  cursor: pointer; }
  .records__button--prev {
    background-image: url("../img/prev-record.svg");
    left: 10px; }
  .records__button--next {
    background-image: url("../img/next-record.svg");
    right: 10px; }

.records__user-result {
  width: 40px;
  height: 40px;
  border-radius: 35px;
  color: #FFFFFF;
  font-weight: 600;
  padding-top: 3.5px;
  font-size: 32px;
  text-align: center;
  /*margin: 0 auto;*/
  /*margin-top: 16px;*/ }
  .records__user-result--best {
    background-color: #45D080; }
  .records__user-result--worst {
    background-color: #fd5050; }

.records__user-name {
  font-size: 14px;
  color: #DADADA;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px; }

.top-flop__role {
  font-weight: 600; }
  .top-flop__role--keeper {
    color: #21a5e4; }
  .top-flop__role--defense {
    color: #c5c12e; }
  .top-flop__role--pivot {
    color: #45D080; }
  .top-flop__role--striker {
    color: #ff8935; }

.top-flop__image {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.top-flop__name {
  font-size: 11px;
  font-weight: 600;
  color: #DADADA; }
  .top-flop__name a {
    color: #DADADA;
    cursor: pointer; }

.top-flop__tot {
  color: #DADADA; }

.top-player__image {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.top-player__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .top-player__info--modal {
    -ms-flex-pack: start;
        justify-content: flex-start; }

.top-player__name {
  font-size: 16px;
  font-weight: 600;
  color: #DADADA;
  padding-left: 8px; }

.top-player__team {
  font-size: 14px;
  font-weight: 200;
  color: #A1ABB5;
  margin-top:10px;
}

.top-player__votes {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.homepage__desktop {
  display: block; }
  @media only screen and (max-width: 767px) {
    .homepage__desktop {
      display: none; } }

.homepage__mobile {
  display: none; }
  @media only screen and (max-width: 767px) {
    .homepage__mobile {
      display: block; } }

.homepage__news-container {
  margin-bottom: 32px; }

.homepage__article-info {
  padding: 8px 0; }

.homepage__article-paragraph {
  color: #5E676F;
  line-height: 1.6; }

.homepage__author {
  text-align: right;
  color: #A1ABB5; }
  @media only screen and (max-width: 767px) {
    .homepage__author {
      text-align: left; } }

.homepage__paginator {
  padding-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.homepage__page-prev {
  background-image: url("../img/prev.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px; }
  .homepage__page-prev--fast {
    background-image: url("../img/pre-prev.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px; }

.homepage__page-next {
  background-image: url("../img/post.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px; }
  .homepage__page-next--fast {
    background-image: url("../img/po-post.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px; }

.homepage__page-counter {
  color: #4267B2;
  padding-top: 4px; }

.calendario {
  padding-top: 16px; }
  .calendario__desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .calendario__desktop {
        display: none; } }
  .calendario__mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .calendario__mobile {
        display: block; } }
  .calendario__position {
    padding: 4px;
    font-weight: 600;
    color: #5E676F; }
  .calendario__image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4px; }
  .calendario__team-name {
    font-size: 12px;
    color: #5E676F;
    font-weight: 600;
    text-align: center;
    margin-top: 8px; }
  .calendario__result {
    font-weight: 600;
    background-color: #4a5561;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 6.4px;
    border-radius: 2px; }
    .calendario__result a {
      color: #FFFFFF; }
  .calendario__line {
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .calendario__line:last-child {
      border-bottom: 0; }
  .calendario__team-name {
    font-size: 12px;
    color: #5E676F;
    font-weight: 600;
    text-align: center;
    margin-top: 8px; }
  .calendario__comparision {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .calendario__select {
    margin-top: 16px; }
  .calendario th {
    color: #5E676F; }

.squadra {
  margin-top: 16px; }
  .squadra__logo {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .squadra__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .squadra__user-info {
    font-size: 16px;
    font-weight: 200;
    color: #5E676F;
    padding-left: 8px; }
  .squadra__top-player {
    font-size: 14px;
    font-weight: 200;
    color: #5E676F; }
  .squadra__role {
    font-weight: 600; }
    .squadra__role--keeper {
      color: #21a5e4; }
    .squadra__role--defense {
      color: #c5c12e; }
    .squadra__role--pivot {
      color: #45D080; }
    .squadra__role--striker {
      color: #ff8935; }
  .squadra__image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .squadra__player-name {
    font-size: 11px;
    font-weight: 600;
    color: #5E676F; }
    .squadra__player-name a {
      color: #5E676F;
      cursor: pointer; }
  .squadra__tot {
    font-weight: 600;
    color: #5E676F; }
  .squadra__line {
    height: auto;
    font-size: 12px;
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    color: #A1ABB5; }
    .squadra__line:last-child {
      border-bottom: 0; }
  .squadra__value {
    color: #5E676F; }
  .squadra__championship {
    float: left;
    margin-right: 8px; }
  .squadra__flag {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 4px; }
  .squadra__date {
    font-size: 12px;
    color: #5E676F;
    font-weight: 600;
    text-align: center; }
  .squadra th {
    color: #5E676F; }
  .squadra tbody tr:hover {
    background: rgba(0, 0, 0, 0.1); }
  .squadra thead:hover {
    background: none; }
  .squadra__desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .squadra__desktop {
        display: none; } }
  .squadra__mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .squadra__mobile {
        display: block; } }

.prossima-giornata {
  padding-top: 16px;
  height:132px;
}
  .prossima-giornata__line {
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .prossima-giornata__line:last-child {
      border-bottom: 0; }
  .prossima-giornata__team-name {
    font-size: 12px;
    color: #DADADA;
    font-weight: 500;
    text-align: center;
    margin-top: 8px; }
  .prossima-giornata__result {
    font-weight: 600;
    background-color: #DADADA;
    font-size: 16px;
    text-align: center;
    color: #25273E;
    padding: 0 6.4px;
    border-radius: 2px; }

.signed-user {
  width: 200px;
  height: 100px;
  float: right;
  background: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 16px;
  top: 16px; }
  @media only screen and (max-width: 600px) {
    .signed-user {
      display: none; } }
  .signed-user__avatar-image {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -35px;
    top: 15px;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
  .signed-user__info {
    padding: 16px 0 0 40px; }
  .signed-user__name {
    font-size: 18px;
    font-weight: 600; }
  .signed-user__credits {
    font-weight: 600;
    font-size: 14px;
    color: #45D080; }
  .signed-user__team-name {
    font-size: 11px; }

.feed {
  color: #DADADA; }
  @media only screen and (max-width: 992px) {
    .feed {
      margin-bottom: 0; } }
  .feed__container {
    padding: 16px;
    border-right: 1px solid #5E676F;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 767px) {
      .feed__container {
        border-bottom: 1px solid #5E676F;
        border-right: 0; } }
    .feed__container:last-child {
      border: 0; }
    .feed__container--text {
      margin-left: 16px;
      font-size: 12px; }
  .feed__image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    min-width: 30px; }
  .feed__title {
    font-weight: 600; }
  .feed__info {
    font-size: 11px;
    font-weight: 200; }

.storico {
  padding-top: 16px; }
  .storico__desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .storico__desktop {
        display: none; } }
  .storico__mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .storico__mobile {
        display: block; } }
  .storico__team-name {
    font-size: 12px;
    color: #5E676F;
    font-weight: 600;
    text-align: center;
    margin-top: 8px; }
  .storico__line {
    padding: 4px;
    border-bottom: 1px solid #dfdfdf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .storico__line:last-child {
      border-bottom: 0; }
  .storico__team-points {
    font-size: 12px;
    color: #A1ABB5;
    font-weight: 200; }
  .storico__result {
    font-weight: 600;
    background-color: #4a5561;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 6.4px;
    border-radius: 2px; }
    .storico__result a {
      color: #FFFFFF; }
  .storico__comparision {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }

/* Slider */
.slick-slider {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 0px; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  outline: none;
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-prev, .slick-next {
  width: 30px;
  z-index: 10;
  top: 40px;
  background-color: #FFFFFF; }

.slick-prev::before, .slick-next::before {
  color: #FCFCFC;
  font-size: 32px; }

.slick-next {
  right: 0; }

.slick-prev {
  left: 0; }

.slick-storico {
  padding-top: 8px; }

.form__input-text {
  border: 1px solid #A1ABB5;
  height: 25px;
  width: 100%;
  border-radius: 2px;
  padding: 0 8px; }
  .form__input-text--login {
    height: 35px;
    padding: 0 8px;
    margin: 8px 0; }

.form__label--block {
  display: block; }

.form--inline {
  display: -ms-inline-flexbox;
  display: inline-flex; }

.form__control--checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.form__control--radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 16px; }

.form__control--inline-block {
  display: inline-block; }

.form__textarea {
  width: 100%;
  min-height: 170px;
  border: 1px solid #A1ABB5;
  border-radius: 2px; }
  .form__textarea--query {
    border-radius: 2px;
    border: 1px solid #A1ABB5;
    height: 25px;
    width: 100%;
    background-color: #EFEFEF; }
    @media only screen and (max-width: 767px) {
      .form__textarea--query {
        margin-left: 0; } }

.modal {
  display: none;
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  .modal__content {
    position: relative;
    margin: 0 auto;
    margin-bottom: 32px;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s; }
    .modal__content--login {
      background-color: #FFFFFF;
      color: #5E676F;
      max-width: 300px; }
    .modal__content--messaggio {
      background-color: #FFFFFF;
      color: #5E676F;
      max-width: 850px; }
    .modal__content--dashboard {
      background-color: #25273E;
      color: #5E676F;
      max-width: 850px; }
    @media only screen and (max-width: 992px) {
      .modal__content {
        width: 90%; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
  .modal__close {
    float: right;
    font-size: 32px;
    cursor: pointer;
    line-height: 0.6; }
  .modal__header {
    padding: 16px;
    font-size: 18px;
    border-radius: 3px 3px 0 0; }
    .modal__header i {
      position: relative;
      top: 3.2px; }
    .modal__header--login {
      color: #5E676F;
      border-bottom: 1px solid #A1ABB5; }
    .modal__header--messaggio {
      color: #5E676F;
      border-bottom: 1px solid #A1ABB5; }
    .modal__header--player {
      background-color: #383b58;
      color: #c5c12e; }
    .modal__header--formazioni-inviate {
      background-color: #383b58;
      color: #bd98ff; }
    .modal__header--ultimo-turno {
      background-color: #383b58;
      color: #45D080; }
  .modal__body {
    padding: 16px;
    font-size: 12px; }
  .modal__footer {
    padding: 16px;
    border-top: 1px solid #A1ABB5; }
  .modal__image {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    border-radius: 35px;
    margin-top: 16px; }
  .modal__big-name {
    font-size: 14px;
    color: #DADADA;
    font-weight: 600;
    text-align: center;
    margin: 8px; }
  .modal__small-name {
    font-size: 12px;
    color: #DADADA;
    text-align: center;
    margin: 4px; }
  @media only screen and (max-width: 767px) {
    .modal--hide-scontroDiretto {
      display: none; } }

.competition__info--icon {
  margin: auto;
  width: 20px;
  height: 20px; }

.competition__info--title {
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  color: #DADADA; }

.competition__info--league {
  text-align: center;
  color: #DADADA; }

.competition__info--day {
  text-align: center;
  color: #A1ABB5;
  font-size: 10px; }

.competition__info--title-dark {
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  color: #5E676F; }

.competition__info--league-dark {
  text-align: center;
  color: #5E676F; }

.competition__info--day-dark {
  text-align: center;
  color: #5E676F;
  font-size: 10px; }

.competition__button {
  margin-top: 8px;
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-size: cover;
  background-color: #25273E;
  cursor: pointer; }
  .competition__button--prev {
    background-image: url("../img/prev-match.svg");
    left: 10px; }
  .competition__button--next {
    background-image: url("../img/next-match.svg");
    right: 10px; }

.tab {
  width: auto;
  height: auto; }
  .tab__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-left: 0; }
  .tab__button {
    font-size: 16px;
    margin-left: 8px;
    padding-bottom: 4px;
    list-style: none;
    display: inline-block; }
    .tab__button a {
      color: #5E676F;
      font-weight: 900;
      text-decoration: none; }
    .tab__button--active {
      font-weight: 900;
      border-bottom: 2px solid #DADADA; }
      .tab__button--active a {
        color: #DADADA; }
  .tab__container {
    margin-top: 8px;
    padding: 8px;
    overflow-x: auto; }
  .tab__panel {
    display: none; }
    .tab__panel:first-child {
      display: block; }

.select__body {
  height: 25px;
  max-width: 200px;
  border: 1px solid 1px solid #A1ABB5;
  border-radius: 2px;
  margin-right: 8px;
  background: #FFFFFF; }
  .select__body--bacheca {
    margin-top: 8px; }
  .select__body--messaggio {
    min-width: 200px; }
  .select__body--statistiche {
    min-width: 200px;
    width: 100%; }

.select--full-width {
  width: 95%;
  min-width: 95%; }

.table td {
  padding: 4px !important; }

.table--left {
  text-align: left; }

.table--center {
  text-align: center; }

.table--right {
  text-align: right; }

.table--size-small {
  font-size: 11px; }

.table--size-medium {
  font-size: 12px; }

.table--size-big {
  font-size: 14px; }

.table--weight-light {
  font-weight: 200; }

.table--weight-regular {
  font-weight: 300; }

.table--weight-bold {
  font-weight: 600; }

.table--hover-none:hover {
  background-color: inherit; }

.table__fixed {
  text-align: center;
  width: 100%;
  position: relative;
  top: -20px; }

.table__fixed-container {
  text-align: center;
  width: 100%;
  overflow: auto;
  min-width: 300px;
  max-height: 190px; }
  .table__fixed-container--bacheca {
    max-height: 290px; }

.table__fixed-header {
  position: relative;
  top: 15px; }

.table__fixed-content {
  position: relative;
  top: -20px;
  font-size: 12px; }

.table__fixed-hidden-row {
  visibility: hidden; }

.table__fixed-wrapper--small {
  max-height: 150px; }

.table__fixed-wrapper--medium {
  max-height: 300px; }

.table__fixed-wrapper--big {
  max-height: 500px; }

table {
  width: 100%;
  margin-bottom: 0 !important; }

tr {
  /*background-color: #FFFFFF !important;*/ }

tr:hover {
  /*background-color: #EFEFEF !important;*/ }

tr:hover td:nth-child(n+1) {
  /*background-color: #EFEFEF !important;*/ }

th {
  color: #DADADA; }

td {
  color: #A1ABB5;
  background-clip: padding-box; }

.button {
  border-radius: 3px;
  padding: 9.6px 48px;
  font-size: 14px;
  border-width: 0;
  font-weight: 600;
  transition: background-color 0.2s ease; }
  .button--large {
    padding: 9.6px 48px; }
.button--medium {
    margin: 8px 8px;
    padding: 4px 32px;
    /*padding: 8px 32px;*/
}
  .button--small {
    margin-left: 4px;
    padding: 8px 16px;
    font-size: 12px; }
  .button--micro {
    padding: 5.6px 8px;
    font-size: 12px;
    display: inline-block; }
  .button--action-icon {
    padding: 0;
    display: inline-block; }
  .button--white {
    background-color: #FFFFFF;
    color: #5E676F; }
  .button--red {
    background-color: #FFFFFF;
    color: #fd5050; }
  .button--alert {
    background-color: #fd5050;
    color: #FFFFFF; }
    .button--alert:hover {
      background-color: #f56060; }
  .button--green {
    background-color: #45D080;
    color: #FFFFFF; }
    .button--green:hover {
      background-color: #65d293; }
  .button--blue {
    background-color: #21a5e4;
    color: #FFFFFF; }
    .button--blue:hover {
      background-color: #4ab1e2; }
  .button--orange {
    background-color: #ff8935;
    color: #FFFFFF; }
    .button--orange:hover {
      background-color: #ffab6f; }
  .button--yellow {
    background-color: #c5c12e;
    color: #FFFFFF; }
    .button--yellow:hover {
      background-color: #eae760; }
  .button--grey {
    background-color: #969696;
    color: #FFFFFF; }
    .button--grey:hover {
      background-color: #b7b7b7; }
  .button--disabled {
    background-color: #EFEFEF;
    color: #A1ABB5;
    cursor: default !important; }

p {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.3;
  margin-top: 0px; }

.valid {
  font-weight: 600;
  color: #45D080; }

.error {
  font-weight: 600;
  color: #FF5252; }

.warning {
  font-weight: 600;
  color: #EF885A; }

.text--micro {
  font-size: 10px; }

.text--small {
  font-size: 12px; }

.text--medium {
  font-size: 14px; }

.text--big {
  font-size: 20px; }

.dialog {
  width: auto;
  height: auto;
  border-radius: 3px;
  padding: 16px;
  margin: 16px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .dialog__heading {
    font-size: 20px; }
  .dialog__text {
    font-size: 14px; }
  .dialog__button {
    margin-left: auto; }
  .dialog__close {
    float: right;
    font-size: 32px;
    cursor: pointer;
    line-height: 0.6;
    margin-left: auto; }
  .dialog--success {
    border: 3px solid #45D080;
    background-color: rgba(69, 208, 128, 0.7);
    color: #FFFFFF; }
  .dialog--warning {
    border: 3px solid #ff8935;
    background-color: rgba(255, 137, 53, 0.7);
    color: #FFFFFF; }
  .dialog--failure {
    border: 3px solid #fd5050;
    background-color: rgba(236, 51, 77, 0.7);
    color: #FFFFFF; }

@media only screen and (max-width: 1800px) {
  .hide--desktop-large {
    display: none; } }

@media only screen and (max-width: 1280px) {
  .hide--desktop-small {
    display: none; } }

@media only screen and (max-width: 992px) {
  .hide--tablet-large {
    display: none; } }

@media only screen and (max-width: 767px) {
  .hide--tablet-small {
    display: none; } }

@media only screen and (max-width: 480px) {
  .hide--mobile-large {
    display: none; } }

@media only screen and (max-width: 320px) {
  .hide--mobile-small {
    display: none; } }

@media only screen and (max-width: 1800px) {
  .show--desktop-large {
    display: block; } }

@media only screen and (max-width: 1280px) {
  .show--desktop-small {
    display: block; } }

@media only screen and (max-width: 992px) {
  .show--tablet-large {
    display: block; } }

@media only screen and (max-width: 767px) {
  .show--tablet-small {
    display: block; } }

@media only screen and (max-width: 480px) {
  .show--mobile-large {
    display: block; } }

@media only screen and (max-width: 320px) {
  .show--mobile-small {
    display: block; } }

.bacheca {
  padding: 0 16px 16px 16px; }
  @media only screen and (max-width: 767px) {
    .bacheca {
      padding: 0; } }
  .bacheca th {
    color: #5E676F;
    font-weight: 200; }
  .bacheca__credits {
    font-weight: 600;
    font-size: 14px;
    padding-top: 16px;
    text-align: right; }
    .bacheca__credits--user {
      color: #45D080; }
    .bacheca__credits--opponent {
      color: #fd5050; }
  .bacheca__classifica-container {
    overflow-x: auto;
    overflow-y: hidden; }
    .bacheca__classifica-container thead tr:first-child:hover {
      background-color: inherit; }
    .bacheca__classifica-container tr:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  .bacheca__player-name {
    font-size: 11px;
    font-weight: 600;
    color: #5E676F; }
  .bacheca__role {
    font-weight: 600; }
    .bacheca__role--keeper {
      color: #21a5e4; }
    .bacheca__role--defense {
      color: #c5c12e; }
    .bacheca__role--pivot {
      color: #45D080; }
    .bacheca__role--striker {
      color: #ff8935; }
  .bacheca__position {
    padding: 4px;
    font-weight: 600;
    color: #A1ABB5; }
  .bacheca__team-image {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4px; }
  .bacheca__team-name {
    padding: 4px;
    font-weight: 600;
    color: #5E676F; }
  .bacheca .tab__button {
    font-size: 16px;
    margin-left: 8px;
    padding-bottom: 4px;
    list-style: none;
    display: inline-block; }
    .bacheca .tab__button a {
      color: #A1ABB5;
      font-weight: 900; }
    .bacheca .tab__button--active {
      font-weight: 900;
      border-bottom: 2px solid #5E676F; }
      .bacheca .tab__button--active a {
        color: #5E676F; }
  .bacheca .tab_content {
    border: 1px solid #DADADA;
    border-radius: 3px;
    padding: 8px; }

.gestione-profilo {
  padding: 16px; }
  @media only screen and (max-width: 767px) {
    .gestione-profilo {
      padding: 0; } }
  .gestione-profilo:after {
    content: '';
    clear: both;
    display: block; }

.messaggi-privati {
  padding: 0 16px 16px 16px; }
  @media only screen and (max-width: 767px) {
    .messaggi-privati {
      padding: 0; } }
  .messaggi-privati__recap {
    font-weight: 600;
    font-size: 12px;
    margin: 16px 0;
    display: block;
    color: #A1ABB5; }
    .messaggi-privati__recap span {
      margin-right: 16px; }
      @media only screen and (max-width: 480px) {
        .messaggi-privati__recap span {
          width: 100%;
          display: block; } }
  .messaggi-privati__text-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    float: left;
    -ms-flex-align: start;
        align-items: flex-start; }
    @media only screen and (max-width: 767px) {
      .messaggi-privati__text-content {
        width: 100%;
        -ms-flex-align: start;
            align-items: flex-start; } }
  .messaggi-privati__line {
    border: 1px solid #DADADA;
    border-bottom: 0;
    padding: 8px;
    background-color: #EFEFEF; }
    .messaggi-privati__line:last-child {
      border-bottom: 1px solid #DADADA; }
    @media only screen and (max-width: 992px) {
      .messaggi-privati__line {
        padding-bottom: 16px; } }
    .messaggi-privati__line--user-image {
      width: 30px;
      height: 30px;
      border-radius: 15px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .messaggi-privati__line--user-info {
      padding-left: 8px;
      font-weight: 600;
      font-size: 12px; }
    .messaggi-privati__line--date-info {
      font-weight: 200;
      font-size: 11px;
      display: block; }
    .messaggi-privati__line--message-info {
      padding-left: 16px;
      font-weight: 600;
      font-size: 12px; }
    .messaggi-privati__line--message-clamp {
      font-weight: 200;
      font-size: 11px;
      max-width: 500px;
      overflow: hidden;
      display: block; 

    }

      @media only screen and (max-width: 992px) {
        .messaggi-privati__line--message-clamp {
          max-width: 300px; 
                  } 
              }

      @media only screen and (max-width: 767px) {
        .messaggi-privati__line--message-clamp {
          max-width: 100%;

        }

      }
    .messaggi-privati__line--actions {
      margin-left: auto;
      text-align: center;
      display: inline-block;
      float: right;
   }

      @media only screen and (max-width: 767px) {
        .messaggi-privati__line--actions {
          margin-top: 8px; } }
  .messaggi-privati__button {
    margin-left: 8px; }
  .messaggi-privati__non-letti {
    color: #FF5252; }
  .messaggi-privati .button--medium {
    margin-left: 0; }

.statistiche {
  padding: 0 16px 16px 16px; }
  @media only screen and (max-width: 767px) {
    .statistiche {
      padding: 0; } }
  .statistiche__player-name {
    font-size: 11px;
    font-weight: 600;
    color: #5E676F; }
  .statistiche th {
    color: #5E676F;
    font-weight: 200; }
  .statistiche__buttons-container {
    display: inline-block; }
    @media only screen and (max-width: 1280px) {
      .statistiche__buttons-container {
        display: block; }
        .statistiche__buttons-container .button {
          margin: 8px 8px 0 0; } }
  .statistiche__query-default-container {
    display: block;
    min-height: 400px; }
    .statistiche__query-default-container--active {
      display: block; }
    .statistiche__query-default-container--hidden {
      display: none; }
  .statistiche__query-custom-container {
    display: none; }
    .statistiche__query-custom-container--active {
      display: block; }
    .statistiche__query-custom-container--hidden {
      display: none; }

.mercato-libero-p {
  padding: 0 16px 16px 16px; }
  @media only screen and (max-width: 767px) {
    .mercato-libero-p {
      padding: 0; } }
  .mercato-libero-p th {
    color: #5E676F;
    font-weight: 200;
    text-align: center;
    background-color: #EFEFEF; }
  .mercato-libero-p th:first-child {
    border-radius: 3px 0 0 0; }
  .mercato-libero-p th:last-child {
    border-radius: 0 3px 0 0; }
  .mercato-libero-p__line {
    border-bottom: 1px solid #DADADA;
    margin-top: 16px; }
  @media only screen and (max-width: 767px) {
    .mercato-libero-p__button-container .button {
      margin-bottom: 8px; } }
  .mercato-libero-p__center {
    text-align: center;
    padding: 4px;
    font-size: 16px;
    font-weight: 200; }
    .mercato-libero-p__center--data {
      font-size: 32px;
      font-weight: 900;
      padding: 0 0 8px;
      border-bottom: 1px solid #DD2A2A; }
    .mercato-libero-p__center--numbers {
      font-size: 32px;
      font-weight: 900;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .mercato-libero-p__center--days {
      font-size: 12px;
      font-weight: 200;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  .mercato-libero-p__fine-sessione {
    border-radius: 3px;
    background-color: #fd5050; }

.invio-formazioni {
  padding: 0 10px 10px 10px; }
  @media only screen and (max-width: 767px) {
    .invio-formazioni {
      padding: 0; } }
  .invio-formazioni__section {
    padding: 0 16px; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__section {
        padding: 8px; } }
  .invio-formazioni th {
    color: #5E676F;
    font-weight: 200;
    text-align: center; }
.invio-formazioni td {
	text-align: center;
	padding: 2px !important;}
  .invio-formazioni .form__control--radio {
    margin-left: 0; }
  .invio-formazioni__setting {
    padding: 0 16px; }
    .invio-formazioni__setting .form__control--checkbox {
      display: -ms-flexbox;
      display: flex;
      margin-left: 16px;
      float: left; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__setting {
        padding: 0; } }
  .invio-formazioni__player-wrapper {
    position: absolute; }
  .invio-formazioni__player {
    width: 70px;
    position: relative;
    text-align: center;
    padding: 15.2px 1.6px 1.6px 1.6px; }
  .invio-formazioni__player-name {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 200; }
    .invio-formazioni__player-name--mobile {
      border-radius: 2px;
      width: auto;
      color: #FFFFFF;
      font-size: 9px;
      font-weight: 600; }
  .invio-formazioni__player-image {
    width: 30px;
    height: 30px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    position: absolute;
    left: 20px;
    top: -15px; }
  .invio-formazioni__panchina {
    height: 80px;
    width: 100%;
    overflow-x: scroll; }
    .invio-formazioni__panchina:after {
      content: "";
      clear: both;
      display: block; }
    .invio-formazioni__panchina .invio-formazioni__player {
      float: left;
      margin: 20px 4px 0 0; }
    .invio-formazioni__panchina .invio-formazioni__player-name {
      color: #5E676F; }
    .invio-formazioni__panchina--mobile {
      height: 60px; }
      .invio-formazioni__panchina--mobile .invio-formazioni__player {
        margin: 0 4px 0 0;
        background: #5E676F;
        padding: 4px 4px;
        border-radius: 2px; }
      .invio-formazioni__panchina--mobile .invio-formazioni__player-name {
        color: #FFFFFF; }
  .invio-formazioni__panchina-container {
    width: 1200px; }
  .invio-formazioni__buttons-container {
    display: block;
    border-top: 1px solid #DADADA;
    /*padding-top: 16px;*/ }
    .invio-formazioni__buttons-container .button {
      float: right; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__buttons-container--desktop {
        display: none; } }
    .invio-formazioni__buttons-container--mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .invio-formazioni__buttons-container--mobile {
          display: block; } }
    .invio-formazioni__buttons-container:after {
      content: "";
      clear: both;
      display: block; }
  .invio-formazioni__player-info {
    font-weight: 600;
    color: #fd5050; }
  .invio-formazioni__center {
    text-align: center;
    padding: 4px;
    font-size: 16px;
    font-weight: 200; }
    .invio-formazioni__center--data {
      font-size: 32px;
      font-weight: 900;
      padding: 0 0 8px;
      border-bottom: 1px solid #DD2A2A; }
    .invio-formazioni__center--numbers {
      font-size: 32px;
      font-weight: 900;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    .invio-formazioni__center--days {
      font-size: 12px;
      font-weight: 200;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: 0 0 8px;
      border-bottom: 1px solid #DD2A2A; }
    .invio-formazioni__center--button {
      padding: 24px 0 16px; }
  .invio-formazioni__fine-sessione {
    border-radius: 3px;
    background-color: #fd5050; }
  .invio-formazioni__court {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/campo.jpg");
    margin: 0 auto;
    position: relative; }
    .invio-formazioni__court--desktop {
      width: 330px;
      height: 450px; }
    .invio-formazioni__court--mobile {
      width: 220px;
      height: 290px;
      margin-top: 16px; }
  .invio-formazioni__cosi-in-campo--desktop {
    display: block; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__cosi-in-campo--desktop {
        display: none; } }
  .invio-formazioni__cosi-in-campo--mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__cosi-in-campo--mobile {
        display: block; } }
  .invio-formazioni__giornata {
    font-weight: 600;
    font-size: 14px;
    background-color: #454545;
    padding-top: 10px;
    /*margin-top: 12px;*/
    border-radius: 2px;
    color: #DADADA;
    text-align: center;
	height:40px; }
  .invio-formazioni__match-container {
    padding: 4px 0 0 8px;
    float: left; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__match-container {
        padding-left: 0;
        margin-right: 8px; } }
  .invio-formazioni__match {
    font-weight: 600;
    font-size: 11px;
    width: auto;
    background-color: #b7b7b7;
    padding: 3.2px 6.4px;
    border-radius: 2px;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap; }
    @media only screen and (max-width: 767px) {
      .invio-formazioni__match {
        max-width: 240px; } }
    @media only screen and (max-width: 480px) {
      .invio-formazioni__match {
        max-width: 100%; } }
    .invio-formazioni__match--vs {
      font-weight: 600;
      background-color: #DADADA;
      font-size: 11px;
      text-align: center;
      color: #454545;
      padding: 0 6.4px;
      border-radius: 2px; }
  .invio-formazioni__role {
    font-weight: 600; }
    .invio-formazioni__role--keeper {
      color: #21a5e4; }
    .invio-formazioni__role--defense {
      color: #c5c12e; }
    .invio-formazioni__role--pivot {
      color: #45D080; }
    .invio-formazioni__role--striker {
      color: #ff8935; }
  .invio-formazioni__keeper {
    background-color: rgba(33, 165, 228, 0.4);
    height: 25px;
    width: 100%;
    top: 0;
    position: absolute; }
  .invio-formazioni__defense {
    background-color: rgba(255, 137, 53, 0.4);
    height: 85px;
    width: 100%;
    top: 25px;
    position: absolute; }
  .invio-formazioni__pivot {
    background-color: rgba(69, 208, 128, 0.4);
    height: 90px;
    width: 100%;
    top: 110px;
    position: absolute; }
  .invio-formazioni__strikers {
    background-color: rgba(236, 51, 77, 0.4);
    height: 90px;
    width: 100%;
    top: 200px;
    position: absolute; }

html {
  height: 100%;
  box-sizing: border-box; }

html, body {
  margin: 0 !important;
  padding: 0 !important; }

body {
  background-color: #161A26;
  min-height: 100%;
  position: relative; }
  @media only screen and (max-width: 767px) {
    body.chat-bar-no-scroll {
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    body.mobile-no-scroll {
      overflow: hidden; } }

* {
  /*box-sizing: border-box;*/ }

*:before,
*:after {
  /*box-sizing: border-box;*/ }

* a {
  text-decoration: none; }

label {
  font-size: 12px; }

.clearfix {
  width: 100%;
  display: block;
  clear: both; }

.no-margin {
  margin: 0; }

.m-top--micro {
  margin-top: 4px; }

.m-top--small {
  /*margin-top: 8px;*/ }

.m-top--medium {
  /*margin-top: 16px;*/ }

.m-top--big {
  margin-top: 24px; }

input[type="radio"] {
  margin: 2.4px;
  outline: 0; }

input[type="checkbox"] {
  margin: 2.4px;
  outline: 0; }

input[type="text"],
input[type="button"],
select,
button,
textarea {
  outline: 0; }

.inline-container {
  display: -ms-inline-flexbox;
  display: inline-flex; }

::-webkit-scrollbar {
  width: 12px;
  height: 12px; }

::-webkit-scrollbar-track {
  background-color: #eaeaea; }

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px; }

::-webkit-scrollbar-thumb:hover {
  background-color: #aaa; }

.tooltip {
  display: none;
  position: absolute;
  width: 150px;
  background-color: #454545;
  border-radius: 2px;
  text-align: center;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 12px;
  top: 50px; }
  .tooltip:after {
    content: "";
    border-width: 5px;
    border-color: transparent transparent transparent #454545;
    border-style: solid;
    position: absolute;
    top: 7px;
    right: -10px; }