.page > .content > .profile-settings > .container-fluid {
  padding: 0; }

.profile {
  background: #fff;
  height: 100%; }
  .profile .tabs-container .nav-tabs {
    background: #fff; }
  .profile > .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding: 40px 30px; }
    .profile > .header > .user {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      width: 400px; }
      .profile > .header > .user > .avatar {
        width: 100px;
        height: 100px;
        margin-right: 30px;
        z-index: 0; }
      .profile > .header > .user > .info {
        margin-top: 16px; }
        .profile > .header > .user > .info > .name {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 5px; }
        .profile > .header > .user > .info > .description {
          font-size: 12px;
          margin-bottom: 5px; }
        .profile > .header > .user > .info > .rating > .star {
          display: inline-block;
          margin-right: 5px;
          color: #ffb300;
          font-size: 14px; }
          .profile > .header > .user > .info > .rating > .star:last-child {
            margin-right: 0; }
    .profile > .header > .statistics {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .profile > .header > .statistics > .item {
        margin-right: 60px; }
        .profile > .header > .statistics > .item:last-child {
          margin-right: 0; }
        .profile > .header > .statistics > .item > .amount {
          color: #25628F;
          font-size: 28px;
          font-weight: 500; }
        .profile > .header > .statistics > .item > .text {
          text-align: center;
          font-size: 14px; }
  .profile .settings-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .profile .settings-tab > .form {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .profile .settings-tab > .form.general > .manage-avatar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex; }
        .profile .settings-tab > .form.general > .manage-avatar > .avatar {
          margin-right: 20px;
          min-width: 100px;
          min-height: 100px; }
        .profile .settings-tab > .form.general > .manage-avatar > .body > .header {
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 10px; }
        .profile .settings-tab > .form.general > .manage-avatar > .body > .description {
          font-size: 12px;
          margin-bottom: 15px; }
        .profile .settings-tab > .form.general > .manage-avatar > .body > .controls > .btn {
          margin-right: 10px; }
          .profile .settings-tab > .form.general > .manage-avatar > .body > .controls > .btn:last-child {
            margin-right: 0; }
      .profile .settings-tab > .form.general > .linked-accounts .linked-account {
        display: inline-block;
        margin-right: 20px; }
        .profile .settings-tab > .form.general > .linked-accounts .linked-account > .name {
          font-weight: 500; }
        .profile .settings-tab > .form.general > .linked-accounts .linked-account > .avatar {
          width: 24px;
          height: 24px;
          position: relative;
          top: -2px;
          margin-left: 10px; }
      .profile .settings-tab > .form.general > .connect-with-social-accounts > .body > .connect-with {
        margin-bottom: 15px; }
        .profile .settings-tab > .form.general > .connect-with-social-accounts > .body > .connect-with:last-child {
          margin-bottom: 0; }
        .profile .settings-tab > .form.general > .connect-with-social-accounts > .body > .connect-with.connected > .btn {
          margin-right: 20px; }
          .profile .settings-tab > .form.general > .connect-with-social-accounts > .body > .connect-with.connected > .btn > .text {
            color: #333333;
            font-weight: normal; }
            .profile .settings-tab > .form.general > .connect-with-social-accounts > .body > .connect-with.connected > .btn > .text > .name {
              font-weight: 500; }
      .profile .settings-tab > .form.experience .remove-position {
        margin-bottom: 0; }
        .profile .settings-tab > .form.experience .remove-position > .btn > .text {
          color: #333; }
      .profile .settings-tab > .form.notifications .accordion > .item {
        border: none;
        padding: 0;
        margin-bottom: 20px; }
        .profile .settings-tab > .form.notifications .accordion > .item > a {
          color: #333;
          font-size: 14px;
          font-weight: 500;
          text-decoration: none;
          display: block; }
          .profile .settings-tab > .form.notifications .accordion > .item > a:before {
            display: inline-block;
            content: "\f112";
            font-family: "LineAwesome";
            color: #858585;
            font-size: 15px;
            font-weight: normal;
            width: 16px;
            margin-right: 6px;
            position: relative;
            top: 1px; }
          .profile .settings-tab > .form.notifications .accordion > .item > a.collapsed:before {
            content: "\f110";
            top: 1px; }
          .profile .settings-tab > .form.notifications .accordion > .item > a > .badge {
            padding: 3px 6px;
            display: inline-block;
            margin-left: 10px;
            font-size: 10px;
            position: relative;
            top: -1px; }
        .profile .settings-tab > .form.notifications .accordion > .item > .panel-collapse > .body {
          margin-top: 20px;
          margin-left: 26px; }
        .profile .settings-tab > .form.notifications .accordion > .item:last-child {
          margin-bottom: 0; }
      .profile .settings-tab > .form.billing .information .payment-methods {
        padding: 0; }
        .profile .settings-tab > .form.billing .information .payment-methods > .payment-method {
          padding: 20px 30px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 1px solid rgba(57, 80, 155, 0.2); }
          .profile .settings-tab > .form.billing .information .payment-methods > .payment-method > .method {
            -webkit-border-radius: 2px;
                    border-radius: 2px;
            background-color: #ffffff;
            border: solid 1px rgba(57, 81, 155, 0.3);
            margin-right: 30px; }
          .profile .settings-tab > .form.billing .information .payment-methods > .payment-method > .number {
            margin-right: 30px; }
          .profile .settings-tab > .form.billing .information .payment-methods > .payment-method > .expire {
            font-size: 14px;
            color: #858585;
            text-transform: uppercase;
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto; }
          .profile .settings-tab > .form.billing .information .payment-methods > .payment-method > .controls > .btn {
            margin-right: 10px; }
            .profile .settings-tab > .form.billing .information .payment-methods > .payment-method > .controls > .btn:last-child {
              margin-right: 0; }
        .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment {
          padding: 20px 30px;
          border-bottom: 1px solid rgba(57, 80, 155, 0.2);
          background: rgba(57, 80, 155, 0.05); }
          .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment > .header {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px; }
          .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment .card-type {
            display: inline-block;
            margin-right: 10px;
            -webkit-border-radius: 2px;
                    border-radius: 2px;
            margin-top: 25px;
            cursor: pointer; }
            .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment .card-type > img {
              -webkit-border-radius: 2px;
                      border-radius: 2px; }
            .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment .card-type:last-child {
              margin-right: 0; }
            .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment .card-type.active {
              border: solid 1px #25628F; }
          .profile .settings-tab > .form.billing .information .payment-methods > .manage-payment .cancel {
            display: inline-block;
            margin-left: 15px; }
        .profile .settings-tab > .form.billing .information .payment-methods > .next-payment {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 20px 30px; }
          .profile .settings-tab > .form.billing .information .payment-methods > .next-payment > .auto-renew > .checkbox-slider {
            margin-bottom: 0;
            margin-left: 5px; }
      .profile .settings-tab > .form.billing .log-table {
        margin-top: 50px; }
        .profile .settings-tab > .form.billing .log-table .card-type {
          -webkit-border-radius: 2px;
                  border-radius: 2px;
          border: solid 1px rgba(57, 81, 155, 0.3); }
        .profile .settings-tab > .form.billing .log-table .select-period {
          width: 170px; }
        .profile .settings-tab > .form.billing .log-table td {
          vertical-align: middle; }

@media screen and (max-width: 880px) {
  .btn.settings-menu-block-toggle, .btn.profile-tabs-block-toggle {
    position: static; }
  .profile > .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .profile > .header > .user {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 15px; }
  .profile > .tabs-container > .nav-tabs {
    background: #fff;
    position: fixed;
    width: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 120px;
    height: -webkit-calc(100% - 120px);
    height: calc(100% - 120px);
    left: -300px;
    z-index: 3;
    border-right: 1px solid #dee0e1; }
  .profile > .tabs-container.open > .nav-tabs {
    width: 300px;
    left: 0;
    -webkit-transition: left 0.2s ease;
    transition: left 0.2s ease; }
  .profile .settings-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .profile .settings-tab .menu {
      background: #fff;
      position: fixed;
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      top: 120px;
      height: -webkit-calc(100% - 120px);
      height: calc(100% - 120px);
      right: -300px;
      z-index: 3;
      margin-bottom: 30px;
      border-left: 1px solid #dee0e1; }
      .profile .settings-tab .menu.open {
        width: 300px;
        right: 0;
        -webkit-transition: right 0.2s ease;
        transition: right 0.2s ease; }
        .profile .settings-tab .menu.open > .nav {
          -webkit-border-radius: 0;
                  border-radius: 0;
          border: none;
          width: 100%;
          margin-right: 0; } }

@media screen and (max-width: 535px) {
  .profile > .header > .user {
    width: 100%; }
  .profile .tab-content .tab-pane .settings-tab .form.general > .manage-avatar > .body > .controls .btn + .btn {
    margin-top: 10px; }
  .profile .tab-content .tab-pane .settings-tab .form.billing .payment-method {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .profile .tab-content .tab-pane .settings-tab .form.billing .payment-method > .method, .profile .tab-content .tab-pane .settings-tab .form.billing .payment-method > .expire {
      margin-bottom: 10px; }
  .profile .next-payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }
