img {
  max-width: 100%;
  height: auto; }

nav {
  box-shadow: none; }
  nav li {
    max-height: 64px; }

.block {
  display: block; }

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

.brand-logo {
  display: block;
  width: 64px;
  text-indent: -9999px;
  background-image: url("../images/brand/logo/png/white/logo-64-white.png");
  background-size: 35px;
  background-position: center;
  background-repeat: no-repeat; }

#landing-dashboard #profile-image {
  margin-left: 15px;
  border-radius: 100%; }

.sms-license-info {
  padding: 2rem; }
  .sms-license-info #available-versions-text {
    margin-top: 15px;
    margin-bottom: 5px; }
  .sms-license-info #key.secret {
    position: relative;
    color: transparent; }
    .sms-license-info #key.secret::after {
      content: "Hover me to see the key";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      color: black;
      text-align: center; }
    .sms-license-info #key.secret ::-webkit-selection {
      background: transparent;
      color: transparent; }
    .sms-license-info #key.secret ::-moz-selection {
      background: transparent;
      color: transparent; }
    .sms-license-info #key.secret ::selection {
      background: transparent;
      color: transparent; }
    .sms-license-info #key.secret:hover {
      color: black; }
      .sms-license-info #key.secret:hover ::-webkit-selection {
        background: black;
        color: white; }
      .sms-license-info #key.secret:hover ::-moz-selection {
        background: black;
        color: white; }
      .sms-license-info #key.secret:hover ::selection {
        background: black;
        color: white; }
      .sms-license-info #key.secret:hover::after {
        content: 0;
        display: none; }
  .sms-license-info p,
  .sms-license-info td.col {
    padding: 0; }
    .sms-license-info p p,
    .sms-license-info td.col p {
      padding: 0; }

.page-footer {
  width: 100%; }

@media only screen and (min-width: 1px) {
  .sms.graphics {
    position: absolute;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 1000px;
    overflow: hidden; }
    .sms.graphics .sms-graphic-paper-folds {
      position: absolute;
      top: 0;
      width: 95%;
      height: 95%;
      background-image: url("../images/brand/graphics/folding-paper-gradient.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      .sms.graphics .sms-graphic-paper-folds.small {
        max-width: 256px;
        max-height: 256px; }
        .sms.graphics .sms-graphic-paper-folds.small.left {
          left: -100px; }
        .sms.graphics .sms-graphic-paper-folds.small.right {
          right: -100px; }
      .sms.graphics .sms-graphic-paper-folds.medium {
        max-width: 512px;
        max-height: 512px; }
        .sms.graphics .sms-graphic-paper-folds.medium.left {
          left: -250px; }
        .sms.graphics .sms-graphic-paper-folds.medium.right {
          right: -250px; }
      .sms.graphics .sms-graphic-paper-folds.large {
        max-width: 1024px;
        max-height: 1024px; }
        .sms.graphics .sms-graphic-paper-folds.large.left {
          left: -500px; }
        .sms.graphics .sms-graphic-paper-folds.large.right {
          right: -500px; }
      .sms.graphics .sms-graphic-paper-folds.rotated {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .sms.collection {
    overflow: inherit; }
    .sms.collection .row {
      margin-bottom: 0; }
    .sms.collection .sms.dropdown-container {
      overflow: hidden; }
    .sms.collection .sms.dropdown-button {
      display: block;
      text-align: right;
      min-width: 125px; }
    .sms.collection .sms.dropdown-content {
      min-width: 150px; }
  .sms.collapsible-body {
    padding: 25px; }
  .sms.messages {
    max-height: 1000px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .sms.messages li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .sms#send-new-message {
    display: block;
    overflow: hidden;
    height: 0px; }
  .sms.btn-fixed-bottom {
    z-index: 100;
    position: fixed;
    right: 0;
    bottom: 0;
    margin-right: 35px;
    margin-bottom: 35px; } }

@media only screen and (min-width: 480px) {
  .sms.collection .secondary-content .dropdown-button {
    display: block;
    text-align: right;
    min-width: 150px; } }

@media only screen and (min-width: 768px) {
  .sms.collection .secondary-content .dropdown-button {
    display: inline;
    text-align: left;
    min-width: auto; }
  .sms.collection .secondary-content .dropdown-content {
    min-width: 150px; } }