.order_view {

  .cabinet_subnav {
    margin-bottom: 37px;
  }

  .order_view_item {
    margin: 0 2%;
    ul {

      li {

        &:after {
          content: '';
          display: block;
          clear: both;
        }

        &.order_event {

          &.hidden {
            display: none;
          }
        }

        strike {
          color: #6B7490;
          float: left;
          font-size: 15px;
          font-weight: 500;
          margin-left: 10px;
        }

        .order_view_extras_discount {
          float: left;
          margin-left: 60px;

          strong {
            color: #FF5F3C;
            float: left;
            font-size: 17px;
            font-weight: 500;

            span {

              sup {
                vertical-align: top;
              }
            }
          }
        }
      }
    }

    &.order_view_files {
      margin-top: -14px;

      .files_uploader {
        margin-left: 17%;

        .hidden_text {
          display: inline-block;
          width: 100%;
          margin: 20px 0 0 0;
        }
      }
    }

    .checker {
      margin-top: -1px;

      span {
        background: url(/assets/cabinet/checkbox_view.png) left top no-repeat;
        background-size: 20px;

        &.checked {
          background-position: left bottom;
        }
      }
    }

    .order_view_total_price {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      line-height: 24px;
      margin-top: 14px;

      span {
        color: #6C758F;
        font-size: 18px;
        float: left;
        font-weight: 700;
        width: 22%;
        margin-right: 6%;
        text-align: right;
      }

      p {
        width: 60%;
        color: #6B7490;
        font-size: 18px;
        float: left;

        i {
          font-style: normal;
          font-weight: 700;

          sup {
            vertical-align: top;
            font-size: 18px;
            margin-right: 2px;
          }
        }
      }
    }

    .order_view_savings {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      line-height: 24px;
      margin-top: 7px;

      span {
        color: #6C758F;
        font-size: 15px;
        float: left;
        font-weight: 500;
        width: 22%;
        margin-right: 6%;
        text-align: right;
      }

      p {
        width: 60%;
        color: #6B7490;
        font-size: 15px;
        float: left;

        i {
          font-style: normal;
        }
      }
    }
  }

  .language_select {
    width: 100%;
    border-top: 1px solid #D9E6F1;
    padding-top: 27px;
    margin-top: 27px;

    .open_languages {
      display: none;
    }

    .language_select_block {
      display: inline-block;
      vertical-align: top;
      width: 100%;
    }

    .language_select_preloader {
      width: 100%;
      margin: 15px 0;
      text-align: center;
    }

    .language_select_content {
      margin-top: 35px;

      .order_view_files {
        margin-top: 0;
        margin-right: 0;
      }

      .files_uploader {
        margin-left: 0;
      }

      .content_title {
        padding-left: 0;

        &:before {
          width: 100%;
          top: 10px;
          left: 0;
          z-index: 1;
        }

        h3,
        h2,
        h1 {
          background: #fff;
          position: relative;
          z-index: 2;
          padding-right: 20px;
        }

        strong {
          margin-left: 0;
          background: #fff;
          float: right;
          padding-left: 20px;
          position: relative;
          z-index: 2;
        }
      }

      .content {
        width: 47%;
      }

      .sidebar {
        width: 470px;

        .chat {
          margin-top: 0;
        }
      }
    }

    .language_select_item {
      margin-right: 14px;
      margin-bottom: 14px;
      width: 13%;
      float: left;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background-color: #F7F7FA;
      text-align: center;
      cursor: pointer;
      display: table;
      height: 59px;
      border: #C9CEDD 1px solid;
      position: relative;
      text-decoration: none;

      a {
        width: 100%;
        color: #6C758F;
        font-weight: 500;
        display: table;
        text-decoration: none;
        height: 100%;

        span {
          display: table-cell;
          vertical-align: middle;
        }
      }

      &:nth-child(7n) {
        margin-right: 0px;
      }

      &.notification {

        &:after {
          position: absolute;
          display: block;
          content: '';
          border-radius: 100%;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          background: #54B2EA url(/assets/cabinet/bell_icon.png) 3.4px center no-repeat;
          background-size: 12px;
          display: block;
          width: 20px;
          height: 20px;
          color: #fff;
          position: absolute;
          top: -8px;
          right: -8px;
          text-align: center;
        }
      }

      &.active {
        border: #5197F2 2px solid;

        a {
          color: #414762;
        }

        &:before {
          border-radius: 100%;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          background: #5197F2 url(/assets/order_form/check.png) center center no-repeat;
          background-size: 10px;
          content: '';
          display: block;
          width: 17px;
          height: 17px;
          position: absolute;
          top: -8px;
          right: -8px;
        }
      }
    }
  }

  .content_title {
    // margin: 20px 2%;
    border-bottom: none;
    margin: 0;
    padding-left: 28.8%;
    padding-bottom: 25px;
    position: relative;

    &:before {
      border-top: #C4C5CC 1px solid;
      content: '';
      display: block;
      width: 120px;
      position: absolute;
      top: 19px;
      left: 30px;
    }

    h3 {
      color: #434962;
      font-size: 20px;
      font-style: normal;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif;
    }

    strong {
      color: #A5ACCD;
      font-size: 14px;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif;
      margin-left: 28%;
    }
  }

  .content {
    width: 65%;

    &.content_top {
      width: 100%;
    }
  }

  .sidebar {
    float: right;
    display: block;
  }

}

.order_view_status {
  float: left;

  &.status_pending,
  &.status_to_upload,
  &.status_for_revision,
  &.status_problematic,
  &.revised {
    color: #38C040;
  }

  &.status_evaluation {
    color: #38C040;
  }

  &.status_test,
  &.status_to_check,
  &.status_free,
  &.status_recovered {
    color: #38C040;
  }

  &.status_waiting {
    color: #ff5f3c;
  }

  &.status_refunded,
  &.status_done,
  &.status_archived {
    color: #38C040;
  }

  &.status_deleted,
  &.status_canceled {
    color: #9DABBB;
  }


  &.status_refunded,
  &.status_waiting {
    color: #9DABBB;

    p {
      width: 90px;
    }

    strong {
      margin-left: 25px;
    }
  }

  p {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 9px;
  }

  span {
    color: #6B7490;

    strong {
      font-weight: 400;
      margin-left: 12px;
    }
  }
}

.order_view_details_price {
  color: #434962;
  float: left;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  margin-left: 15px;
  position: relative;
  
  span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
  }

  p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 15px;

    sup {
      font-size: 14px;
      vertical-align: top;
      margin-right: 3px;
    }
  }

  a {
    @include border-radius(3px);
    background-color: #fff;
    border: #C7DCF3 1px solid;
    display: inline-block;
    color: #70AAF6;
    font-size: 14px;
    font-family: 'Effra', sans-serif;
    text-align: center;
    font-weight: 400;
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    margin-top: 5px;
    position: absolute;
    top: 19px;
    right: -58px;
  }
}


.order_view_details {
  background-color: #ECF0F6;
  overflow: hidden;
  padding: 13px 1.5%;
  min-height: 80px;
  margin-bottom: 25px;

  .rating_cabinet {
    float: right;
    margin-top: 12px;
  }

  .button {
    width: 132px;
    float: right;
  }

  .button_reactive {
    @include button-cabinet('big', 'orange');
  }

  .button_feedback {
    @include button-cabinet('big', 'blue');
  }

  .button_pay_now {
    @include button-cabinet('big', 'orange');
    width: 120px;
  }
}

.order_view_file_finish {
  float: left;
  position: relative;
  margin-left: 14px;

  b {
    @include border-radius(100%);
    background-color: #FF5F3C;
    color: #fff;
    display: block;
    font-size: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 23px;
  }

  span {
    background: url(/assets/cabinet/file_finish_icon.png) left bottom no-repeat;
    background-size: 29px;
    color: #39A4E0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-style: italic;
    padding-top: 30px;
    padding-left: 40px;
  }
}

.order_view_id {
  color: #434962;
  float: left;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  width: 24.5%;

  a {
    @include border-radius(3px);
    background-color: #fff;
    border: #C7DCF3 1px solid;
    display: inline-block;
    color: #70AAF6;
    font-size: 14px;
    font-family: 'Effra', sans-serif;
    text-align: center;
    font-weight: 400;
    width: 134px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    margin-top: 5px;
  }
}

.order_view_title {
  display: table;
  width: 100%;

  .order_view_name {
    display: table-cell;
    vertical-align: middle;
    color: #54718c;
    font-style: italic;
    font-size: 18px;
    padding: 16px 2%;

    h2 {
      font-size: 18px;
    }

    span {

    }
  }

  .order_view_feedback {
    width: 30%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    > .controller {
      > .button {
        @include button-cabinet('medium', 'blue');
        max-width: 110px;
        width: 80%;
        margin: 0 auto;
      }
    }
  }
}

.order_file_info {
  overflow: hidden;
}

.order_info_item {
  border-right: #9ab8c4 1px solid;
  color: #646c70;
  float: left;
  padding: 5px 0;

  b {
    font-weight: normal;
  }

  strong {
    color: #2f8550;
    font-weight: normal;
  }

  &:first-child {
    width: 17.5%;
  }

  &:nth-child(2) {
    width: 27.5%;
    text-align: center;
  }

  &:nth-child(3) {
    border-right: none;
    width: 55%;
    text-align: center;
  }
}

.order_view_item {

  + .content_title {
    margin-top: 24px;
  }

  > i {
    color: #58a525;
    display: block;
    font-size: 16px;
    margin-bottom: 8px;

    + ul {
      margin-bottom: 10px;
    }
  }

  ul {
    list-style: none;
    line-height: 17px;

    li {
      display: inline-block;
      width: 100%;
      margin-bottom: 13px;

      > span {
        color: #6C758F;
        float: left;
        width: 22%;
        font-size: 15px;
        font-weight: 500;
        margin-right: 6%;
        text-align: right;
        position: relative;

        + .tooltip {
          margin-left: 0;
        }
      }

      > p {
        max-width: 60%;
        color: #93999c;
        float: left;

        sup {
          vertical-align: top;
          font-size: 14px;
          margin-right: 2px;
        }
      }

      .tooltip {
        background-size: 24px;
        float: left;
        margin: -3px 0 0 10px;
        width: 24px;
        height: 24px;
      }

      .checker {
        @include checkbox-resize(20px);
        float: left;
      }
    }
  }
}

.show_all_events {
  width: 22%;
  overflow: hidden;

  a {
    color: #39A4E0;
    float: right;
    font-size: 15px;
    font-style: italic;
    text-decoration: none;
    &:hover {
    }
  }
}

.order_view_button {
  margin: 23px 0 30px 0;

  .button {
    @include button-cabinet('big', 'orange');
    width: 270px;
    margin-left: 29%;
  }
}


.order_view_extras_features {
  margin: 10px 0 6px 28%;
  display: inline-block;
  width: 72%;
  font-size: 18px;

  > span {
    color: #6C758F;
    float: left;
    font-weight: bold;
  }

  p {
    color: #FF785D;
    float: left;
    font-weight: bold;
    margin-left: 10px;

    sup {
      vertical-align: top;
      font-size: 18px;
      margin-right: 2px;
    }
  }

  a {
    @include border-radius(3px);
    border: #EF4B28 1px solid;
    color: #FF5F3C;
    float: left;
    font-weight: 500;
    clear: both;
    width: 270px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    text-decoration: none;
    margin-top: 24px;
  }
}

.cabinet {

  .order_view {

    .reference_materials {

      .content_title {
        padding-left: 288px;
      }

      .order_view_item {
        margin-left: 0;
        margin-right: 0;

        &.order_view_files {

          .files_uploader {
            margin-left: 288px;
          }
        }
      }

      .uploader_files {
        width: 130px;
        height: 44px;
        line-height: 44px;
        background-color: #4284EA;
        border-radius: 3px;
        position: relative;
        text-align: center;
        margin-top: 20px;

        &.disabled {
          color: #A9B9D0;
          background-color: #E6EEFB;
        }

        input:not([type="submit"]) {
          height: 100%;
          width: 100%;

          &::-webkit-file-upload-button {
            cursor: pointer;
          }
        }

        .button {
          font-size: 18px;
          color: #fff;
          text-decoration: none;
        }
      }

      .no_files_notice,
      .files_count_error {
        font-size: 13px;
        font-weight: 300;
        font-style: italic;
        color: #99A8BB;
        margin-bottom: 23px;
      }

      .popup_attention {
        width: 490px;
        padding: 15px 10px;

        .popup_title {

          h2 {
            font-size: 26px;
            line-height: 29px;
            color: #434962;
            font-weight: 600;
            letter-spacing: 1.6px;
          }
        }

        .popup_close {
          background-image: url(/assets/cabinet/popup_close.png);
          top: -14px;
          right: -20px;
          width: 15px;
        }

        .popup_attention_links {
          margin: 40px 0 25px;

          .button {
            margin: 0 12px;
          }

          .button_ok,
          .button_cancel {
            width: 150px;
          }
        }
      }

      .reference_popup_icon {
        border-top: #B6C7DD 1px solid;
        margin: 42px 0 60px 0;

        span {
          display: inline-block;
          vertical-align: top;
          width: 104px;
          height: 64px;
          margin-top: -32px;
          padding: 0 20px;
          background: #fff url(/assets/cabinet/not_found_green_icon.png) center center no-repeat;
          background-size: 64px;
        }
      }
    }

    .files_uploader {

      &.files_uploader_with_download {

        .files_list {

          ul {

            li {
              position: relative;
              border-bottom: 1px solid #E8ECF6;

              .file_icon {
                margin-right: 11px;
              }

              .files_list_info {

                a:not(.delete_file) {
                  font-size: 12px;
                  color: #39A4E0;
                  border: 1px solid #61B7E7;
                  border-radius: 10px;
                  background-color: #F5FBFE;
                  padding: 1px 9px;
                }

                span {
                  margin-top: 0;
                  padding-left: 5px;
                  margin-bottom: 2px;
                }
              }

              i {
                font-size: 12px;
                color: #9BA2B9;
                margin-left: 18px;

                .date {
                  position: relative;
                  margin-right: 16px;

                  &:after {
                    display: block;
                    position: absolute;
                    content: "";
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background-color: #9BA2B9;
                    right: -9px;
                    bottom: 6px;
                  }
                }
              }

              .delete_file {
                font-size: 0;
                width: 22px;
                height: 22px;
                background: url(/assets/cabinet/delete_file.png) center center no-repeat;
                position: absolute;
                right: 0;
                bottom: 5px; 
              }

              .reference_popup_icon {
                border-top: #B6C7DD 1px solid;
                margin: 42px 0 30px 0;

                span {
                  display: inline-block;
                  vertical-align: top;
                  width: 104px;
                  height: 64px;
                  margin-top: -32px;
                  padding: 0 20px;
                  background: #fff url(/assets/cabinet/not_found_green_icon.png) center center no-repeat;
                  background-size: 64px;
                }
              }
            }
          }
        }
      }

      .button {

        &:before {
          display: none;
        }
      }
    }
  }
}