@import url("css/pe-icon-7-stroke.css");
#redux-header {
  display: none; }

.c4d-plugin-manager-user-info {
  margin: 0px auto;
  padding: 1px 30px;
  background: #25262b; }
  .c4d-plugin-manager-user-info a {
    color: #3a54e5; }
    .c4d-plugin-manager-user-info a:hover {
      color: #1c37d0; }
  .c4d-plugin-manager-user-info:after {
    content: '';
    display: block;
    clear: both; }
  .c4d-plugin-manager-user-info .avatar-wrapper {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden; }
    .c4d-plugin-manager-user-info .avatar-wrapper.has-codes {
      height: 0px; }
  .c4d-plugin-manager-user-info .avatar-wrapper-inner {
    width: 320px;
    background: #000;
    border-radius: 30px;
    padding: 30px;
    margin: 50px auto; }
  .c4d-plugin-manager-user-info .greeting {
    font-size: 14px;
    color: #ccc;
    margin: 10px auto; }
  .c4d-plugin-manager-user-info .avatar {
    text-align: center; }
    .c4d-plugin-manager-user-info .avatar img {
      width: 80px;
      height: auto; }
  .c4d-plugin-manager-user-info .validate-form {
    text-align: center;
    margin: 15px auto; }
    .c4d-plugin-manager-user-info .validate-form .title {
      font-size: 14px; }
    .c4d-plugin-manager-user-info .validate-form .input {
      padding: 10px 30px;
      background: #34353c;
      border: none;
      width: 100%;
      line-height: 24px;
      color: #c0c0c0;
      font-weight: 100;
      margin: 5px auto;
      text-align: center; }
      .c4d-plugin-manager-user-info .validate-form .input.missing {
        box-shadow: 0px 1px 0px red; }
    .c4d-plugin-manager-user-info .validate-form button {
      background: #008000;
      padding: 10px 30px;
      border: none;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      line-height: 24px;
      width: 100%;
      cursor: pointer;
      margin-top: 5px; }
      .c4d-plugin-manager-user-info .validate-form button:hover {
        background: #004d00; }
  .c4d-plugin-manager-user-info .info-wrapper {
    max-width: 960px;
    margin: 30px auto; }
    .c4d-plugin-manager-user-info .info-wrapper:after {
      content: '';
      display: block;
      clear: both; }
    .c4d-plugin-manager-user-info .info-wrapper .heading img {
      width: 30px;
      height: auto;
      margin: auto;
      vertical-align: middle; }
    .c4d-plugin-manager-user-info .info-wrapper .heading .greeting {
      vertical-align: middle; }
    .c4d-plugin-manager-user-info .info-wrapper .c4d-plugin-manager-try-other-codes {
      float: right; }
    .c4d-plugin-manager-user-info .info-wrapper table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #444;
      margin: 30px auto 50px; }
      .c4d-plugin-manager-user-info .info-wrapper table thead {
        border-bottom: 1px solid #444; }
        .c4d-plugin-manager-user-info .info-wrapper table thead th {
          padding: 10px 0;
          color: #ccc; }
      .c4d-plugin-manager-user-info .info-wrapper table tbody td {
        padding: 10px 0;
        color: #aaa;
        font-weight: 100;
        text-align: center; }
  .c4d-plugin-manager-user-info .info {
    float: right;
    text-align: center; }
    .c4d-plugin-manager-user-info .info > .element {
      display: inline-block;
      min-width: 200px;
      text-align: center; }
      .c4d-plugin-manager-user-info .info > .element .icon {
        font-size: 40px;
        color: #fff; }
      .c4d-plugin-manager-user-info .info > .element .title {
        font-size: 14px;
        color: #777;
        margin: 10px auto; }
      .c4d-plugin-manager-user-info .info > .element .value {
        font-size: 14px;
        color: #777;
        margin: 10px auto; }
  .c4d-plugin-manager-user-info .meta {
    text-align: center;
    font-size: 11px; }
    .c4d-plugin-manager-user-info .meta a {
      display: inline-block;
      margin: auto 5px;
      text-decoration: none;
      color: #777; }

.margin-top-5 {
  margin-top: 5px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-top-30 {
  margin-top: 30px; }