Souke/common/web/sass/_common.scss

@import "compass";

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* Navigation utilisateur en haut du site */
.nav-user-top {
  float: right;
  background-color: white;

  .navbar {
    @include border-radius(0px);
    border: 0px none;
    padding: 0px;
    margin: 0px;
    min-height: 0px;

    ul {
      position: relative;
      left: -10px;

      li {
        padding-left: 5px;

        a.nav-link {
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 7px;
          padding-bottom: 7px;
          font-family: 'worksans_semibold';
          color: black;

          &:hover, &:focus, &.active {
            background: none;
          }

          .bi {
            color: $color-primary;
            font-size: 18px;
            margin-right: 2px;
            position: relative;
            top: 2px;
          }
        }

        ul li a {
          padding: 2px 20px;
        }
      }
    }
  }

  .dropdown-menu {
    .divider.dropdown-header {
      padding: 0px;
    }
  }
}

@media screen and (max-width: 768px) {
  .nav-user-top {
    .navbar {
      ul {
        float: right;
        margin-right: 0px;
      }

      .link-text {
        display: none;
      }

      .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
        @include box-shadow(0px 0px 4px gray);

        li {
          a {
            padding-left: 15px;
          }
        }
      }
    }
  }
}

/* Block de date */
.block-date {
  margin: 0px auto;
  padding-top: 0px;
  text-align: center;

  .day {
    text-transform: capitalize;
    line-height: 15px;
    font-size: 13px;
    text-transform: uppercase;
  }

  .num {
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
  }

  .month {
    text-transform: uppercase;
    line-height: 15px;
    font-size: 13px;
    color: darken($color-primary, 5);
  }
}

/* Page d'erreur */
#main #content .site-error {
  .col-lg-6 {
    margin: 0px auto;
    float: none;
  }

  .panel {
    .panel-body {
      padding-bottom: 0px;
    }

    h2 {
      text-transform: none;
      font-size: 25px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }

  .alert {
    padding-bottom: 5px;

    h2 {
      margin-top: 5px;
    }

    p {
      margin-bottom: 15px;
    }

    .btn {
      text-decoration: none;
    }
  }

  .actions {
    //text-align: center;
  }
}

/* Paiement */
.payment-detail-remaining-surplus {
  font-size: 13px;
  color: gray;

  strong {
    font-weight: bold;
  }
}