/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/Light/OpenSans-Light.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/Light/OpenSans-Light.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/Light/OpenSans-Light.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/Light/OpenSans-Light.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/Light/OpenSans-Light.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: 300;
  font-style: normal; }

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/LightItalic/OpenSans-LightItalic.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: 300;
  font-style: italic; }

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/Regular/OpenSans-Regular.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/Regular/OpenSans-Regular.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/Regular/OpenSans-Regular.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/Regular/OpenSans-Regular.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: normal;
  font-style: normal; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/Italic/OpenSans-Italic.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/Italic/OpenSans-Italic.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/Italic/OpenSans-Italic.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/Italic/OpenSans-Italic.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/Italic/OpenSans-Italic.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: normal;
  font-style: italic; }

/* END Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/Bold/OpenSans-Bold.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/Bold/OpenSans-Bold.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/Bold/OpenSans-Bold.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/Bold/OpenSans-Bold.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/Bold/OpenSans-Bold.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: bold;
  font-style: normal; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0&bdee1512ff74');
  src: url('/static/fonts/BoldItalic/OpenSans-BoldItalic.eot?&bdee1512ff74#iefix&v=1.1.0') format("embedded-opentype"), url('/static/fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0&bdee1512ff74') format("woff"), url('/static/fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0&bdee1512ff74') format("truetype"), url('/static/fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0&bdee1512ff74#OpenSansBold') format("svg");
  font-weight: bold;
  font-style: italic; }

/* END Bold Italic */
/*==============================
  Adwords Automator New Design
==============================*/
.adwords-automator .adwords-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 7px 30px;
  padding: 0 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #d3dadf; }
  .adwords-automator .adwords-menu .adwords-menu__items {
    display: flex; }
    .adwords-automator .adwords-menu .adwords-menu__items > * {
      transition: background-color, 0.2s;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      padding: 0 10px;
      font-family: "Open Sans", sans-serif;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: none;
      color: #333;
      background-color: #d3dadf; }
      .adwords-automator .adwords-menu .adwords-menu__items > *.active {
        color: #fff;
        background-color: #545454 !important; }
      .adwords-automator .adwords-menu .adwords-menu__items > *:hover {
        background-color: #e8ebee; }
      .adwords-automator .adwords-menu .adwords-menu__items > *:active {
        background-color: #bec9d0; }

.adwords-automator .sidebar {
  display: flex;
  flex-direction: column;
  width: 340px;
  margin-right: 8px; }
  .adwords-automator .sidebar .top-block {
    display: flex;
    margin-bottom: 15px; }
  .adwords-automator .sidebar .dropdown {
    position: relative;
    display: flex;
    width: 100%; }
    .adwords-automator .sidebar .dropdown .dropdown__btn {
      display: flex;
      flex-grow: 1;
      align-items: stretch;
      height: 50px;
      margin: 0;
      padding: 0;
      border: none;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      outline: none;
      background-color: #506588;
      cursor: pointer; }
    .adwords-automator .sidebar .dropdown .dropdown__badge {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      font-size: 14px;
      color: #fff; }
    .adwords-automator .sidebar .dropdown .dropdown__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-grow: 1; }
      .adwords-automator .sidebar .dropdown .dropdown__content .dropdown__title {
        display: block;
        width: 210px;
        font-size: 16px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
        text-align: left; }
      .adwords-automator .sidebar .dropdown .dropdown__content .budget {
        font-size: 12px;
        color: #c5d0e2; }
        .adwords-automator .sidebar .dropdown .dropdown__content .budget .budget__value {
          font-weight: bold; }
    .adwords-automator .sidebar .dropdown .dropdown__caret {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 15px;
      font-size: 14px;
      color: #fff; }
    .adwords-automator .sidebar .dropdown .dropdown__menu {
      position: absolute;
      top: 50px;
      left: 0;
      display: flex;
      flex-direction: column;
      width: 100%;
      height: auto;
      max-height: 350px;
      padding: 0;
      margin: 0;
      border-radius: 3px;
      overflow-y: scroll;
      background-color: #798eaf; }
    .adwords-automator .sidebar .dropdown .dropdown__item {
      transition: background-color, 0.2s;
      display: flex;
      flex-shrink: 0;
      height: 50px;
      cursor: pointer;
      background-color: #798eaf; }
      .adwords-automator .sidebar .dropdown .dropdown__item:hover {
        background-color: #8fa1bc; }
      .adwords-automator .sidebar .dropdown .dropdown__item:active {
        background-color: #637ba2; }
  .adwords-automator .sidebar .edit-btn {
    transition: background-color, 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 50px;
    border: none;
    border-radius: 0 3px 3px 0;
    font-size: 14px;
    color: #fff;
    background-color: #798eaf;
    text-decoration: none; }
    .adwords-automator .sidebar .edit-btn:hover {
      background-color: #8fa1bc; }
    .adwords-automator .sidebar .edit-btn:active {
      background-color: #637ba2; }
  .adwords-automator .sidebar .list-block {
    border-radius: 3px;
    overflow: hidden; }
    .adwords-automator .sidebar .list-block .list-block__heading {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 32px;
      background-color: #a4a4a4; }
      .adwords-automator .sidebar .list-block .list-block__heading span {
        font-size: 14px;
        font-weight: bold;
        color: #fff; }
    .adwords-automator .sidebar .list-block .list-block__table-wrapper {
      background-color: #ececec; }
    .adwords-automator .sidebar .list-block .groups-table .ad-group {
      display: flex;
      align-items: center;
      padding: 16px 0;
      cursor: pointer; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group img.status {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
        display: block;
        margin: 0 16px; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group.selected {
        background-color: #d8ecd7; }
        .adwords-automator .sidebar .list-block .groups-table .ad-group.selected.active {
          background-color: gainsboro; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__info {
        flex: 1 1 auto; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-name {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        text-align: left; }
        .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-name-edit input {
          padding: 0 5px;
          width: 150px;
          height: 24px;
          border-radius: 2px;
          background-color: #ffffff;
          border: solid 1px #979797; }
        .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-name-edit button {
          width: 47px;
          height: 24px;
          border-radius: 2px;
          background-color: #438bca;
          border: none;
          color: #fff;
          font-size: 12px; }
          .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-name-edit button:hover {
            background-color: #6ba4d5; }
          .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-name-edit button:disabled {
            background-color: #999; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .edit-button {
        width: 16px;
        margin-right: 16px; }
        .adwords-automator .sidebar .list-block .groups-table .ad-group .edit-button button {
          display: none;
          background: none;
          padding: 0;
          border: none; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group:hover .edit-button button {
        display: block; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-status {
        font-size: 12px; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-status--approved {
        color: #1d802c; }
      .adwords-automator .sidebar .list-block .groups-table .ad-group .groups-table__group-status--denied {
        color: #ed6511; }

.adwords-automator .control-bar {
  display: flex;
  margin-bottom: 15px; }
  .adwords-automator .control-bar .table-control {
    flex-grow: 1;
    border-radius: 3px;
    background-color: #4e4e4e;
    display: flex;
    overflow: hidden;
    align-items: stretch; }
    .adwords-automator .control-bar .table-control__wrapper {
      display: flex; }
    .adwords-automator .control-bar .table-control.empty-title {
      color: #fff;
      display: flex;
      align-items: center;
      padding: 0 15px; }
    .adwords-automator .control-bar .table-control .table-control__section {
      display: flex;
      border-right: 1px solid #606060; }
    .adwords-automator .control-bar .table-control .table-control__select-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      align-self: center;
      margin: 0 16px;
      height: 25px;
      border-radius: 3px;
      background-color: #60b45d; }
      .adwords-automator .control-bar .table-control .table-control__select-wrapper i {
        position: absolute;
        right: 10px;
        line-height: 25px;
        color: #fff;
        z-index: 0; }
    .adwords-automator .control-bar .table-control .table-control__select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      padding: 0 25px;
      border: none;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1; }
      .adwords-automator .control-bar .table-control .table-control__select option {
        color: #333; }
    .adwords-automator .control-bar .table-control .table-control__btn {
      transition: background-color, 0.2s;
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      padding: 0 16px;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      text-decoration: none;
      color: #fff;
      background-color: #4e4e4e;
      border: none; }
      .adwords-automator .control-bar .table-control .table-control__btn:hover {
        background-color: #606060; }
      .adwords-automator .control-bar .table-control .table-control__btn:active {
        background-color: #3c3c3c; }
      .adwords-automator .control-bar .table-control .table-control__btn i {
        margin-right: 8px;
        color: #fff; }
  .adwords-automator .control-bar .add-button {
    transition: background-color, 0.2s;
    display: block;
    width: 58px;
    height: 50px;
    margin-left: 8px;
    border-radius: 3px;
    text-decoration: none;
    background-color: #438bca;
    border: none;
    position: relative;
    text-align: center;
    line-height: 50px; }
    .adwords-automator .control-bar .add-button i {
      font-size: 16px;
      color: #fff; }
    .adwords-automator .control-bar .add-button:hover {
      background-color: #5f9cd2; }
    .adwords-automator .control-bar .add-button:active {
      background-color: #3379b6; }
    .adwords-automator .control-bar .add-button .new-elements-dropdown {
      position: absolute;
      background-color: #438bca;
      border-radius: 3px;
      top: 0;
      right: 0;
      z-index: 10;
      width: 140px;
      overflow: hidden;
      line-height: 1; }
      .adwords-automator .control-bar .add-button .new-elements-dropdown a {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none; }
        .adwords-automator .control-bar .add-button .new-elements-dropdown a:hover {
          background-color: #7fb0db; }

.adwords-automator .campaigns .campaign-list {
  display: flex; }
  .adwords-automator .campaigns .campaign-list .campaign-table {
    width: 100%;
    border-collapse: collapse; }
    .adwords-automator .campaigns .campaign-list .campaign-table th,
    .adwords-automator .campaigns .campaign-list .campaign-table td {
      padding-left: 16px;
      text-align: left;
      font-size: 12px; }
      .adwords-automator .campaigns .campaign-list .campaign-table th:first-of-type,
      .adwords-automator .campaigns .campaign-list .campaign-table td:first-of-type {
        box-sizing: border-box;
        width: 32px; }
      .adwords-automator .campaigns .campaign-list .campaign-table th:last-of-type,
      .adwords-automator .campaigns .campaign-list .campaign-table td:last-of-type {
        padding-left: 0;
        padding-right: 32px;
        text-align: right; }
    .adwords-automator .campaigns .campaign-list .campaign-table input[type="checkbox"] {
      margin-right: 8px; }
    .adwords-automator .campaigns .campaign-list .campaign-table span {
      display: inline-block;
      max-width: 450px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: text-bottom; }
    .adwords-automator .campaigns .campaign-list .campaign-table .table-head th {
      height: 60px;
      text-transform: uppercase;
      font-weight: bold;
      color: #4a4a4a; }
    .adwords-automator .campaigns .campaign-list .campaign-table .table-body td {
      height: 36px;
      border-bottom: 1px solid #dadada;
      color: #333; }
    .adwords-automator .campaigns .campaign-list .campaign-table tbody tr {
      cursor: pointer; }
      .adwords-automator .campaigns .campaign-list .campaign-table tbody tr:hover {
        background-color: #ececec; }

.adwords-automator .create-campaign .create-campaign__form .title-block {
  display: flex;
  margin: 50px 0; }
  .adwords-automator .create-campaign .create-campaign__form .title-block .title-block__col, .adwords-automator .create-campaign .create-campaign__form .title-block .title-block__col--left, .adwords-automator .create-campaign .create-campaign__form .title-block .title-block__col--right {
    display: flex;
    align-items: center; }
  .adwords-automator .create-campaign .create-campaign__form .title-block .title-block__col--left {
    width: calc(100% / 3); }
  .adwords-automator .create-campaign .create-campaign__form .title-block .back-btn {
    padding: 0 7px;
    font-size: 14px;
    text-decoration: none;
    color: #4990e2; }
  .adwords-automator .create-campaign .create-campaign__form .title-block .title {
    margin-right: 16px;
    font-size: 26px;
    font-weight: bold;
    color: #333; }
  .adwords-automator .create-campaign .create-campaign__form .title-block .select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 16px;
    height: 25px;
    border-radius: 3px;
    background-color: #60b45d; }
    .adwords-automator .create-campaign .create-campaign__form .title-block .select-wrapper i {
      position: absolute;
      right: 10px;
      line-height: 25px;
      color: #fff;
      z-index: 0; }
    .adwords-automator .create-campaign .create-campaign__form .title-block .select-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      padding: 0 35px 0 25px;
      border: none;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1; }
      .adwords-automator .create-campaign .create-campaign__form .title-block .select-wrapper select option {
        color: #333; }

.adwords-automator .create-campaign .create-campaign__form .successful-created {
  color: #60b45d; }

.adwords-automator .create-campaign .create-campaign__form .form-row, .adwords-automator .create-campaign .create-campaign__form .form-row--required {
  display: flex;
  width: 100%;
  margin-top: 25px; }

.adwords-automator .create-campaign .create-campaign__form .form-row--required .label::after {
  content: '*';
  position: absolute;
  top: 0;
  color: #1d802c;
  align-self: flex-start;
  line-height: 1; }

.adwords-automator .create-campaign .create-campaign__form .col, .adwords-automator .create-campaign .create-campaign__form .col--label {
  display: flex;
  align-items: flex-start; }

.adwords-automator .create-campaign .create-campaign__form .col--label {
  position: relative;
  justify-content: flex-end;
  width: calc(100% / 3);
  padding-right: 10px; }

.adwords-automator .create-campaign .create-campaign__form .label {
  line-height: 25px;
  font-size: 14px;
  color: #333; }

.adwords-automator .create-campaign .create-campaign__form .error {
  margin-left: 10px;
  font-size: 12px;
  color: #f4011b;
  height: 25px;
  display: flex;
  align-items: center; }
  .adwords-automator .create-campaign .create-campaign__form .error.non-field {
    margin: 0; }

.adwords-automator .create-campaign .create-campaign__form .error-input {
  border-color: #f4011b !important; }
  .adwords-automator .create-campaign .create-campaign__form .error-input input, .adwords-automator .create-campaign .create-campaign__form .error-input textarea {
    border-color: #f4011b !important; }

.adwords-automator .create-campaign .create-campaign__form .col--input {
  display: flex;
  align-items: center; }
  .adwords-automator .create-campaign .create-campaign__form .col--input.flex-start {
    align-items: flex-start; }
  .adwords-automator .create-campaign .create-campaign__form .col--input input,
  .adwords-automator .create-campaign .create-campaign__form .col--input .select-wrapper {
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    outline: none;
    width: 190px;
    height: 25px; }
    .adwords-automator .create-campaign .create-campaign__form .col--input input:disabled,
    .adwords-automator .create-campaign .create-campaign__form .col--input .select-wrapper:disabled {
      background-color: #EEEEEE; }
  .adwords-automator .create-campaign .create-campaign__form .col--input .select-wrapper {
    display: flex;
    align-items: center; }
    .adwords-automator .create-campaign .create-campaign__form .col--input .select-wrapper select {
      flex: 1 1 auto;
      width: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      border: none;
      background-color: transparent;
      padding: 0 7px; }
    .adwords-automator .create-campaign .create-campaign__form .col--input .select-wrapper i {
      margin-right: 7px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input.wide input,
  .adwords-automator .create-campaign .create-campaign__form .col--input.wide .select-wrapper {
    width: 330px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input.narrow input,
  .adwords-automator .create-campaign .create-campaign__form .col--input.narrow .select-wrapper {
    width: 145px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input .path {
    display: flex;
    align-items: center; }
    .adwords-automator .create-campaign .create-campaign__form .col--input .path > span {
      font-size: 14px;
      color: #333; }
    .adwords-automator .create-campaign .create-campaign__form .col--input .path .chars-counter {
      margin: 0 5px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input textarea {
    width: 320px;
    height: 60px;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    resize: none; }
  .adwords-automator .create-campaign .create-campaign__form .col--input select + select {
    margin-left: 3px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input .divider {
    margin: 0 8px;
    line-height: 25px;
    font-size: 12px; }
  .adwords-automator .create-campaign .create-campaign__form .col--input-caption {
    margin-top: 5px;
    font-size: 10px;
    max-width: 320px;
    color: #333; }
  .adwords-automator .create-campaign .create-campaign__form .col--input.col--list {
    flex-direction: column; }

.adwords-automator .create-campaign .create-campaign__form .col--additional-info .cpc {
  margin-left: 15px; }
  .adwords-automator .create-campaign .create-campaign__form .col--additional-info .cpc input {
    width: 60px;
    height: 25px; }

.adwords-automator .create-campaign .create-campaign__form .col--additional-info .remove-btn {
  height: 15px;
  width: 15px;
  background-color: #d0011b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  cursor: pointer;
  font-weight: bold; }
  .adwords-automator .create-campaign .create-campaign__form .col--additional-info .remove-btn:hover {
    background-color: #fe203c; }

.adwords-automator .create-campaign .create-campaign__form .buttons-block {
  text-align: center; }
  .adwords-automator .create-campaign .create-campaign__form .buttons-block a, .adwords-automator .create-campaign .create-campaign__form .buttons-block button {
    margin-right: 10px; }

.adwords-automator .create-campaign .create-campaign__form .ad-preview .col--label {
  align-items: stretch;
  padding: 0; }
  .adwords-automator .create-campaign .create-campaign__form .ad-preview .col--label div {
    width: 120px;
    padding: 15px;
    background-color: #eaf4ff;
    font-size: 12px;
    font-weight: bold;
    color: #a4b3c8;
    text-transform: uppercase; }

.adwords-automator .create-campaign .create-campaign__form .ad-preview__details {
  background-color: #eaf4ff;
  padding: 15px;
  width: 475px; }
  .adwords-automator .create-campaign .create-campaign__form .ad-preview__details-title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .adwords-automator .create-campaign .create-campaign__form .ad-preview__details-path {
    font-size: 14px;
    color: #4990e2;
    margin-bottom: 10px; }
  .adwords-automator .create-campaign .create-campaign__form .ad-preview__details-description {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 1.5; }

.adwords-automator .create-campaign .create-campaign__form .extension {
  width: 850px;
  margin: 0 auto 30px; }
  .adwords-automator .create-campaign .create-campaign__form .extension .title {
    font-size: 14px;
    color: #333333; }
    .adwords-automator .create-campaign .create-campaign__form .extension .title div {
      font-size: 10px;
      margin-top: 5px; }
  .adwords-automator .create-campaign .create-campaign__form .extension .extension-part {
    display: flex; }
    .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div {
      width: calc(50% - 4px);
      margin-right: 8px; }
      .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div .part-title {
        font-size: 12px;
        font-weight: bold;
        color: #4990e2;
        margin: 15px 0 5px; }
      .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul {
        padding: 5px 0;
        height: 182px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c5c5c5;
        overflow: auto; }
        .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 5px 10px; }
          .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li:hover {
            background-color: #f1f1f1; }
          .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li .left {
            font-size: 12px;
            line-height: 1.17;
            color: #434343; }
            .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li .left span {
              vertical-align: middle; }
          .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0 3px;
            cursor: pointer;
            vertical-align: middle;
            display: inline-block; }
            .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li button.remove {
              color: #d0011b; }
            .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li button.edit {
              color: #4990e2; }
            .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li button svg {
              display: block;
              border-radius: 3px; }
              .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div ul li button svg:hover {
                background-color: #fff; }
      .adwords-automator .create-campaign .create-campaign__form .extension .extension-part > div.selected ul li .left .picture.remove {
        transform: scaleX(-1); }
  .adwords-automator .create-campaign .create-campaign__form .extension .add-button {
    height: 25px;
    border-radius: 3px;
    background-color: #008d04;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold; }
    .adwords-automator .create-campaign .create-campaign__form .extension .add-button span {
      vertical-align: middle; }
      .adwords-automator .create-campaign .create-campaign__form .extension .add-button span.plus {
        margin-right: 7px;
        font-size: 26px;
        line-height: 25px;
        font-weight: normal; }
    .adwords-automator .create-campaign .create-campaign__form .extension .add-button:hover {
      background-color: #00da06; }

.adwords-automator .create-campaign .create-campaign__form .days-of-week {
  display: flex; }

.adwords-automator .create-campaign .create-campaign__form textarea.minus-words {
  height: 200px;
  width: 360px; }

.adwords-automator .create-campaign .buttons-block {
  display: flex;
  width: 850px;
  margin: 30px auto 0;
  justify-content: space-between; }
  .adwords-automator .create-campaign .buttons-block > div {
    display: flex; }
  .adwords-automator .create-campaign .buttons-block p {
    font-size: 10px;
    color: #333333; }
  .adwords-automator .create-campaign .buttons-block .empty-button-container {
    margin-right: 40px; }
    .adwords-automator .create-campaign .buttons-block .empty-button-container:last-of-type {
      margin-right: 0; }

.adwords-automator .create-campaign .col--input.schedules {
  display: block; }
  .adwords-automator .create-campaign .col--input.schedules .schedule {
    display: flex;
    font-size: 12px;
    align-items: center;
    margin-bottom: 10px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule .select-wrapper {
      width: 150px; }
      .adwords-automator .create-campaign .col--input.schedules .schedule .select-wrapper.time {
        width: 70px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule span {
      padding: 0 5px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule .from-to {
      padding: 0 20px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule .remove-button {
      margin-left: 10px;
      height: 15px;
      width: 15px;
      background-color: #d0011b;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      line-height: 12px;
      cursor: pointer;
      font-weight: bold;
      border: none;
      font-size: 15px;
      padding: 0; }
      .adwords-automator .create-campaign .col--input.schedules .schedule .remove-button:hover {
        background-color: #fe0625; }
  .adwords-automator .create-campaign .col--input.schedules .add-button {
    width: 90px;
    height: 25px;
    border-radius: 3px;
    background-color: #008d04;
    border: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 20px; }
    .adwords-automator .create-campaign .col--input.schedules .add-button:hover {
      background-color: #00c005; }
  .adwords-automator .create-campaign .col--input.schedules .time-format-block {
    font-size: 14px;
    margin-bottom: 20px; }
    .adwords-automator .create-campaign .col--input.schedules .time-format-block label {
      margin: 0 10px; }
    .adwords-automator .create-campaign .col--input.schedules .time-format-block input[type='radio'] {
      height: auto;
      width: auto; }
  .adwords-automator .create-campaign .col--input.schedules .schedule-graph .times-title {
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: -35px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule-graph .times-title span {
      width: 11%;
      text-align: center; }
  .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week {
    display: flex;
    align-items: center; }
    .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week .label {
      width: 50px; }
    .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week .hours {
      display: flex; }
      .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week .hours .hour {
        height: 16px;
        width: 24px;
        background-color: #ebebeb;
        margin: 0 1px;
        display: flex; }
        .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week .hours .hour > div {
          width: 25%;
          height: 16px; }
          .adwords-automator .create-campaign .col--input.schedules .schedule-graph .day-of-week .hours .hour > div.green {
            background-color: #a6deb2; }
  .adwords-automator .create-campaign .col--input.schedules .errors-container {
    width: 130px;
    flex: 0 0 auto; }

.adwords-automator .tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 32px;
  margin-bottom: 16px;
  padding: 0 8px;
  border-radius: 3px 3px 0 0;
  background-color: #6a6a6a; }
  .adwords-automator .tabs .tabs__tab, .adwords-automator .tabs .active {
    transition: background-color, 0.2s;
    display: flex;
    justify-content: center;
    width: calc(50% - 4px);
    border: none;
    border-radius: 3px 3px 0 0;
    outline: none;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }
    .adwords-automator .tabs .tabs__tab:hover, .adwords-automator .tabs .active:hover {
      background-color: #7c7c7c; }
  .adwords-automator .tabs .active {
    color: #000;
    background-color: #f8f8f8 !important;
    cursor: default; }

.adwords-automator .ads-and-groups {
  display: flex; }
  .adwords-automator .ads-and-groups .content {
    flex-grow: 1; }
  .adwords-automator .ads-and-groups .ads .ads-table {
    width: 100%;
    border-collapse: collapse; }
    .adwords-automator .ads-and-groups .ads .ads-table th,
    .adwords-automator .ads-and-groups .ads .ads-table td {
      padding-left: 16px;
      text-align: left;
      font-size: 12px; }
      .adwords-automator .ads-and-groups .ads .ads-table th:first-of-type,
      .adwords-automator .ads-and-groups .ads .ads-table td:first-of-type {
        box-sizing: border-box;
        width: 32px; }
      .adwords-automator .ads-and-groups .ads .ads-table th:last-of-type,
      .adwords-automator .ads-and-groups .ads .ads-table td:last-of-type {
        padding-left: 0;
        padding-right: 32px;
        text-align: right; }
    .adwords-automator .ads-and-groups .ads .ads-table input[type="checkbox"] {
      margin-right: 8px; }
    .adwords-automator .ads-and-groups .ads .ads-table span {
      display: inline-block;
      max-width: 450px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: text-bottom; }
    .adwords-automator .ads-and-groups .ads .ads-table .table-head th {
      height: 60px;
      text-transform: uppercase;
      font-weight: bold;
      color: #4a4a4a; }
    .adwords-automator .ads-and-groups .ads .ads-table .table-body td {
      height: 36px;
      border-bottom: 1px solid #dadada;
      color: #333; }
    .adwords-automator .ads-and-groups .ads .ads-table td {
      padding-left: 24px;
      text-align: left;
      font-size: 12px; }
      .adwords-automator .ads-and-groups .ads .ads-table td:first-of-type {
        box-sizing: border-box;
        width: 48px; }
      .adwords-automator .ads-and-groups .ads .ads-table td:last-of-type {
        padding: 0 24px; }
    .adwords-automator .ads-and-groups .ads .ads-table img {
      width: 24px;
      height: 24px; }
    .adwords-automator .ads-and-groups .ads .ads-table .current {
      background-color: #60b45d; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__description-cell {
      padding-top: 12px;
      padding-bottom: 12px; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__ad-title {
      max-width: 400px;
      margin-bottom: 5px;
      font-size: 18px;
      color: #4a4a4a; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__row {
      margin-bottom: 5px; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__site {
      margin-right: 16px;
      text-decoration: none;
      font-size: 14px;
      color: #4990e2; }
      .adwords-automator .ads-and-groups .ads .ads-table .ads-table__site:hover {
        color: #68a3e7; }
      .adwords-automator .ads-and-groups .ads .ads-table .ads-table__site:active {
        color: #2a7ddd; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__phone {
      font-size: 14px;
      color: #4a4a4a; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__description {
      margin: 0;
      font-size: 12px;
      color: #4a4a4a; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__status {
      font-size: 12px; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__status--approved {
      color: #1d802c; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__status--denied {
      color: #ed6511; }
    .adwords-automator .ads-and-groups .ads .ads-table .ads-table__status--consideration {
      color: #4a4a4a; }

.adwords-automator .keywords .keywords-table {
  width: 100%;
  border-collapse: collapse; }
  .adwords-automator .keywords .keywords-table th,
  .adwords-automator .keywords .keywords-table td {
    padding-left: 16px;
    text-align: left;
    font-size: 12px; }
    .adwords-automator .keywords .keywords-table th:first-of-type,
    .adwords-automator .keywords .keywords-table td:first-of-type {
      box-sizing: border-box;
      width: 32px; }
    .adwords-automator .keywords .keywords-table th:last-of-type,
    .adwords-automator .keywords .keywords-table td:last-of-type {
      padding-left: 0;
      padding-right: 32px;
      text-align: right; }
  .adwords-automator .keywords .keywords-table input[type="checkbox"] {
    margin-right: 8px; }
  .adwords-automator .keywords .keywords-table span {
    display: inline-block;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-bottom; }
  .adwords-automator .keywords .keywords-table .table-head th {
    height: 60px;
    text-transform: uppercase;
    font-weight: bold;
    color: #4a4a4a; }
  .adwords-automator .keywords .keywords-table .table-body td {
    height: 36px;
    border-bottom: 1px solid #dadada;
    color: #333; }
  .adwords-automator .keywords .keywords-table span {
    max-width: 245px;
    vertical-align: middle; }
  .adwords-automator .keywords .keywords-table .keywords-table__keyword,
  .adwords-automator .keywords .keywords-table .keywords-table__max-cpc {
    font-size: 14px; }
    .adwords-automator .keywords .keywords-table .keywords-table__keyword-edit input,
    .adwords-automator .keywords .keywords-table .keywords-table__max-cpc-edit input {
      padding: 0 5px;
      width: 150px;
      height: 24px;
      border-radius: 2px;
      background-color: #ffffff;
      border: solid 1px #979797; }
    .adwords-automator .keywords .keywords-table .keywords-table__keyword-edit button,
    .adwords-automator .keywords .keywords-table .keywords-table__max-cpc-edit button {
      width: 47px;
      height: 24px;
      border-radius: 2px;
      background-color: #438bca;
      border: none;
      color: #fff;
      font-size: 12px; }
      .adwords-automator .keywords .keywords-table .keywords-table__keyword-edit button:hover,
      .adwords-automator .keywords .keywords-table .keywords-table__max-cpc-edit button:hover {
        background-color: #6ba4d5; }
      .adwords-automator .keywords .keywords-table .keywords-table__keyword-edit button:disabled,
      .adwords-automator .keywords .keywords-table .keywords-table__max-cpc-edit button:disabled {
        background-color: #999; }
  .adwords-automator .keywords .keywords-table .edit-button {
    border: 0;
    padding: 0;
    background: none;
    vertical-align: middle;
    margin-left: 5px; }
    .adwords-automator .keywords .keywords-table .edit-button img {
      display: block; }

.adwords-automator .create-keywords .create-keywords__form .title-block {
  display: flex;
  margin: 50px 0; }
  .adwords-automator .create-keywords .create-keywords__form .title-block .title-block__col, .adwords-automator .create-keywords .create-keywords__form .title-block .title-block__col--left, .adwords-automator .create-keywords .create-keywords__form .title-block .title-block__col--right {
    display: flex;
    align-items: center; }
  .adwords-automator .create-keywords .create-keywords__form .title-block .title-block__col--left {
    width: calc(100% / 3); }
  .adwords-automator .create-keywords .create-keywords__form .title-block .back-btn {
    padding: 0 7px;
    font-size: 14px;
    text-decoration: none;
    color: #4990e2; }
  .adwords-automator .create-keywords .create-keywords__form .title-block .title {
    margin-right: 16px;
    font-size: 26px;
    font-weight: bold;
    color: #333; }
  .adwords-automator .create-keywords .create-keywords__form .title-block .select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 16px;
    height: 25px;
    border-radius: 3px;
    background-color: #60b45d; }
    .adwords-automator .create-keywords .create-keywords__form .title-block .select-wrapper i {
      position: absolute;
      right: 10px;
      line-height: 25px;
      color: #fff;
      z-index: 0; }
    .adwords-automator .create-keywords .create-keywords__form .title-block .select-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      padding: 0 35px 0 25px;
      border: none;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1; }
      .adwords-automator .create-keywords .create-keywords__form .title-block .select-wrapper select option {
        color: #333; }

.adwords-automator .create-keywords .create-keywords__form .successful-created {
  color: #60b45d; }

.adwords-automator .create-keywords .create-keywords__form .form-row, .adwords-automator .create-keywords .create-keywords__form .form-row--required {
  display: flex;
  width: 100%;
  margin-top: 25px; }

.adwords-automator .create-keywords .create-keywords__form .form-row--required .label::after {
  content: '*';
  position: absolute;
  top: 0;
  color: #1d802c;
  align-self: flex-start;
  line-height: 1; }

.adwords-automator .create-keywords .create-keywords__form .col, .adwords-automator .create-keywords .create-keywords__form .col--label {
  display: flex;
  align-items: flex-start; }

.adwords-automator .create-keywords .create-keywords__form .col--label {
  position: relative;
  justify-content: flex-end;
  width: calc(100% / 3);
  padding-right: 10px; }

.adwords-automator .create-keywords .create-keywords__form .label {
  line-height: 25px;
  font-size: 14px;
  color: #333; }

.adwords-automator .create-keywords .create-keywords__form .error {
  margin-left: 10px;
  font-size: 12px;
  color: #f4011b;
  height: 25px;
  display: flex;
  align-items: center; }
  .adwords-automator .create-keywords .create-keywords__form .error.non-field {
    margin: 0; }

.adwords-automator .create-keywords .create-keywords__form .error-input {
  border-color: #f4011b !important; }
  .adwords-automator .create-keywords .create-keywords__form .error-input input, .adwords-automator .create-keywords .create-keywords__form .error-input textarea {
    border-color: #f4011b !important; }

.adwords-automator .create-keywords .create-keywords__form .col--input {
  display: flex;
  align-items: center; }
  .adwords-automator .create-keywords .create-keywords__form .col--input.flex-start {
    align-items: flex-start; }
  .adwords-automator .create-keywords .create-keywords__form .col--input input,
  .adwords-automator .create-keywords .create-keywords__form .col--input .select-wrapper {
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    outline: none;
    width: 190px;
    height: 25px; }
    .adwords-automator .create-keywords .create-keywords__form .col--input input:disabled,
    .adwords-automator .create-keywords .create-keywords__form .col--input .select-wrapper:disabled {
      background-color: #EEEEEE; }
  .adwords-automator .create-keywords .create-keywords__form .col--input .select-wrapper {
    display: flex;
    align-items: center; }
    .adwords-automator .create-keywords .create-keywords__form .col--input .select-wrapper select {
      flex: 1 1 auto;
      width: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      border: none;
      background-color: transparent;
      padding: 0 7px; }
    .adwords-automator .create-keywords .create-keywords__form .col--input .select-wrapper i {
      margin-right: 7px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input.wide input,
  .adwords-automator .create-keywords .create-keywords__form .col--input.wide .select-wrapper {
    width: 330px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input.narrow input,
  .adwords-automator .create-keywords .create-keywords__form .col--input.narrow .select-wrapper {
    width: 145px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input .path {
    display: flex;
    align-items: center; }
    .adwords-automator .create-keywords .create-keywords__form .col--input .path > span {
      font-size: 14px;
      color: #333; }
    .adwords-automator .create-keywords .create-keywords__form .col--input .path .chars-counter {
      margin: 0 5px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input textarea {
    width: 320px;
    height: 60px;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    resize: none; }
  .adwords-automator .create-keywords .create-keywords__form .col--input select + select {
    margin-left: 3px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input .divider {
    margin: 0 8px;
    line-height: 25px;
    font-size: 12px; }
  .adwords-automator .create-keywords .create-keywords__form .col--input-caption {
    margin-top: 5px;
    font-size: 10px;
    max-width: 320px;
    color: #333; }
  .adwords-automator .create-keywords .create-keywords__form .col--input.col--list {
    flex-direction: column; }

.adwords-automator .create-keywords .create-keywords__form .col--additional-info .cpc {
  margin-left: 15px; }
  .adwords-automator .create-keywords .create-keywords__form .col--additional-info .cpc input {
    width: 60px;
    height: 25px; }

.adwords-automator .create-keywords .create-keywords__form .col--additional-info .remove-btn {
  height: 15px;
  width: 15px;
  background-color: #d0011b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  cursor: pointer;
  font-weight: bold; }
  .adwords-automator .create-keywords .create-keywords__form .col--additional-info .remove-btn:hover {
    background-color: #fe203c; }

.adwords-automator .create-keywords .create-keywords__form .buttons-block {
  text-align: center; }
  .adwords-automator .create-keywords .create-keywords__form .buttons-block a, .adwords-automator .create-keywords .create-keywords__form .buttons-block button {
    margin-right: 10px; }

.adwords-automator .create-keywords .create-keywords__form .ad-preview .col--label {
  align-items: stretch;
  padding: 0; }
  .adwords-automator .create-keywords .create-keywords__form .ad-preview .col--label div {
    width: 120px;
    padding: 15px;
    background-color: #eaf4ff;
    font-size: 12px;
    font-weight: bold;
    color: #a4b3c8;
    text-transform: uppercase; }

.adwords-automator .create-keywords .create-keywords__form .ad-preview__details {
  background-color: #eaf4ff;
  padding: 15px;
  width: 475px; }
  .adwords-automator .create-keywords .create-keywords__form .ad-preview__details-title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .adwords-automator .create-keywords .create-keywords__form .ad-preview__details-path {
    font-size: 14px;
    color: #4990e2;
    margin-bottom: 10px; }
  .adwords-automator .create-keywords .create-keywords__form .ad-preview__details-description {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 1.5; }

.adwords-automator .create-keywords .create-keywords__form .extension {
  width: 850px;
  margin: 0 auto 30px; }
  .adwords-automator .create-keywords .create-keywords__form .extension .title {
    font-size: 14px;
    color: #333333; }
    .adwords-automator .create-keywords .create-keywords__form .extension .title div {
      font-size: 10px;
      margin-top: 5px; }
  .adwords-automator .create-keywords .create-keywords__form .extension .extension-part {
    display: flex; }
    .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div {
      width: calc(50% - 4px);
      margin-right: 8px; }
      .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div .part-title {
        font-size: 12px;
        font-weight: bold;
        color: #4990e2;
        margin: 15px 0 5px; }
      .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul {
        padding: 5px 0;
        height: 182px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c5c5c5;
        overflow: auto; }
        .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 5px 10px; }
          .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li:hover {
            background-color: #f1f1f1; }
          .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li .left {
            font-size: 12px;
            line-height: 1.17;
            color: #434343; }
            .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li .left span {
              vertical-align: middle; }
          .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0 3px;
            cursor: pointer;
            vertical-align: middle;
            display: inline-block; }
            .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li button.remove {
              color: #d0011b; }
            .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li button.edit {
              color: #4990e2; }
            .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li button svg {
              display: block;
              border-radius: 3px; }
              .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div ul li button svg:hover {
                background-color: #fff; }
      .adwords-automator .create-keywords .create-keywords__form .extension .extension-part > div.selected ul li .left .picture.remove {
        transform: scaleX(-1); }
  .adwords-automator .create-keywords .create-keywords__form .extension .add-button {
    height: 25px;
    border-radius: 3px;
    background-color: #008d04;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold; }
    .adwords-automator .create-keywords .create-keywords__form .extension .add-button span {
      vertical-align: middle; }
      .adwords-automator .create-keywords .create-keywords__form .extension .add-button span.plus {
        margin-right: 7px;
        font-size: 26px;
        line-height: 25px;
        font-weight: normal; }
    .adwords-automator .create-keywords .create-keywords__form .extension .add-button:hover {
      background-color: #00da06; }

.adwords-automator .create-keywords .create-keywords__form .for-all {
  font-size: 12px;
  color: #555555; }

.adwords-automator .create-keywords .create-keywords__form .col--input-caption {
  width: 190px; }

.adwords-automator .keyword-lines .col--input.add-keyword-rows {
  display: block; }
  .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type {
    display: flex; }
    .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type input {
      width: 35px !important;
      vertical-align: top; }
    .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type button {
      width: 90px;
      height: 25px;
      border-radius: 3px;
      background-color: #008d04;
      border: none;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      margin-left: 10px; }
      .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type button span {
        vertical-align: middle;
        line-height: 23px; }
        .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type button span.plus {
          font-size: 20px;
          margin-right: 5px; }
      .adwords-automator .keyword-lines .col--input.add-keyword-rows > div:first-of-type button:hover {
        background-color: #00da06; }

.adwords-automator .keyword-lines .functionality-desc {
  font-size: 12px; }

.adwords-automator .keyword-lines .count-row.form-row, .adwords-automator .keyword-lines .create-campaign .create-campaign__form .count-row.form-row--required, .adwords-automator .create-campaign .create-campaign__form .keyword-lines .count-row.form-row--required, .adwords-automator .keyword-lines .create-keywords .create-keywords__form .count-row.form-row--required, .adwords-automator .create-keywords .create-keywords__form .keyword-lines .count-row.form-row--required, .adwords-automator .keyword-lines .create-ads .create-ads__form .count-row.form-row--required, .adwords-automator .create-ads .create-ads__form .keyword-lines .count-row.form-row--required, .adwords-automator .keyword-lines .create-ad-group .create-ad-group__form .count-row.form-row--required, .adwords-automator .create-ad-group .create-ad-group__form .keyword-lines .count-row.form-row--required, .adwords-automator .keyword-lines .adwords-modal .count-row.form-row--required, .adwords-automator .adwords-modal .keyword-lines .count-row.form-row--required {
  margin-top: 10px; }

.adwords-automator .create-ads .create-ads__form .title-block {
  display: flex;
  margin: 50px 0; }
  .adwords-automator .create-ads .create-ads__form .title-block .title-block__col, .adwords-automator .create-ads .create-ads__form .title-block .title-block__col--left, .adwords-automator .create-ads .create-ads__form .title-block .title-block__col--right {
    display: flex;
    align-items: center; }
  .adwords-automator .create-ads .create-ads__form .title-block .title-block__col--left {
    width: calc(100% / 3); }
  .adwords-automator .create-ads .create-ads__form .title-block .back-btn {
    padding: 0 7px;
    font-size: 14px;
    text-decoration: none;
    color: #4990e2; }
  .adwords-automator .create-ads .create-ads__form .title-block .title {
    margin-right: 16px;
    font-size: 26px;
    font-weight: bold;
    color: #333; }
  .adwords-automator .create-ads .create-ads__form .title-block .select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 16px;
    height: 25px;
    border-radius: 3px;
    background-color: #60b45d; }
    .adwords-automator .create-ads .create-ads__form .title-block .select-wrapper i {
      position: absolute;
      right: 10px;
      line-height: 25px;
      color: #fff;
      z-index: 0; }
    .adwords-automator .create-ads .create-ads__form .title-block .select-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      padding: 0 35px 0 25px;
      border: none;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1; }
      .adwords-automator .create-ads .create-ads__form .title-block .select-wrapper select option {
        color: #333; }

.adwords-automator .create-ads .create-ads__form .successful-created {
  color: #60b45d; }

.adwords-automator .create-ads .create-ads__form .form-row, .adwords-automator .create-ads .create-ads__form .form-row--required {
  display: flex;
  width: 100%;
  margin-top: 25px; }

.adwords-automator .create-ads .create-ads__form .form-row--required .label::after {
  content: '*';
  position: absolute;
  top: 0;
  color: #1d802c;
  align-self: flex-start;
  line-height: 1; }

.adwords-automator .create-ads .create-ads__form .col, .adwords-automator .create-ads .create-ads__form .col--label {
  display: flex;
  align-items: flex-start; }

.adwords-automator .create-ads .create-ads__form .col--label {
  position: relative;
  justify-content: flex-end;
  width: calc(100% / 3);
  padding-right: 10px; }

.adwords-automator .create-ads .create-ads__form .label {
  line-height: 25px;
  font-size: 14px;
  color: #333; }

.adwords-automator .create-ads .create-ads__form .error {
  margin-left: 10px;
  font-size: 12px;
  color: #f4011b;
  height: 25px;
  display: flex;
  align-items: center; }
  .adwords-automator .create-ads .create-ads__form .error.non-field {
    margin: 0; }

.adwords-automator .create-ads .create-ads__form .error-input {
  border-color: #f4011b !important; }
  .adwords-automator .create-ads .create-ads__form .error-input input, .adwords-automator .create-ads .create-ads__form .error-input textarea {
    border-color: #f4011b !important; }

.adwords-automator .create-ads .create-ads__form .col--input {
  display: flex;
  align-items: center; }
  .adwords-automator .create-ads .create-ads__form .col--input.flex-start {
    align-items: flex-start; }
  .adwords-automator .create-ads .create-ads__form .col--input input,
  .adwords-automator .create-ads .create-ads__form .col--input .select-wrapper {
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    outline: none;
    width: 190px;
    height: 25px; }
    .adwords-automator .create-ads .create-ads__form .col--input input:disabled,
    .adwords-automator .create-ads .create-ads__form .col--input .select-wrapper:disabled {
      background-color: #EEEEEE; }
  .adwords-automator .create-ads .create-ads__form .col--input .select-wrapper {
    display: flex;
    align-items: center; }
    .adwords-automator .create-ads .create-ads__form .col--input .select-wrapper select {
      flex: 1 1 auto;
      width: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      border: none;
      background-color: transparent;
      padding: 0 7px; }
    .adwords-automator .create-ads .create-ads__form .col--input .select-wrapper i {
      margin-right: 7px; }
  .adwords-automator .create-ads .create-ads__form .col--input.wide input,
  .adwords-automator .create-ads .create-ads__form .col--input.wide .select-wrapper {
    width: 330px; }
  .adwords-automator .create-ads .create-ads__form .col--input.narrow input,
  .adwords-automator .create-ads .create-ads__form .col--input.narrow .select-wrapper {
    width: 145px; }
  .adwords-automator .create-ads .create-ads__form .col--input .path {
    display: flex;
    align-items: center; }
    .adwords-automator .create-ads .create-ads__form .col--input .path > span {
      font-size: 14px;
      color: #333; }
    .adwords-automator .create-ads .create-ads__form .col--input .path .chars-counter {
      margin: 0 5px; }
  .adwords-automator .create-ads .create-ads__form .col--input textarea {
    width: 320px;
    height: 60px;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    resize: none; }
  .adwords-automator .create-ads .create-ads__form .col--input select + select {
    margin-left: 3px; }
  .adwords-automator .create-ads .create-ads__form .col--input .divider {
    margin: 0 8px;
    line-height: 25px;
    font-size: 12px; }
  .adwords-automator .create-ads .create-ads__form .col--input-caption {
    margin-top: 5px;
    font-size: 10px;
    max-width: 320px;
    color: #333; }
  .adwords-automator .create-ads .create-ads__form .col--input.col--list {
    flex-direction: column; }

.adwords-automator .create-ads .create-ads__form .col--additional-info .cpc {
  margin-left: 15px; }
  .adwords-automator .create-ads .create-ads__form .col--additional-info .cpc input {
    width: 60px;
    height: 25px; }

.adwords-automator .create-ads .create-ads__form .col--additional-info .remove-btn {
  height: 15px;
  width: 15px;
  background-color: #d0011b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  cursor: pointer;
  font-weight: bold; }
  .adwords-automator .create-ads .create-ads__form .col--additional-info .remove-btn:hover {
    background-color: #fe203c; }

.adwords-automator .create-ads .create-ads__form .buttons-block {
  text-align: center; }
  .adwords-automator .create-ads .create-ads__form .buttons-block a, .adwords-automator .create-ads .create-ads__form .buttons-block button {
    margin-right: 10px; }

.adwords-automator .create-ads .create-ads__form .ad-preview .col--label {
  align-items: stretch;
  padding: 0; }
  .adwords-automator .create-ads .create-ads__form .ad-preview .col--label div {
    width: 120px;
    padding: 15px;
    background-color: #eaf4ff;
    font-size: 12px;
    font-weight: bold;
    color: #a4b3c8;
    text-transform: uppercase; }

.adwords-automator .create-ads .create-ads__form .ad-preview__details {
  background-color: #eaf4ff;
  padding: 15px;
  width: 475px; }
  .adwords-automator .create-ads .create-ads__form .ad-preview__details-title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .adwords-automator .create-ads .create-ads__form .ad-preview__details-path {
    font-size: 14px;
    color: #4990e2;
    margin-bottom: 10px; }
  .adwords-automator .create-ads .create-ads__form .ad-preview__details-description {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 1.5; }

.adwords-automator .create-ads .create-ads__form .extension {
  width: 850px;
  margin: 0 auto 30px; }
  .adwords-automator .create-ads .create-ads__form .extension .title {
    font-size: 14px;
    color: #333333; }
    .adwords-automator .create-ads .create-ads__form .extension .title div {
      font-size: 10px;
      margin-top: 5px; }
  .adwords-automator .create-ads .create-ads__form .extension .extension-part {
    display: flex; }
    .adwords-automator .create-ads .create-ads__form .extension .extension-part > div {
      width: calc(50% - 4px);
      margin-right: 8px; }
      .adwords-automator .create-ads .create-ads__form .extension .extension-part > div .part-title {
        font-size: 12px;
        font-weight: bold;
        color: #4990e2;
        margin: 15px 0 5px; }
      .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul {
        padding: 5px 0;
        height: 182px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c5c5c5;
        overflow: auto; }
        .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 5px 10px; }
          .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li:hover {
            background-color: #f1f1f1; }
          .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li .left {
            font-size: 12px;
            line-height: 1.17;
            color: #434343; }
            .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li .left span {
              vertical-align: middle; }
          .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0 3px;
            cursor: pointer;
            vertical-align: middle;
            display: inline-block; }
            .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li button.remove {
              color: #d0011b; }
            .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li button.edit {
              color: #4990e2; }
            .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li button svg {
              display: block;
              border-radius: 3px; }
              .adwords-automator .create-ads .create-ads__form .extension .extension-part > div ul li button svg:hover {
                background-color: #fff; }
      .adwords-automator .create-ads .create-ads__form .extension .extension-part > div.selected ul li .left .picture.remove {
        transform: scaleX(-1); }
  .adwords-automator .create-ads .create-ads__form .extension .add-button {
    height: 25px;
    border-radius: 3px;
    background-color: #008d04;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold; }
    .adwords-automator .create-ads .create-ads__form .extension .add-button span {
      vertical-align: middle; }
      .adwords-automator .create-ads .create-ads__form .extension .add-button span.plus {
        margin-right: 7px;
        font-size: 26px;
        line-height: 25px;
        font-weight: normal; }
    .adwords-automator .create-ads .create-ads__form .extension .add-button:hover {
      background-color: #00da06; }

.adwords-automator .create-ads .ad-group-caption {
  width: 190px; }

.adwords-automator .create-ad-group .create-ad-group__form .title-block {
  display: flex;
  margin: 50px 0; }
  .adwords-automator .create-ad-group .create-ad-group__form .title-block .title-block__col, .adwords-automator .create-ad-group .create-ad-group__form .title-block .title-block__col--left, .adwords-automator .create-ad-group .create-ad-group__form .title-block .title-block__col--right {
    display: flex;
    align-items: center; }
  .adwords-automator .create-ad-group .create-ad-group__form .title-block .title-block__col--left {
    width: calc(100% / 3); }
  .adwords-automator .create-ad-group .create-ad-group__form .title-block .back-btn {
    padding: 0 7px;
    font-size: 14px;
    text-decoration: none;
    color: #4990e2; }
  .adwords-automator .create-ad-group .create-ad-group__form .title-block .title {
    margin-right: 16px;
    font-size: 26px;
    font-weight: bold;
    color: #333; }
  .adwords-automator .create-ad-group .create-ad-group__form .title-block .select-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 16px;
    height: 25px;
    border-radius: 3px;
    background-color: #60b45d; }
    .adwords-automator .create-ad-group .create-ad-group__form .title-block .select-wrapper i {
      position: absolute;
      right: 10px;
      line-height: 25px;
      color: #fff;
      z-index: 0; }
    .adwords-automator .create-ad-group .create-ad-group__form .title-block .select-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      padding: 0 35px 0 25px;
      border: none;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1; }
      .adwords-automator .create-ad-group .create-ad-group__form .title-block .select-wrapper select option {
        color: #333; }

.adwords-automator .create-ad-group .create-ad-group__form .successful-created {
  color: #60b45d; }

.adwords-automator .create-ad-group .create-ad-group__form .form-row, .adwords-automator .create-ad-group .create-ad-group__form .form-row--required {
  display: flex;
  width: 100%;
  margin-top: 25px; }

.adwords-automator .create-ad-group .create-ad-group__form .form-row--required .label::after {
  content: '*';
  position: absolute;
  top: 0;
  color: #1d802c;
  align-self: flex-start;
  line-height: 1; }

.adwords-automator .create-ad-group .create-ad-group__form .col, .adwords-automator .create-ad-group .create-ad-group__form .col--label {
  display: flex;
  align-items: flex-start; }

.adwords-automator .create-ad-group .create-ad-group__form .col--label {
  position: relative;
  justify-content: flex-end;
  width: calc(100% / 3);
  padding-right: 10px; }

.adwords-automator .create-ad-group .create-ad-group__form .label {
  line-height: 25px;
  font-size: 14px;
  color: #333; }

.adwords-automator .create-ad-group .create-ad-group__form .error {
  margin-left: 10px;
  font-size: 12px;
  color: #f4011b;
  height: 25px;
  display: flex;
  align-items: center; }
  .adwords-automator .create-ad-group .create-ad-group__form .error.non-field {
    margin: 0; }

.adwords-automator .create-ad-group .create-ad-group__form .error-input {
  border-color: #f4011b !important; }
  .adwords-automator .create-ad-group .create-ad-group__form .error-input input, .adwords-automator .create-ad-group .create-ad-group__form .error-input textarea {
    border-color: #f4011b !important; }

.adwords-automator .create-ad-group .create-ad-group__form .col--input {
  display: flex;
  align-items: center; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.flex-start {
    align-items: flex-start; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input input,
  .adwords-automator .create-ad-group .create-ad-group__form .col--input .select-wrapper {
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    outline: none;
    width: 190px;
    height: 25px; }
    .adwords-automator .create-ad-group .create-ad-group__form .col--input input:disabled,
    .adwords-automator .create-ad-group .create-ad-group__form .col--input .select-wrapper:disabled {
      background-color: #EEEEEE; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input .select-wrapper {
    display: flex;
    align-items: center; }
    .adwords-automator .create-ad-group .create-ad-group__form .col--input .select-wrapper select {
      flex: 1 1 auto;
      width: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 25px;
      border: none;
      background-color: transparent;
      padding: 0 7px; }
    .adwords-automator .create-ad-group .create-ad-group__form .col--input .select-wrapper i {
      margin-right: 7px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.wide input,
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.wide .select-wrapper {
    width: 330px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.narrow input,
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.narrow .select-wrapper {
    width: 145px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input .path {
    display: flex;
    align-items: center; }
    .adwords-automator .create-ad-group .create-ad-group__form .col--input .path > span {
      font-size: 14px;
      color: #333; }
    .adwords-automator .create-ad-group .create-ad-group__form .col--input .path .chars-counter {
      margin: 0 5px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input textarea {
    width: 320px;
    height: 60px;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    resize: none; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input select + select {
    margin-left: 3px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input .divider {
    margin: 0 8px;
    line-height: 25px;
    font-size: 12px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input-caption {
    margin-top: 5px;
    font-size: 10px;
    max-width: 320px;
    color: #333; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--input.col--list {
    flex-direction: column; }

.adwords-automator .create-ad-group .create-ad-group__form .col--additional-info .cpc {
  margin-left: 15px; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--additional-info .cpc input {
    width: 60px;
    height: 25px; }

.adwords-automator .create-ad-group .create-ad-group__form .col--additional-info .remove-btn {
  height: 15px;
  width: 15px;
  background-color: #d0011b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 12px;
  cursor: pointer;
  font-weight: bold; }
  .adwords-automator .create-ad-group .create-ad-group__form .col--additional-info .remove-btn:hover {
    background-color: #fe203c; }

.adwords-automator .create-ad-group .create-ad-group__form .buttons-block {
  text-align: center; }
  .adwords-automator .create-ad-group .create-ad-group__form .buttons-block a, .adwords-automator .create-ad-group .create-ad-group__form .buttons-block button {
    margin-right: 10px; }

.adwords-automator .create-ad-group .create-ad-group__form .ad-preview .col--label {
  align-items: stretch;
  padding: 0; }
  .adwords-automator .create-ad-group .create-ad-group__form .ad-preview .col--label div {
    width: 120px;
    padding: 15px;
    background-color: #eaf4ff;
    font-size: 12px;
    font-weight: bold;
    color: #a4b3c8;
    text-transform: uppercase; }

.adwords-automator .create-ad-group .create-ad-group__form .ad-preview__details {
  background-color: #eaf4ff;
  padding: 15px;
  width: 475px; }
  .adwords-automator .create-ad-group .create-ad-group__form .ad-preview__details-title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .adwords-automator .create-ad-group .create-ad-group__form .ad-preview__details-path {
    font-size: 14px;
    color: #4990e2;
    margin-bottom: 10px; }
  .adwords-automator .create-ad-group .create-ad-group__form .ad-preview__details-description {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 1.5; }

.adwords-automator .create-ad-group .create-ad-group__form .extension {
  width: 850px;
  margin: 0 auto 30px; }
  .adwords-automator .create-ad-group .create-ad-group__form .extension .title {
    font-size: 14px;
    color: #333333; }
    .adwords-automator .create-ad-group .create-ad-group__form .extension .title div {
      font-size: 10px;
      margin-top: 5px; }
  .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part {
    display: flex; }
    .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div {
      width: calc(50% - 4px);
      margin-right: 8px; }
      .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div .part-title {
        font-size: 12px;
        font-weight: bold;
        color: #4990e2;
        margin: 15px 0 5px; }
      .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul {
        padding: 5px 0;
        height: 182px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c5c5c5;
        overflow: auto; }
        .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 5px 10px; }
          .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li:hover {
            background-color: #f1f1f1; }
          .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li .left {
            font-size: 12px;
            line-height: 1.17;
            color: #434343; }
            .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li .left span {
              vertical-align: middle; }
          .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0 3px;
            cursor: pointer;
            vertical-align: middle;
            display: inline-block; }
            .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li button.remove {
              color: #d0011b; }
            .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li button.edit {
              color: #4990e2; }
            .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li button svg {
              display: block;
              border-radius: 3px; }
              .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div ul li button svg:hover {
                background-color: #fff; }
      .adwords-automator .create-ad-group .create-ad-group__form .extension .extension-part > div.selected ul li .left .picture.remove {
        transform: scaleX(-1); }
  .adwords-automator .create-ad-group .create-ad-group__form .extension .add-button {
    height: 25px;
    border-radius: 3px;
    background-color: #008d04;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold; }
    .adwords-automator .create-ad-group .create-ad-group__form .extension .add-button span {
      vertical-align: middle; }
      .adwords-automator .create-ad-group .create-ad-group__form .extension .add-button span.plus {
        margin-right: 7px;
        font-size: 26px;
        line-height: 25px;
        font-weight: normal; }
    .adwords-automator .create-ad-group .create-ad-group__form .extension .add-button:hover {
      background-color: #00da06; }

.adwords-automator .create-ad-group .ad-group-name-caption {
  width: 190px; }

.adwords-automator .sync_prgs_bar {
  display: none;
  z-index: 10;
  width: 100%;
  padding-top: 50px; }
  .adwords-automator .sync_prgs_bar #progressbar span {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    padding: 0 5px 0 0;
    font-weight: 600; }
  .adwords-automator .sync_prgs_bar .ui-progressbar {
    width: 100%;
    height: auto;
    border: none;
    background-color: #a4a4a4;
    position: relative; }
  .adwords-automator .sync_prgs_bar .progress-label {
    color: #fff;
    text-align: center;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    font-weight: 600; }
  .adwords-automator .sync_prgs_bar .ui-progressbar-value {
    background-color: #5fb35d;
    height: 24px;
    border-width: 1px 0 0 0;
    border-color: #fff;
    border-radius: 0; }
  .adwords-automator .sync_prgs_bar .sync_title {
    color: #727272;
    text-align: center;
    font-size: 37px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 30px; }
  .adwords-automator .sync_prgs_bar .close_sync_db {
    background-color: #525c66;
    color: #fff;
    position: relative;
    margin-top: 45px;
    border-radius: 3px;
    border: 1px solid #525c66;
    padding: 8px 0;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    cursor: pointer;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s; }
  .adwords-automator .sync_prgs_bar .close_sync_db:hover,
  .adwords-automator .sync_prgs_bar .close_sync_db:focus {
    box-shadow: 0 0 3px black; }
  .adwords-automator .sync_prgs_bar .sync_errors {
    width: 90%;
    border: 2px solid #ff2323;
    margin: 40px auto 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    background-color: #f8f8f8;
    padding: 10px;
    height: 0;
    display: none;
    -webkit-transition: height 0.3s linear 0s;
    -moz-transition: height 0.3s linear 0s;
    -o-transition: height 0.3s linear 0s;
    transition: height 0.3s linear 0s; }
  .adwords-automator .sync_prgs_bar .error_item {
    margin-bottom: 15px;
    border-bottom: 1px dashed #7d7d7d;
    padding-bottom: 10px; }
  .adwords-automator .sync_prgs_bar .error_item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
  .adwords-automator .sync_prgs_bar .error_item span {
    font-size: 12px;
    display: block;
    line-height: 18px; }
  .adwords-automator .sync_prgs_bar .error_item a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px; }
  .adwords-automator .sync_prgs_bar .error_item .dismiss_error {
    display: none; }

.adwords-automator .sync_prgs_bar.sync_error .sync_title {
  color: #ff2323; }

.adwords-automator .sync_prgs_bar.sync_error .progress-label {
  background-color: #ff2323; }

.adwords-automator .sync_prgs_bar.sync_error .sync_errors {
  display: block;
  height: auto; }

.adwords-automator .sync_bg {
  background-color: rgba(238, 238, 238, 0.95);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 5;
  display: none; }

.adwords-automator header {
  background-color: #f8f8f8; }

.adwords-automator header,
.adwords-automator footer {
  z-index: 6;
  position: relative; }

.adwords-automator .sync_title {
  color: #727272; }

.adwords-automator .fixed_sync_errors {
  position: fixed;
  width: 400px;
  right: -400px;
  border: 2px solid #ff2323;
  height: 70%;
  top: 10%;
  z-index: 100;
  background-color: #fff;
  border-right: none;
  -webkit-transition: right 0.3s linear 0s;
  -moz-transition: right 0.3s linear 0s;
  -o-transition: right 0.3s linear 0s;
  transition: right 0.3s linear 0s; }
  .adwords-automator .fixed_sync_errors #sync_show_error_btn {
    background-color: #515c66;
    position: absolute;
    left: -80px;
    top: 50%;
    border: 2px solid #ff2323;
    border-width: 2px 0px 2px 2px;
    color: #fff;
    width: 80px;
    height: 34px;
    border-radius: 3px 0 0 3px;
    margin-top: -17px;
    font-weight: 600;
    box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    -webkit-transition: left 0.3s linear 0s;
    -moz-transition: left 0.3s linear 0s;
    -o-transition: left 0.3s linear 0s;
    transition: left 0.3s linear 0s; }
  .adwords-automator .fixed_sync_errors .clear_sync_errors {
    background-color: #515c66;
    color: #fff;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 4px;
    cursor: pointer;
    z-index: 1;
    font-size: 14px; }
  .adwords-automator .fixed_sync_errors .dismiss_error {
    background-color: #515c66;
    color: #fff;
    border: 2px solid #19446a;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    font-weight: 700;
    cursor: pointer;
    margin-top: 5px; }
  .adwords-automator .fixed_sync_errors .dismiss_error:hover,
  .adwords-automator .fixed_sync_errors .dismiss_error:focus {
    background-color: #7c8c9b;
    border-color: #515c66; }

.adwords-automator .fixed_sync_errors.show_errors {
  right: 0;
  box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.4); }
  .adwords-automator .fixed_sync_errors.show_errors #sync_show_error_btn:after {
    content: 'Close';
    left: 0;
    position: absolute;
    background-color: #515c66;
    width: 100%; }

.adwords-automator .fixed_sync_errors.do_not_show {
  right: -500px; }

.adwords-automator .sync_errors_block {
  overflow-y: auto;
  padding: 10px 10px 27px;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #f8f8f8; }
  .adwords-automator .sync_errors_block .error_item {
    margin-bottom: 15px;
    border-bottom: 1px dashed #7d7d7d;
    padding-bottom: 10px; }
  .adwords-automator .sync_errors_block .error_item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: none; }
  .adwords-automator .sync_errors_block .error_item span {
    font-size: 12px;
    display: block;
    line-height: 18px; }
  .adwords-automator .sync_errors_block .error_item a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px; }

.adwords-automator .product-pages .sync_prgs_bar {
  padding-left: 10px;
  padding-right: 10px; }

.adwords-automator .product-pages .sync_bg {
  background-color: #f8f8f8;
  border: solid 1px #979797; }

.adwords-automator .autosuggestion {
  position: relative; }
  .adwords-automator .autosuggestion .autosuggestion-list {
    position: absolute;
    background-color: #fff;
    left: 0;
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.6);
    min-width: 100%;
    z-index: 10;
    max-height: 200px;
    overflow: auto; }
    .adwords-automator .autosuggestion .autosuggestion-list li {
      padding: 5px;
      font-size: 12px; }
      .adwords-automator .autosuggestion .autosuggestion-list li:hover {
        background-color: #ebebeb;
        cursor: pointer; }
  .adwords-automator .autosuggestion .autosuggestion-input-wrapper {
    display: flex;
    align-items: center; }
  .adwords-automator .autosuggestion .results-list {
    display: flex;
    flex-direction: column;
    width: 360px;
    margin: 8px 0 0 0;
    padding: 0;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c5c5c5; }
    .adwords-automator .autosuggestion .results-list__item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 25px;
      padding: 0 8px;
      font-size: 12px;
      color: #434343; }
    .adwords-automator .autosuggestion .results-list__remove-btn {
      height: 100%;
      padding: 0;
      border: none;
      outline: none;
      color: #d0011b;
      background-color: transparent;
      cursor: pointer; }
  .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list {
    width: 400px; }
    .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li {
      display: flex;
      justify-content: space-between; }
      .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li button {
        -webkit-appearance: none;
        border: 0;
        background-color: transparent;
        cursor: pointer; }
        .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li button.include {
          color: #4990e2; }
          .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li button.include:hover {
            color: #75abe9; }
        .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li button.exclude {
          color: #ca4556; }
          .adwords-automator .autosuggestion.geo-targeting_autosuggestion .autosuggestion-list li button.exclude:hover {
            color: #d56d7a; }
  .adwords-automator .autosuggestion.geo-targeting_autosuggestion h4 {
    margin-top: 15px;
    font-size: 12px; }
    .adwords-automator .autosuggestion.geo-targeting_autosuggestion h4.positive {
      color: #4990e2; }
    .adwords-automator .autosuggestion.geo-targeting_autosuggestion h4.negative {
      color: #ca4556; }

.adwords-automator .chars-counter {
  position: relative;
  display: inline-block; }
  .adwords-automator .chars-counter input, .adwords-automator .chars-counter textarea {
    padding-right: 20px;
    display: block; }
  .adwords-automator .chars-counter span {
    color: #949494;
    position: absolute;
    right: 5px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 9px; }
    .adwords-automator .chars-counter span.negative {
      color: #d0011b; }
    .adwords-automator .chars-counter span.on-textarea {
      bottom: 5px;
      right: -15px;
      height: auto;
      align-items: flex-end; }

.adwords-automator .adwords-modal {
  background-color: #fff;
  width: 570px;
  margin: 0 auto;
  padding: 50px 0; }
  .adwords-automator .adwords-modal .title-block {
    display: flex;
    margin: 50px 0; }
    .adwords-automator .adwords-modal .title-block .title-block__col, .adwords-automator .adwords-modal .create-campaign .create-campaign__form .title-block .title-block__col--left, .adwords-automator .create-campaign .create-campaign__form .adwords-modal .title-block .title-block__col--left, .adwords-automator .adwords-modal .create-campaign .create-campaign__form .title-block .title-block__col--right, .adwords-automator .create-campaign .create-campaign__form .adwords-modal .title-block .title-block__col--right, .adwords-automator .adwords-modal .create-keywords .create-keywords__form .title-block .title-block__col--left, .adwords-automator .create-keywords .create-keywords__form .adwords-modal .title-block .title-block__col--left, .adwords-automator .adwords-modal .create-keywords .create-keywords__form .title-block .title-block__col--right, .adwords-automator .create-keywords .create-keywords__form .adwords-modal .title-block .title-block__col--right, .adwords-automator .adwords-modal .create-ads .create-ads__form .title-block .title-block__col--left, .adwords-automator .create-ads .create-ads__form .adwords-modal .title-block .title-block__col--left, .adwords-automator .adwords-modal .create-ads .create-ads__form .title-block .title-block__col--right, .adwords-automator .create-ads .create-ads__form .adwords-modal .title-block .title-block__col--right, .adwords-automator .adwords-modal .create-ad-group .create-ad-group__form .title-block .title-block__col--left, .adwords-automator .create-ad-group .create-ad-group__form .adwords-modal .title-block .title-block__col--left, .adwords-automator .adwords-modal .create-ad-group .create-ad-group__form .title-block .title-block__col--right, .adwords-automator .create-ad-group .create-ad-group__form .adwords-modal .title-block .title-block__col--right, .adwords-automator .adwords-modal .title-block .title-block__col--left, .adwords-automator .adwords-modal .title-block .title-block__col--right {
      display: flex;
      align-items: center; }
    .adwords-automator .adwords-modal .title-block .title-block__col--left {
      width: calc(100% / 3); }
    .adwords-automator .adwords-modal .title-block .back-btn {
      padding: 0 7px;
      font-size: 14px;
      text-decoration: none;
      color: #4990e2; }
    .adwords-automator .adwords-modal .title-block .title {
      margin-right: 16px;
      font-size: 26px;
      font-weight: bold;
      color: #333; }
    .adwords-automator .adwords-modal .title-block .select-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      align-self: center;
      margin: 0 16px;
      height: 25px;
      border-radius: 3px;
      background-color: #60b45d; }
      .adwords-automator .adwords-modal .title-block .select-wrapper i {
        position: absolute;
        right: 10px;
        line-height: 25px;
        color: #fff;
        z-index: 0; }
      .adwords-automator .adwords-modal .title-block .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 25px;
        padding: 0 35px 0 25px;
        border: none;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        z-index: 1; }
        .adwords-automator .adwords-modal .title-block .select-wrapper select option {
          color: #333; }
  .adwords-automator .adwords-modal .successful-created {
    color: #60b45d; }
  .adwords-automator .adwords-modal .form-row, .adwords-automator .adwords-modal .create-campaign .create-campaign__form .form-row--required, .adwords-automator .create-campaign .create-campaign__form .adwords-modal .form-row--required, .adwords-automator .adwords-modal .create-keywords .create-keywords__form .form-row--required, .adwords-automator .create-keywords .create-keywords__form .adwords-modal .form-row--required, .adwords-automator .adwords-modal .create-ads .create-ads__form .form-row--required, .adwords-automator .create-ads .create-ads__form .adwords-modal .form-row--required, .adwords-automator .adwords-modal .create-ad-group .create-ad-group__form .form-row--required, .adwords-automator .create-ad-group .create-ad-group__form .adwords-modal .form-row--required, .adwords-automator .adwords-modal .form-row--required {
    display: flex;
    width: 100%;
    margin-top: 25px; }
  .adwords-automator .adwords-modal .form-row--required .label::after {
    content: '*';
    position: absolute;
    top: 0;
    color: #1d802c;
    align-self: flex-start;
    line-height: 1; }
  .adwords-automator .adwords-modal .col, .adwords-automator .adwords-modal .create-campaign .create-campaign__form .col--label, .adwords-automator .create-campaign .create-campaign__form .adwords-modal .col--label, .adwords-automator .adwords-modal .create-keywords .create-keywords__form .col--label, .adwords-automator .create-keywords .create-keywords__form .adwords-modal .col--label, .adwords-automator .adwords-modal .create-ads .create-ads__form .col--label, .adwords-automator .create-ads .create-ads__form .adwords-modal .col--label, .adwords-automator .adwords-modal .create-ad-group .create-ad-group__form .col--label, .adwords-automator .create-ad-group .create-ad-group__form .adwords-modal .col--label, .adwords-automator .adwords-modal .col--label {
    display: flex;
    align-items: flex-start; }
  .adwords-automator .adwords-modal .col--label {
    position: relative;
    justify-content: flex-end;
    width: calc(100% / 3);
    padding-right: 10px; }
  .adwords-automator .adwords-modal .label {
    line-height: 25px;
    font-size: 14px;
    color: #333; }
  .adwords-automator .adwords-modal .error {
    margin-left: 10px;
    font-size: 12px;
    color: #f4011b;
    height: 25px;
    display: flex;
    align-items: center; }
    .adwords-automator .adwords-modal .error.non-field {
      margin: 0; }
  .adwords-automator .adwords-modal .error-input {
    border-color: #f4011b !important; }
    .adwords-automator .adwords-modal .error-input input, .adwords-automator .adwords-modal .error-input textarea {
      border-color: #f4011b !important; }
  .adwords-automator .adwords-modal .col--input {
    display: flex;
    align-items: center; }
    .adwords-automator .adwords-modal .col--input.flex-start {
      align-items: flex-start; }
    .adwords-automator .adwords-modal .col--input input,
    .adwords-automator .adwords-modal .col--input .select-wrapper {
      border-radius: 3px;
      background-color: #fff;
      border: solid 1px #c5c5c5;
      outline: none;
      width: 190px;
      height: 25px; }
      .adwords-automator .adwords-modal .col--input input:disabled,
      .adwords-automator .adwords-modal .col--input .select-wrapper:disabled {
        background-color: #EEEEEE; }
    .adwords-automator .adwords-modal .col--input .select-wrapper {
      display: flex;
      align-items: center; }
      .adwords-automator .adwords-modal .col--input .select-wrapper select {
        flex: 1 1 auto;
        width: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 25px;
        border: none;
        background-color: transparent;
        padding: 0 7px; }
      .adwords-automator .adwords-modal .col--input .select-wrapper i {
        margin-right: 7px; }
    .adwords-automator .adwords-modal .col--input.wide input,
    .adwords-automator .adwords-modal .col--input.wide .select-wrapper {
      width: 330px; }
    .adwords-automator .adwords-modal .col--input.narrow input,
    .adwords-automator .adwords-modal .col--input.narrow .select-wrapper {
      width: 145px; }
    .adwords-automator .adwords-modal .col--input .path {
      display: flex;
      align-items: center; }
      .adwords-automator .adwords-modal .col--input .path > span {
        font-size: 14px;
        color: #333; }
      .adwords-automator .adwords-modal .col--input .path .chars-counter {
        margin: 0 5px; }
    .adwords-automator .adwords-modal .col--input textarea {
      width: 320px;
      height: 60px;
      border-radius: 3px;
      border: solid 1px #c5c5c5;
      resize: none; }
    .adwords-automator .adwords-modal .col--input select + select {
      margin-left: 3px; }
    .adwords-automator .adwords-modal .col--input .divider {
      margin: 0 8px;
      line-height: 25px;
      font-size: 12px; }
    .adwords-automator .adwords-modal .col--input-caption {
      margin-top: 5px;
      font-size: 10px;
      max-width: 320px;
      color: #333; }
    .adwords-automator .adwords-modal .col--input.col--list {
      flex-direction: column; }
  .adwords-automator .adwords-modal .col--additional-info .cpc {
    margin-left: 15px; }
    .adwords-automator .adwords-modal .col--additional-info .cpc input {
      width: 60px;
      height: 25px; }
  .adwords-automator .adwords-modal .col--additional-info .remove-btn {
    height: 15px;
    width: 15px;
    background-color: #d0011b;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    line-height: 12px;
    cursor: pointer;
    font-weight: bold; }
    .adwords-automator .adwords-modal .col--additional-info .remove-btn:hover {
      background-color: #fe203c; }
  .adwords-automator .adwords-modal .buttons-block {
    text-align: center; }
    .adwords-automator .adwords-modal .buttons-block a, .adwords-automator .adwords-modal .buttons-block button {
      margin-right: 10px; }
  .adwords-automator .adwords-modal .ad-preview .col--label {
    align-items: stretch;
    padding: 0; }
    .adwords-automator .adwords-modal .ad-preview .col--label div {
      width: 120px;
      padding: 15px;
      background-color: #eaf4ff;
      font-size: 12px;
      font-weight: bold;
      color: #a4b3c8;
      text-transform: uppercase; }
  .adwords-automator .adwords-modal .ad-preview__details {
    background-color: #eaf4ff;
    padding: 15px;
    width: 475px; }
    .adwords-automator .adwords-modal .ad-preview__details-title {
      font-size: 18px;
      color: #4a4a4a;
      margin-bottom: 5px; }
    .adwords-automator .adwords-modal .ad-preview__details-path {
      font-size: 14px;
      color: #4990e2;
      margin-bottom: 10px; }
    .adwords-automator .adwords-modal .ad-preview__details-description {
      font-size: 12px;
      color: #4a4a4a;
      line-height: 1.5; }
  .adwords-automator .adwords-modal .extension {
    width: 850px;
    margin: 0 auto 30px; }
    .adwords-automator .adwords-modal .extension .title {
      font-size: 14px;
      color: #333333; }
      .adwords-automator .adwords-modal .extension .title div {
        font-size: 10px;
        margin-top: 5px; }
    .adwords-automator .adwords-modal .extension .extension-part {
      display: flex; }
      .adwords-automator .adwords-modal .extension .extension-part > div {
        width: calc(50% - 4px);
        margin-right: 8px; }
        .adwords-automator .adwords-modal .extension .extension-part > div .part-title {
          font-size: 12px;
          font-weight: bold;
          color: #4990e2;
          margin: 15px 0 5px; }
        .adwords-automator .adwords-modal .extension .extension-part > div ul {
          padding: 5px 0;
          height: 182px;
          border-radius: 3px;
          background-color: #ffffff;
          border: solid 1px #c5c5c5;
          overflow: auto; }
          .adwords-automator .adwords-modal .extension .extension-part > div ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 10px; }
            .adwords-automator .adwords-modal .extension .extension-part > div ul li:hover {
              background-color: #f1f1f1; }
            .adwords-automator .adwords-modal .extension .extension-part > div ul li .left {
              font-size: 12px;
              line-height: 1.17;
              color: #434343; }
              .adwords-automator .adwords-modal .extension .extension-part > div ul li .left span {
                vertical-align: middle; }
            .adwords-automator .adwords-modal .extension .extension-part > div ul li button {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border: none;
              background-color: transparent;
              padding: 0;
              margin: 0 3px;
              cursor: pointer;
              vertical-align: middle;
              display: inline-block; }
              .adwords-automator .adwords-modal .extension .extension-part > div ul li button.remove {
                color: #d0011b; }
              .adwords-automator .adwords-modal .extension .extension-part > div ul li button.edit {
                color: #4990e2; }
              .adwords-automator .adwords-modal .extension .extension-part > div ul li button svg {
                display: block;
                border-radius: 3px; }
                .adwords-automator .adwords-modal .extension .extension-part > div ul li button svg:hover {
                  background-color: #fff; }
        .adwords-automator .adwords-modal .extension .extension-part > div.selected ul li .left .picture.remove {
          transform: scaleX(-1); }
    .adwords-automator .adwords-modal .extension .add-button {
      height: 25px;
      border-radius: 3px;
      background-color: #008d04;
      padding: 0 15px;
      color: #fff;
      font-size: 12px;
      border: none;
      margin-top: 10px;
      cursor: pointer;
      vertical-align: middle;
      font-weight: bold; }
      .adwords-automator .adwords-modal .extension .add-button span {
        vertical-align: middle; }
        .adwords-automator .adwords-modal .extension .add-button span.plus {
          margin-right: 7px;
          font-size: 26px;
          line-height: 25px;
          font-weight: normal; }
      .adwords-automator .adwords-modal .extension .add-button:hover {
        background-color: #00da06; }
  .adwords-automator .adwords-modal .title-block {
    margin: 0 0 50px; }
  .adwords-automator .adwords-modal.confirmation {
    text-align: center; }
  .adwords-automator .adwords-modal.cpc-budget {
    width: 450px; }
    .adwords-automator .adwords-modal.cpc-budget .title-block, .adwords-automator .adwords-modal.cpc-budget .form-row, .adwords-automator .adwords-modal.cpc-budget .form-row--required {
      padding: 0 30px; }
      .adwords-automator .adwords-modal.cpc-budget .title-block .col--input, .adwords-automator .adwords-modal.cpc-budget .form-row .col--input, .adwords-automator .adwords-modal.cpc-budget .form-row--required .col--input {
        justify-content: space-between;
        width: 100%; }
        .adwords-automator .adwords-modal.cpc-budget .title-block .col--input.buttons-block, .adwords-automator .adwords-modal.cpc-budget .form-row .col--input.buttons-block, .adwords-automator .adwords-modal.cpc-budget .form-row--required .col--input.buttons-block {
          justify-content: flex-end; }
          .adwords-automator .adwords-modal.cpc-budget .title-block .col--input.buttons-block .save, .adwords-automator .adwords-modal.cpc-budget .form-row .col--input.buttons-block .save, .adwords-automator .adwords-modal.cpc-budget .form-row--required .col--input.buttons-block .save {
            margin: 0; }
        .adwords-automator .adwords-modal.cpc-budget .title-block .col--input input, .adwords-automator .adwords-modal.cpc-budget .form-row .col--input input, .adwords-automator .adwords-modal.cpc-budget .form-row--required .col--input input {
          width: 90px; }
        .adwords-automator .adwords-modal.cpc-budget .title-block .col--input .amount-currency, .adwords-automator .adwords-modal.cpc-budget .form-row .col--input .amount-currency, .adwords-automator .adwords-modal.cpc-budget .form-row--required .col--input .amount-currency {
          width: 90px; }

.adwords-automator * {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  outline: none; }

.adwords-automator .fa {
  font-family: "FontAwesome"; }

.adwords-automator .product-adwords-wrapper {
  position: relative; }

.adwords-automator .angular-spinner {
  position: fixed;
  z-index: 1000000;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.adwords-automator .container {
  width: auto !important;
  max-width: 1450px; }

.adwords-automator #ui-datepicker-div.ui-datepicker {
  border: 1px solid #c5c5c5; }

.adwords-automator #ui-datepicker-div td a {
  display: block;
  border-radius: 3px; }

.adwords-automator #ui-datepicker-div .ui-datepicker-title {
  padding: 0; }

.adwords-automator #ui-datepicker-div .ui-datepicker-next, .adwords-automator #ui-datepicker-div .ui-datepicker-prev {
  border: 1px solid transparent;
  margin: 1px; }
  .adwords-automator #ui-datepicker-div .ui-datepicker-next span, .adwords-automator #ui-datepicker-div .ui-datepicker-prev span {
    background-color: transparent; }
  .adwords-automator #ui-datepicker-div .ui-datepicker-next:hover, .adwords-automator #ui-datepicker-div .ui-datepicker-prev:hover {
    background-color: #fff; }

.adwords-automator .buttons-block {
  text-align: center;
  margin-top: 30px; }
  .adwords-automator .buttons-block a, .adwords-automator .buttons-block button {
    display: inline-block;
    height: 32px;
    min-width: 110px;
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: top;
    line-height: 32px;
    padding: 0 10px; }
    .adwords-automator .buttons-block a.cancel, .adwords-automator .buttons-block button.cancel {
      background-color: #515c66; }
      .adwords-automator .buttons-block a.cancel:hover, .adwords-automator .buttons-block button.cancel:hover {
        background-color: #687682; }
    .adwords-automator .buttons-block a.save, .adwords-automator .buttons-block button.save {
      background-color: #438bca; }
      .adwords-automator .buttons-block a.save:hover, .adwords-automator .buttons-block button.save:hover {
        background-color: #6ba4d5; }

/*Variables*/
/*end Variables*/
/* main structure */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  height: 100%; }

body {
  background-color: #f8f8f8;
  min-width: 1100px; }
  body .news-letter-response-text {
    color: #45cb48;
    margin-top: 1rem; }
  body .error-subscribe {
    color: #ff2323; }
  body .attachments-block {
    background-color: #f8f8f8; }
    body .attachments-block .green-button {
      position: relative;
      background-color: #45cb48;
      overflow: hidden; }
      body .attachments-block .green-button:hover {
        opacity: 0.8; }
      body .attachments-block .green-button .add-txt {
        color: #fff; }
      body .attachments-block .green-button input {
        left: 0;
        height: 100%;
        direction: rtl;
        cursor: pointer; }

a {
  font-size: 13px;
  font-family: Helvetica;
  text-decoration: underline;
  color: #1565b7; }
  a:hover {
    color: #318be7; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h5 {
  font-size: 14px;
  color: #5a5a5a;
  font-style: italic;
  font-weight: normal;
  margin: 30px 0 10px; }

input[type='text'], input[type='password'], input[type='email'], input[type='number'] {
  padding: 6px 7px;
  width: 175px;
  border-radius: 3px;
  border: 1px solid #d4d4d4; }

textarea {
  border: 1px solid #d4d4d4; }
  textarea:focus {
    outline: none !important; }

.loading-spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url('/static/img/loading.gif?9e1140eb065c') no-repeat center center;
  background-color: '#fff'; }

.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.text-area-send {
  position: relative; }
  .text-area-send textarea {
    min-height: 100px;
    border-radius: 3px;
    max-width: 100%;
    min-width: 407px;
    padding: 5px 10px 35px;
    margin: 0;
    overflow: hidden;
    display: block;
    resize: none; }
  .text-area-send a, .text-area-send input[type='submit'] {
    display: block;
    background-color: #fff;
    text-decoration: none;
    height: 35px;
    line-height: 36px;
    font-size: 12px;
    color: #00a9ec;
    padding: 0 10px;
    width: 407px;
    font-weight: bold;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d4d4d4;
    border-top: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background 0.5s ease-in;
    -moz-transition: background 0.5s ease-in;
    -ms-transition: background 0.5s ease-in;
    -o-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in; }
    .text-area-send a:hover, .text-area-send input[type='submit']:hover {
      background-color: #e0eefa; }
  .text-area-send input[type='submit'] {
    width: 429px; }

fieldset {
  margin: 0;
  padding: 0;
  border: none; }

.ui-helper-hidden-accessible {
  display: none !important; }

.delete {
  background-color: #fee8e8;
  color: #af0000;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  display: block;
  border-radius: 10px; }

.disabled {
  background-color: #b7b7b7 !important; }

#message-allert, .message-alert {
  text-align: center;
  font-weight: bold; }
  #message-allert li.success, #message-allert li.info, .message-alert li.success, .message-alert li.info {
    background-color: #c8ffd4; }
  #message-allert li.error, #message-allert li.warning, .message-alert li.error, .message-alert li.warning {
    background-color: #fdb8bb; }

.attachments a {
  margin-top: 50px; }

.attachments-block {
  border: 1px dashed #b7b7b7;
  padding: 35px;
  border-radius: 3px;
  color: #506d8f;
  text-align: center; }
  .attachments-block #avatar_change_form {
    margin-top: 15px; }
    .attachments-block #avatar_change_form #error {
      color: #ff2323; }
    .attachments-block #avatar_change_form .green-button {
      cursor: pointer;
      width: 170px;
      position: relative; }
      .attachments-block #avatar_change_form .green-button span {
        position: absolute;
        left: 29%; }
      .attachments-block #avatar_change_form .green-button input {
        opacity: 0;
        height: 100%;
        width: 100%;
        display: block;
        cursor: pointer;
        z-index: 100000; }
    .attachments-block #avatar_change_form .green-button, .attachments-block #avatar_change_form .blue-button {
      margin: 15px auto 0;
      border-radius: 5px;
      font-size: 14px; }
    .attachments-block #avatar_change_form .blue-button {
      font-size: 14px;
      font-weight: normal;
      line-height: 0; }
  .attachments-block h3 {
    font-size: 18px;
    font-weight: normal;
    text-align: center; }
  .attachments-block div {
    font-size: 12px;
    text-align: center; }
  .attachments-block a {
    margin: 0 auto; }
  .attachments-block #fileupload {
    margin: 0 auto; }

.new-files {
  margin-top: 20px; }
  .new-files .item {
    margin-bottom: 10px; }
    .new-files .item a {
      font-size: 14px;
      text-decoration: none;
      display: inline-block;
      max-width: 400px;
      overflow: hidden; }
      .new-files .item a.delete {
        display: inline-block;
        margin: 0 0 5px 10px;
        position: absolute;
        right: 0;
        top: -8px; }
    .new-files .item div {
      position: relative; }
      .new-files .item div input {
        width: 330px; }
      .new-files .item div label {
        left: 250px !important;
        font-size: 12px !important; }
  .new-files .progress {
    margin-top: 20px;
    width: 70px;
    background-color: #cccccc;
    border-radius: 5px; }
    .new-files .progress span {
      background-color: #3bbf17;
      height: 8px;
      width: 0%;
      display: block;
      border-radius: 5px;
      -webkit-transition-property: width;
      -moz-transition-property: width;
      transition-property: width;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      transition-duration: 0.5s; }

.wrapper {
  max-width: 1085px;
  margin: 0 auto -80px;
  min-height: 100%; }
  .wrapper:after {
    content: "";
    display: block;
    height: 80px; }

#top_fader, #bottom_fader {
  z-index: 10000;
  position: absolute;
  width: 100%;
  height: 0px;
  background: #888;
  opacity: 0.5; }

#mousepointer {
  z-index: 10001;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAK1SURBVHjaYvr//z8DOgYCMzU1tf+qqqqfJCQkPBlIBMhmAQQQEw41LCAiJSWFl4eHZyU5lsAAQAAx4ZN0dHRkyMjI4AUCsi0BCCC8FgCDiIGFhYUhOzubbEsAAgivBQICAgxLly4FW5Kfn0+WJQABxERIAScnJ8O8efMYWFlZGYqLi0m2BCCACFrAxMTEwMbGxjBz5kywJeXl5SRZAhBATMQo4uDgYGBkZGSYPn062JLq6mqiLQEIICZivQoKqn///jFMmTIFbEl9fT1RlgAEENEWgCKamZkZbMmkSZPAwdbU1ETQEoAAYiIlRYB8AcqdIEv6+voY2NnZGdra2vBaAhBAJFkAinCQoSALQLinpwfM7+jowGkJQACxkJpx0tLSGAwNDcGW8fHxgTHQcJAUb0VFxcoXL14YAdl3YOoBAohoC4DJk2HHjh0Ma9asYbCwsGDw9/fHUANMaSCbxJAtAAggFmINB0VyQkICQ2FhIcOJEycYAgMDGZYsWXLv6dOnJ/HpBQggJmIM//btG6g8Yrh37x6Dvr4+2Bcgy7i5uZWAQbQGqGwKEv6DrB8ggAhaADIcaMmvd+/enQXlAZDBX79+hftCWFg4GajsNhAfg+JTyPoBAgivBevWrQMb/uzZs21v3rxZBfTBS3RfADOdF7BQNMNlBkAAMREIHrDhQF/MB3KPAH1xDJsvBAUFs4DyotjMAAggnJF869at5UDqJxCvB+JrIPbnz5+3AH1gBcTiIF8A0z3DjRs3QDncBSgvC8Sv0c0BCCAGXHUyEFtBsQpUKTNIHJjm1wFruv8g0NLS8l9FReUnFxfXeqhaDDMBAgiXBbgAyJVJ8vLyL0CNAiTD/ZAcgmIWQAAxYjMQVDTjACBfGIMsAWI+tCC8g2wBDAAEEKkWwHwhi8R/hWw4ugUAAQYA87c2QG5EHP0AAAAASUVORK5CYII='); }

#colums {
  padding: 15px 25px; }

.clear {
  clear: both;
  float: none !important;
  display: block !important; }

#checkout-form .logic-block {
  margin-bottom: 0 !important; }

#checkout-form .address-edit {
  height: 610px; }
  #checkout-form .address-edit div {
    clear: both;
    vertical-align: baseline;
    padding-bottom: 6px;
    min-height: 33px; }
    #checkout-form .address-edit div label {
      text-align: left;
      padding-left: 5px;
      width: 115px;
      max-width: 115px;
      float: left;
      display: block; }
    #checkout-form .address-edit div input {
      width: 145px;
      max-width: 145px;
      float: left; }
    #checkout-form .address-edit div select {
      width: 150px;
      max-width: 150px;
      float: left; }
  #checkout-form .address-edit .same-address input {
    width: 20px; }
  #checkout-form .address-edit .same-address label {
    width: 250px;
    max-width: 250px; }

.hidden {
  display: none; }

.errorlist li {
  color: #ff2323; }

#suggestion-box {
  position: absolute;
  z-index: 10; }

.ui-autocomplete {
  width: 171px !important;
  background-color: #fff !important;
  box-shadow: 2px 3px 10px #81817e; }
  .ui-autocomplete li {
    padding: 3px 10px; }
    .ui-autocomplete li.item-solution-id, .ui-autocomplete li.item-solution {
      padding-left: 22px;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTI2QjMzNkZEMTJFMTFFODhFOERBNzNFRTk0MDI4NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTI2QjMzNzBEMTJFMTFFODhFOERBNzNFRTk0MDI4NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MjZCMzM2REQxMkUxMUU4OEU4REE3M0VFOTQwMjg1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MjZCMzM2RUQxMkUxMUU4OEU4REE3M0VFOTQwMjg1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnbA/XAAAAGxSURBVHjafNM7SBxRFMbxmd01QRB8JkUgiKtEFCyCr05SBRIQ1IiFTUAEhaCFooVVFLRQMRHbEBGDqGgTiIUGUsRHoUTFCFamEHwriS98r/8D34AsQy78dmZ2Zs4599w7gUgk4kSNQgzgF94jxbthz0YL6V4cKvAClbjFZ8SjE5sYx2J0NkcVTOFMD73FDE6wgD78w9L/KjhHK25Qgg6k4wOeowqxjs8I6GgvPkA3GtCMXHzRvT2Uu667jXQ4ntC9AMc6/4MxJCjBqq6tyl404RotOApZFEYakvERE8jHPmIwj6dqaCm+K9kyVrwpWLRnqsRK/4ZUBbAuf1JvLtCIMswhM8hPl+ZsHX+CRAWbts7jFZKQodVKVGNrcWkV1GjTrCnQG1hvXqJAgVK0tNaXUfxV5ckBddjWfgh5qEedNlMm2vWMvfQQg6rC/ssJqKNh/FY12zjFLg7wSL04VNYtlT+CoJX6WEG8Yd3PRpaqeKfzGjX0q1ZsGD0W4Cf68QNtyrqjrWzLWoRZzT+spnd62Vwdq22nabPY/K6U7VKbZ9Lnq/UdxVjHBl5Hf3R+7gQYAGijog6Rb1vPAAAAAElFTkSuQmCC') center left no-repeat; }
    .ui-autocomplete li.item-product-id, .ui-autocomplete li.item-product {
      padding-left: 22px;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTI2QjMzNzNEMTJFMTFFODhFOERBNzNFRTk0MDI4NTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTI2QjMzNzREMTJFMTFFODhFOERBNzNFRTk0MDI4NTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MjZCMzM3MUQxMkUxMUU4OEU4REE3M0VFOTQwMjg1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MjZCMzM3MkQxMkUxMUU4OEU4REE3M0VFOTQwMjg1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmoLVJ0AAAFUSURBVHjalNPNK0RRHMbxa5KFJLFSNrOwtJAFTbKzISVWI2UrC02R2fpHZusPIAsUFiQsMNiIBfISRoyX8TKG76+eWyfNmbq3PnPn3nPOM2d+55wg8F+teMQ7+oMIVzvWcYcpZPCKc0xXGjiOE/zgV/ek0z6PB9wj7Q606eVxi0mMYBslBZklNKp/WiEvmA00vU/sYMYJbsAqik7QMoZ0/0LBOn6jSw2nmskmup2wXSekpDbzFijJLc4A9lTEBcxhBRsKyKtfCh9hQKpMUZvxrPY69CqgqPYJ+wvVellVJuAGi2hRnYb1Pqd7jX3EFBDzLG0T6vX9SkVt03Nt2MmmNOgJsOXb97SNhqvwhEskIgR0aEwhLNaRCraFnn8BWec5jjVtIlupTjc1oV+zoEMFZRQSV7gNPENfpTNhG+QA16p+TpvrAmNRTqUd52MFJH2d/gQYAKlTZwDK5qgTAAAAAElFTkSuQmCC') center left no-repeat; }
    .ui-autocomplete li.active, .ui-autocomplete li:hover, .ui-autocomplete li.ui-state-focus {
      background-color: #c3c3c3;
      cursor: pointer; }

.add-post-form-body #colums:after {
  content: 'Please fill all fields!';
  color: red;
  margin: 35px 0 20px;
  font-size: 14px;
  text-align: center;
  width: 100%;
  display: block; }

.error label {
  color: #ff2323 !important; }

.error input, .error textarea {
  border-color: #ff2323;
  background-color: #fff4f4; }

.titled-block {
  background-color: #FFFFFF;
  border: 1px solid #d4d4d4;
  margin-bottom: 15px;
  color: #424242;
  font-family: Arial;
  font-size: 12px;
  line-height: 24px;
  position: relative; }
  .titled-block .inline_item_rows select {
    padding: 5px 7px;
    border-radius: 3px;
    border: 1px solid #d4d4d4; }
  .titled-block.administration div {
    padding: 5px 0; }
    .titled-block.administration div a {
      font-size: 13px;
      display: block;
      padding-left: 20px;
      line-height: 28px;
      text-decoration: none;
      color: #2a2a2a;
      margin-bottom: 5px; }
      .titled-block.administration div a:last-child {
        margin-bottom: 0; }
      .titled-block.administration div a:hover {
        background-color: #afafaf;
        color: #ffffff; }
      .titled-block.administration div a.current {
        background-color: #afafaf;
        color: #ffffff; }
  .titled-block h2 {
    font-size: 10px;
    font-family: Arial;
    color: #6e6e6e;
    text-align: center;
    line-height: 26px;
    border-bottom: 1px solid #d4d4d4;
    text-transform: uppercase; }
    .titled-block h2 a {
      font-size: 10px;
      text-decoration: none; }
  .titled-block .block-content {
    padding: 25px; }
    .titled-block .block-content .critical_alert {
      background: #A44;
      padding: 15px 20px;
      border: solid 1px #A44;
      border-radius: 15px;
      color: #fd0;
      width: 650px;
      font-size: 1.4em; }
      .titled-block .block-content .critical_alert h3 {
        color: #fd0;
        text-align: center; }
    .titled-block .block-content .discount-right-sidebar {
      text-align: center;
      float: left;
      margin-left: 26px; }
      .titled-block .block-content .discount-right-sidebar span {
        font-size: 20px;
        font-family: "Open Sans";
        color: #000; }
      .titled-block .block-content .discount-right-sidebar div {
        width: 215px;
        height: 110px;
        border: 1px solid #d4d4d4;
        padding-top: 10px;
        margin-top: 15px; }
        .titled-block .block-content .discount-right-sidebar div a {
          background-color: #248bda;
          border-radius: 4px;
          color: #fff;
          text-decoration: none;
          padding: 9px 80px;
          line-height: 4;
          font-weight: bold;
          font-family: "Helvetica";
          font-size: 12px;
          cursor: pointer; }
          .titled-block .block-content .discount-right-sidebar div a:hover {
            color: #FFFFFF;
            background-color: #4fa2e2; }
          .titled-block .block-content .discount-right-sidebar div a:last-child {
            background-color: #fff !important;
            color: #d46666;
            border: 1px solid #d46666;
            padding: 9px 72px; }
            .titled-block .block-content .discount-right-sidebar div a:last-child:hover {
              background-color: #da7a7a !important;
              color: #fff; }

.untitled-block {
  background-color: #FFFFFF;
  border: 1px solid #d4d4d4;
  margin-bottom: 15px;
  color: #313131;
  font-family: Verdana;
  font-size: 11px;
  line-height: 18px; }

.list-price {
  color: #4d4d4d;
  display: block;
  float: left;
  margin: 15px 10px 0 0;
  text-decoration: line-through; }

.price {
  color: #fc9e18;
  font-size: 14px;
  display: block;
  float: left;
  margin-top: 13px; }

.pagination {
  margin: 40px 0; }
  .pagination div {
    float: left; }
    .pagination div a {
      height: 27px;
      line-height: 30px;
      padding: 0 10px;
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      color: #1d1124;
      display: inline-block;
      text-decoration: none;
      border-radius: 3px; }
      .pagination div a.active {
        background-color: #d0d0d0;
        color: #ffffff; }
      .pagination div a:hover {
        color: #553269; }
  .pagination form {
    float: left;
    margin-left: 110px; }

.blue-button {
  width: 170px;
  height: 35px;
  line-height: 36px;
  display: block;
  text-align: center;
  background-color: #248bda;
  color: #FFFFFF;
  font-weight: bold;
  font-family: Helvetica;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  border: none;
  cursor: pointer; }
  .blue-button:disabled {
    color: #FFFFFF;
    background-color: #6f8292 !important; }
  .blue-button:hover {
    color: #FFFFFF;
    background-color: #4fa2e2; }
  .blue-button.small {
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 12px !important; }

.green-button {
  background-color: #45cb48;
  height: 36px;
  width: 200px;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  line-height: 36px;
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 0;
  cursor: pointer; }
  .green-button:hover {
    color: #FFFFFF;
    background-color: #59d15c; }

.orange-button {
  background-color: #ffa82b;
  height: 36px;
  width: 200px;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  line-height: 36px;
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 0;
  cursor: pointer; }
  .orange-button:hover {
    background-color: #ffb245;
    color: #ffffff; }

.button-disabled {
  background-color: #ddd !important; }

.grey-button {
  background-color: #f9f9f9;
  height: 34px;
  padding: 0 20px;
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  font-family: 'Open Sans';
  text-decoration: none;
  line-height: 36px;
  display: block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer; }
  .grey-button:hover {
    background-color: white; }

.state {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  display: inline-block; }
  .state.ticket-state {
    background-color: #ffeeac; }
  .state.rma-state {
    background-color: #e9dbee; }
  .state.user-state {
    background-color: #c2ffc2;
    width: 100%;
    text-align: center;
    padding: 5px 0; }
  .state span {
    color: #000000;
    font-weight: bold;
    font-style: normal; }

.edit-btn {
  border: 1px solid #248bda;
  border-radius: 3px;
  color: #248bda;
  padding: 0 10px;
  text-decoration: none;
  line-height: 20px;
  display: block; }
  .edit-btn:hover {
    background-color: #248bda;
    color: #fff; }

.select-way {
  background-color: #ebf1ed;
  border-radius: 15px;
  padding: 5px 10px;
  margin-top: 10px;
  font-size: 10px; }

/* end main structure */
/* header */
#up-header {
  padding: 35px 65px; }
  #up-header img {
    display: block;
    float: left; }
  #up-header form {
    float: left;
    margin-left: 40px; }

#advanced-search {
  display: block;
  float: left;
  margin: 10px 0 0 20px; }

#search-box .search-block, #search-box .search-block-indiv {
  height: 38px;
  width: 290px;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
  padding: 0 15px;
  font-family: Helvetica;
  font-size: 13px;
  color: #424242;
  float: left;
  margin: 0 7px; }

#search-box .search-button {
  background-color: #5dcc55;
  background-image: url('/static/img/search.png?9e1140eb065c');
  background-position: center center;
  background-repeat: no-repeat;
  height: 40px;
  width: 45px;
  padding: 0;
  border: none;
  border-radius: 3px;
  float: left; }
  #search-box .search-button:hover {
    background-color: #7bd574; }

#main-menu {
  background-color: #d5d5d4;
  border-radius: 3px 3px 0 0;
  height: 30px; }
  #main-menu.no-filters {
    border-radius: 3px; }
  #main-menu ul {
    margin-left: 35px; }
    #main-menu ul li {
      float: left; }
      #main-menu ul li a {
        text-decoration: none;
        text-transform: capitalize;
        color: #2a2a2a;
        font-family: 'Open Sans', sans-serif;
        line-height: 30px;
        display: block;
        padding: 0 10px;
        transition: background 0.2s ease 0s; }
        #main-menu ul li a:hover, #main-menu ul li a.active {
          background-color: #c8c8c7; }
    #main-menu ul div {
      float: right;
      margin-right: 35px; }

#top-filters {
  height: 60px;
  border-radius: 0 0 3px 3px;
  background: -webkit-linear-gradient(left, #4683b9, #6aace6);
  background: linear-gradient(to right, #4683b9, #6aace6); }

#back-button {
  background-image: url('/static/img/back_button.png?9e1140eb065c');
  background-repeat: no-repeat;
  border: none;
  background-position: 7px 20px;
  border-radius: 3px 0 0 3px;
  display: block; }

#button {
  border-radius: 3px 0 0 3px;
  border: none; }

#home-button {
  padding: 0; }
  #home-button a {
    display: block;
    padding: 13px;
    transition: background 0.2s ease 0s; }
    #home-button a span {
      background-image: url('/static/img/home.png?9e1140eb065c');
      height: 34px;
      width: 34px;
      border-radius: 18px;
      background-repeat: no-repeat;
      background-position: 9px 9px;
      background-color: #FFFFFF;
      display: block; }

.block-filters {
  border-left: 1px solid #84bff3;
  float: left;
  height: 60px;
  padding: 0 13px;
  transition: background 0.2s ease 0s; }
  .block-filters:hover {
    background-color: #6aa7dd; }
  .block-filters div {
    font-size: 11px;
    font-family: Verdana;
    color: #f1f4f5;
    float: left; }
    .block-filters div span {
      margin: 12px 0 5px 8px;
      display: block; }
    .block-filters div select {
      width: 120px; }
  .block-filters #sel-model {
    margin-left: 15px; }
  .block-filters:last-of-type {
    border-right: 1px solid #84bff3; }

.social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-left: 1px solid #84bff3; }
  .social-links__text {
    margin-right: 6px;
    font-size: 11px;
    color: #fff; }
  .social-links__list {
    list-style: none;
    display: flex;
    align-items: center; }
  .social-links__item:not(:last-of-type) {
    margin-right: 10px; }
  .social-links__link {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding-left: 1px;
    border-radius: 50%;
    text-decoration: none;
    background-color: #fff;
    cursor: pointer; }
    .social-links__link:hover {
      border: 1px solid #fff;
      background-color: #6aace6; }
      .social-links__link:hover .fa {
        color: #fff; }
    .social-links__link .fa {
      font-size: 15px;
      color: #6aace6; }

/* end header */
/* Footer */
footer {
  background-color: #d5d5d4;
  height: 80px; }
  footer .wrapper {
    position: relative; }

#contact-info {
  font-family: Helvetica;
  font-size: 14px;
  color: #434343; }

#copyrights {
  font-family: Helvetica;
  font-size: 12px;
  color: #434343; }

#footer-logo img {
  width: 110px;
  display: block; }

#useful-links {
  float: right;
  margin-top: 30px; }

/* end Footer */
/* Left Sidebar */
#left-sidebar {
  float: left;
  width: 23%;
  margin-right: 2%; }
  #left-sidebar .request {
    padding: 30px 0 20px;
    border-bottom: 1px solid #e3e3e3;
    width: 90%;
    margin: 0 auto; }
    #left-sidebar .request a {
      margin: 0 auto 20px; }
    #left-sidebar .request p {
      text-align: center;
      color: #424242;
      font-family: Helvetica;
      font-size: 12px;
      margin: 0; }
    #left-sidebar .request:last-child {
      border: none; }

#products-list-side {
  padding: 20px 0; }
  #products-list-side li a {
    font-family: Open Sans, sans-serif;
    color: #1c1c1c;
    text-decoration: none;
    display: block;
    font-size: 13px;
    padding: 10px 0 10px 25px; }
    #products-list-side li a:hover {
      background-color: #E6EBEE; }

.side-support {
  text-align: center; }

#side-phone {
  font-size: 30px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  color: #000000; }

#side-questions {
  font-size: 12px;
  font-family: Helvetica;
  color: #424242;
  margin-top: 5px; }

.sidebar-products ul li {
  padding: 15px;
  border-bottom: 1px solid #d8d8d8; }
  .sidebar-products ul li:last-child {
    border-bottom: 0px; }

.history-products li .orange-button {
  float: left;
  margin-right: 10px;
  width: 32px;
  height: 30px; }

.sidebar-product-title {
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  display: block; }

.sidebar-product-img {
  display: block;
  float: left;
  margin: 15px 20px 0 0; }
  .sidebar-product-img img {
    max-width: 95px; }

.sidebar-list-price {
  margin-top: 10px;
  float: none; }

.sidebar-price {
  float: none;
  margin: 0; }

/* end Left Sidebar */
/* Content */
#content {
  float: left;
  width: 75%; }

/* end Content */
/* Product list*/
.product-list li {
  padding: 25px 0;
  border-bottom: 1px solid #d4d4d4; }
  .product-list li a {
    font-family: Verdana;
    font-size: 15px;
    color: #1565b7;
    text-decoration: none; }
    .product-list li a:hover {
      text-decoration: underline; }
  .product-list li .orange-button {
    width: 30px;
    height: 30px;
    float: left;
    margin: 8px 0 0 13px; }
    .product-list li .orange-button img {
      margin: 7px 0 0 0;
      float: none; }
  .product-list li:last-child {
    border-bottom: none; }

.desc {
  float: left;
  width: 71%;
  padding: 0 3% 0 0; }
  .desc div {
    margin: 0 0 15px 0; }

.product-image {
  float: left;
  padding: 0 3%;
  width: 20%; }
  .product-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }

/* end Priduct list*/
/*Product*/
.product-desc-block .product-info {
  padding: 25px; }
  .product-desc-block .product-info:last-child {
    border-bottom: 0; }
  .product-desc-block .product-info .grey-button {
    display: inline-block;
    margin-right: 15px; }
    .product-desc-block .product-info .grey-button img {
      float: left;
      margin: 7px 5px 0 0; }

.product-desc-block h2 {
  font-family: Verdana;
  font-size: 20px;
  color: #1b1b1b;
  font-weight: normal;
  margin-bottom: 25px; }

.product-desc-block h3 {
  background: -webkit-linear-gradient(left, #4683b9, #6aace6);
  background: linear-gradient(to right, #4683b9, #6aace6);
  text-transform: uppercase;
  font-size: 10px;
  font-family: arial;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  float: left;
  padding: 0 10px; }

.product-desc-block #recommended_set span.content {
  clear: both;
  padding: 10px;
  display: block;
  border-bottom: 1px solid #fff; }
  .product-desc-block #recommended_set span.content .recommended-caption {
    padding: 10px;
    width: 120px;
    float: left; }
  .product-desc-block #recommended_set span.content:last-child {
    border-bottom: 0; }

#img-block {
  float: left; }
  #img-block a {
    display: block;
    text-align: center; }
    #img-block a img {
      display: block; }

#first-img {
  float: left;
  display: block; }
  #first-img img {
    width: 285px;
    height: 195px; }

#small-imgs {
  float: left;
  margin-left: 5px; }
  #small-imgs a {
    margin-bottom: 5px; }
    #small-imgs a img {
      width: 70px;
      height: 45px; }
    #small-imgs a:last-child {
      margin-bottom: 0; }

#compatibility-title {
  margin: 20px 0; }

.compatibility {
  width: 100%;
  text-align: center;
  border: 1px solid #c7d2db;
  border-radius: 3px;
  clear: both;
  background-color: #eff3f6; }
  .compatibility th {
    color: #252525;
    font-family: Verdana;
    font-size: 11px;
    border-bottom: 1px solid #c7d2db; }
  .compatibility td {
    padding-right: 5px; }

#prices {
  float: left;
  margin: 0px 0 0 70px; }
  #prices .share {
    display: flex;
    align-items: center;
    margin-top: 20px; }
    #prices .share__text {
      margin-right: 7px;
      font-size: 11px;
      color: #444; }
    #prices .share__list {
      list-style: none;
      display: flex; }
    #prices .share__item:not(:last-of-type) {
      margin-right: 10px; }
    #prices .share__link {
      display: flex;
      width: 20px;
      height: 20px;
      text-decoration: none; }
      #prices .share__link i {
        color: #fff; }
      #prices .share__link--facebook {
        position: relative;
        background-color: #3664a2;
        overflow: hidden; }
        #prices .share__link--facebook i {
          position: absolute;
          right: 2px;
          bottom: -3px;
          font-size: 20px; }
        #prices .share__link--facebook:hover {
          background-color: #497dc2; }
      #prices .share__link--pinterest {
        justify-content: center;
        align-items: center;
        background-color: #dc1606; }
        #prices .share__link--pinterest i {
          font-size: 16px; }
        #prices .share__link--pinterest:hover {
          background-color: #f92d1c; }
      #prices .share__link--twitter {
        justify-content: center;
        align-items: center;
        background-color: #69acd2; }
        #prices .share__link--twitter i {
          font-size: 18px; }
        #prices .share__link--twitter:hover {
          background-color: #90c2de; }

.product-list-price {
  font-family: Open Sans;
  font-size: 15px;
  color: #454545;
  margin-bottom: 20px; }
  .product-list-price span {
    text-decoration: line-through; }

.product-price {
  font-family: Open Sans;
  font-size: 15px;
  color: #454545; }
  .product-price span {
    font-size: 20px; }

.add-to-cart {
  margin-top: 20px;
  text-align: left; }
  .add-to-cart img {
    float: left;
    margin: 10px 10px 0 50px; }

.product-char {
  font-family: Open Sans;
  font-size: 13px;
  color: #3b3b3b;
  margin-top: 30px; }
  .product-char div {
    padding-left: 45px;
    float: left;
    margin-right: 20px;
    background-position: left 7px;
    width: 80px; }
    .product-char div:last-child {
      margin: 0; }
    .product-char div#manufacturer {
      background-image: url('/static/img/manufacturer.png?9e1140eb065c');
      background-repeat: no-repeat; }
    .product-char div#code {
      background-image: url('/static/img/code.png?9e1140eb065c');
      background-repeat: no-repeat; }
    .product-char div#weight {
      background-image: url('/static/img/weight.png?9e1140eb065c');
      background-repeat: no-repeat; }
    .product-char div#market {
      background-image: url('/static/img/market.png?9e1140eb065c');
      background-repeat: no-repeat; }
    .product-char div#upc_ean {
      background-image: url('/static/img/upc_ean.png?9e1140eb065c');
      background-repeat: no-repeat; }

.blue-gradient-block {
  background: #ebf1f6;
  padding: 10px 0; }

.recommended-imgs {
  float: left;
  margin: 0 20px 0 0; }
  .recommended-imgs a.product-img {
    display: block;
    float: left;
    margin-bottom: 5px; }
    .recommended-imgs a.product-img img {
      border: 2px solid #86add0;
      border-radius: 3px;
      width: 80px;
      height: 80px; }
  .recommended-imgs span {
    float: left;
    line-height: 80px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #454545;
    margin: 0 10px; }

.recommended-price, .radio-and-add {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #313131;
  float: left;
  margin: 5px 0 0 20px; }
  .recommended-price span, .radio-and-add span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0; }
    .recommended-price span.solution-title, .radio-and-add span.solution-title {
      font-size: 12px;
      max-width: 220px; }

.radio-and-add {
  margin-left: 20px; }
  .radio-and-add .add-to-cart {
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #4a4a4a;
    text-decoration: none; }
    .radio-and-add .add-to-cart:hover {
      color: #248bda; }
      .radio-and-add .add-to-cart:hover .orange-button {
        background-color: #ffb245; }
    .radio-and-add .add-to-cart .orange-button {
      width: 30px;
      height: 30px;
      margin: 5px 5px 0 0;
      float: left; }
      .radio-and-add .add-to-cart .orange-button img {
        margin: 7px 0 0 0;
        float: none; }

#radio-versions a {
  font-size: 11px;
  font-family: Verdana; }

.radio-type {
  float: left;
  display: block;
  margin: 0 15px; }

.info-block-red {
  border: 1px solid #eec5c5;
  border-radius: 3px;
  background-color: #f8f4f4;
  margin: 15px auto;
  width: 90%;
  padding: 10px;
  font-family: Verdana;
  font-size: 11px;
  color: #444444;
  line-height: 16px; }
  .info-block-red img {
    display: block;
    float: left;
    margin: 7px 30px 0 10px; }

#pdf_link {
  margin: 20px 0;
  display: block;
  text-align: center; }

/*end Product*/
/* Featured */
.feat-blok-left, .feat-blok-right {
  float: left;
  margin: 10px 0;
  height: 150px; }

.feat-blok-left {
  border-right: 1px solid #b9b9b9;
  padding: 0 1% 0 0;
  width: 47%; }

.feat-blok-right {
  padding: 0 0 0 3%;
  width: 48.8%; }

.feat-arrow-left, .feat-arrow-right {
  width: 60px;
  height: 140px;
  display: block; }

.arrow-hidden {
  visibility: hidden; }

.feat-arrow-left:hover, .feat-arrow-right:hover {
  background-position: 25px -121px; }

.feat-arrow-left {
  float: left;
  background-image: url('/static/img/arrow-left.png?9e1140eb065c');
  background-position: 25px 60px;
  background-repeat: no-repeat; }

.feat-arrow-right {
  float: right;
  background-image: url('/static/img/arrow-right.png?9e1140eb065c');
  background-position: 25px 60px;
  background-repeat: no-repeat; }

.feat-img {
  float: left;
  display: block;
  margin: 0 10px 0;
  width: 150px; }
  .feat-img img {
    display: block;
    width: 100%; }

.feat-item-info {
  float: left;
  width: 200px;
  margin: 35px 0 0 10px; }
  .feat-item-info .orange-button {
    height: 30px;
    width: 30px;
    float: left;
    margin: 7px 0 0 5px; }

.feat-item-info a {
  display: block;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif; }

.carousel {
  height: 175px; }

.jcarousel.noscroll {
  padding: 0 60px; }

.jcarousel-wrapper {
  box-shadow: none !important; }

/*end Featured*/
/* Related */
#related {
  margin-top: 30px; }

/* end Related */
/* History */
#history {
  margin-top: 30px; }

/* end History */
/* best sellers */
#bestsellers ul li {
  float: left;
  width: 30%;
  border-right: 1px solid #b9b9b9;
  padding: 10px 1.5%; }
  #bestsellers ul li:nth-last-child(2) {
    border-right: none; }

#bestsellers .orange-button {
  float: left;
  height: 30px;
  width: 30px; }

.bestsell-title {
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  display: block;
  margin-bottom: 10px; }

.bestsell-img {
  float: left;
  display: block; }
  .bestsell-img img {
    max-width: 95px;
    margin-right: 20px; }

/* end best sellers */
/* Tickets */
.returns-search {
  position: absolute;
  top: 40px;
  right: 15px;
  z-index: 10; }
  .returns-search span {
    color: #1a1a1a;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif; }
  .returns-search input {
    padding: 6px 7px;
    width: 155px;
    border-radius: 3px;
    border: 1px solid #d4d4d4; }

.returns-type {
  padding: 25px 20px 25px 95px;
  border-bottom: 1px solid #d4d4d4;
  position: relative; }
  .returns-type:last-child {
    border: none; }
  .returns-type img {
    height: 33px;
    width: 41px;
    position: absolute;
    left: 25px;
    top: 20px; }
  .returns-type #infographics {
    position: relative;
    width: 100%;
    height: auto;
    margin-left: -65px; }
  .returns-type h4 {
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 25px; }
  .returns-type .item {
    font-size: 12px;
    color: #1a1a1a;
    margin-bottom: 20px; }
    .returns-type .item:last-child {
      margin-bottom: 0; }
    .returns-type .item a {
      font-size: 16px;
      text-decoration: none;
      font-family: 'Open Sans', sans-serif; }
    .returns-type .item span {
      margin-left: 5px; }
      .returns-type .item span a {
        font-size: 12px; }
  .returns-type .see-all {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline; }

/* end Tickets */
/* Ticket details*/
.administration .new-order .cart .shipping h3,
.administration .new-order .cart .payment h3 {
  padding-top: 0;
  margin-bottom: 20px;
  width: 100%;
  margin-left: 0; }

.administration .new-order .cart .shipping label {
  cursor: pointer; }

.administration .new-order .cart .shipping .disabled_label {
  background-color: #f8f8f8;
  cursor: not-allowed; }

.administration .cart-summary {
  margin-top: 15px; }
  .administration .cart-summary input[type=submit] {
    margin: 0;
    display: inline; }
  .administration .cart-summary .item {
    height: 60px;
    background: #fff; }
    .administration .cart-summary .item .description {
      width: 450px;
      float: left;
      height: 60px; }
      .administration .cart-summary .item .description div {
        width: 350px;
        float: left;
        font-size: 12px;
        margin: 0 0 0 10px; }
    .administration .cart-summary .item .description-s {
      width: 450px;
      float: left;
      height: 50px; }
      .administration .cart-summary .item .description-s div {
        width: 350px;
        float: left;
        font-size: 12px;
        margin: 0 0 0 10px; }
    .administration .cart-summary .item .prices {
      width: 210px;
      float: right;
      text-align: left;
      margin-right: 10px; }
      .administration .cart-summary .item .prices .amount input.quantity {
        width: 30px;
        height: 18px;
        padding: 1px;
        border-radius: 1px;
        display: inline; }
  .administration .cart-summary .promo {
    text-align: left; }
  .administration .cart-summary .product {
    margin: 5px 2px;
    background: #fff;
    border-radius: 4px;
    height: 80px; }
    .administration .cart-summary .product input {
      padding: 0; }
    .administration .cart-summary .product textarea {
      padding: 0;
      margin: 0;
      width: 250px;
      display: inline;
      height: 15px; }
    .administration .cart-summary .product .amount input {
      display: none; }
    .administration .cart-summary .product .amount select {
      display: none; }
    .administration .cart-summary .product .amount label {
      display: none; }
    .administration .cart-summary .product .amount textarea {
      display: none; }

.administration #main-menu {
  background-color: #7d7d7d; }
  .administration #main-menu ul li a {
    color: #ffffff; }

.administration .ticket-details .content .ids span {
  margin-right: 20px; }
  .administration .ticket-details .content .ids span.ticket {
    margin: 0; }

.administration.users .ticket-details .content .ids {
  margin-top: 20px;
  line-height: 1.5;
  font-size: 14px;
  font-family: "Open Sans"; }
  .administration.users .ticket-details .content .ids span {
    font-weight: normal; }

.administration.users .ticket-details .content .product-block {
  padding: 40px;
  text-align: center; }
  .administration.users .ticket-details .content .product-block.rmas .left .counts {
    margin-top: 20px; }
  .administration.users .ticket-details .content .product-block .left {
    float: left;
    width: 55%; }
    .administration.users .ticket-details .content .product-block .left .counts {
      margin-top: 7px; }
  .administration.users .ticket-details .content .product-block .right {
    float: left;
    width: 45%;
    text-align: left; }
    .administration.users .ticket-details .content .product-block .right a, .administration.users .ticket-details .content .product-block .right span {
      font-size: 14px;
      font-style: normal;
      text-decoration: none; }
  .administration.users .ticket-details .content .product-block .counts {
    display: inline-block;
    font-family: "Open Sans";
    line-height: 1.5; }
    .administration.users .ticket-details .content .product-block .counts a {
      font-style: normal;
      text-decoration: none; }
    .administration.users .ticket-details .content .product-block .counts div a {
      font-size: 25px; }
    .administration.users .ticket-details .content .product-block .counts div span {
      color: #5a5a5a;
      font-size: 18px; }

.administration.users .sidebar .data {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px; }
  .administration.users .sidebar .data span {
    font-style: italic; }

.administration .wrapper {
  position: relative; }

.ticket-details .content,
.account.order.backend .content {
  float: left;
  width: 65%; }
  .ticket-details .content h1 a,
  .account.order.backend .content h1 a {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px; }
  .ticket-details .content .ids,
  .account.order.backend .content .ids {
    color: #5a5a5a;
    font-style: italic;
    font-size: 12px;
    margin-top: 5px; }
    .ticket-details .content .ids span,
    .account.order.backend .content .ids span {
      font-weight: bold;
      font-style: normal; }
      .ticket-details .content .ids span.ticket,
      .account.order.backend .content .ids span.ticket {
        font-weight: normal;
        margin-left: 10px; }
        .ticket-details .content .ids span.ticket a,
        .account.order.backend .content .ids span.ticket a {
          text-decoration: none; }
  .ticket-details .content .discount-block,
  .account.order.backend .content .discount-block {
    padding: 30px !important;
    margin-top: 0 !important; }
    .ticket-details .content .discount-block input,
    .account.order.backend .content .discount-block input {
      margin-left: 10px; }
      .ticket-details .content .discount-block input + label,
      .account.order.backend .content .discount-block input + label {
        margin-left: 0 !important;
        left: 90px !important;
        line-height: 1.3;
        text-align: left !important; }
    .ticket-details .content .discount-block label,
    .account.order.backend .content .discount-block label {
      font-family: "Open Sans";
      font-size: 14px;
      font-style: italic;
      margin-left: 126px; }
    .ticket-details .content .discount-block .discount-block-description,
    .account.order.backend .content .discount-block .discount-block-description {
      margin-bottom: 15px;
      margin-left: 50px; }
      .ticket-details .content .discount-block .discount-block-description .left-indent-label,
      .account.order.backend .content .discount-block .discount-block-description .left-indent-label {
        margin-left: 26px !important; }
      .ticket-details .content .discount-block .discount-block-description .left-indent,
      .account.order.backend .content .discount-block .discount-block-description .left-indent {
        margin-left: 76px; }
        .ticket-details .content .discount-block .discount-block-description .left-indent a,
        .account.order.backend .content .discount-block .discount-block-description .left-indent a {
          background-color: #f8f8f8 !important; }
      .ticket-details .content .discount-block .discount-block-description .discount-links-block a,
      .account.order.backend .content .discount-block .discount-block-description .discount-links-block a {
        font-weight: normal;
        color: #1565b7;
        background-color: #fff;
        border: none;
        font-size: 14px;
        padding: 0;
        cursor: pointer; }
        .ticket-details .content .discount-block .discount-block-description .discount-links-block a:hover,
        .account.order.backend .content .discount-block .discount-block-description .discount-links-block a:hover {
          color: #1a7ee5; }
      .ticket-details .content .discount-block .discount-block-description div,
      .account.order.backend .content .discount-block .discount-block-description div {
        font-style: normal;
        width: 262px;
        margin-left: 95px;
        position: relative; }
      .ticket-details .content .discount-block .discount-block-description label,
      .account.order.backend .content .discount-block .discount-block-description label {
        width: 200px;
        font-style: italic !important;
        margin-right: 10px;
        position: absolute;
        text-align: right;
        left: -38px;
        margin-left: 3px; }
    .ticket-details .content .discount-block h2,
    .account.order.backend .content .discount-block h2 {
      font-size: 19px;
      color: #5a5a5a;
      font-family: "Open Sans";
      font-style: normal;
      font-weight: normal;
      text-transform: none;
      border-bottom: none;
      margin-bottom: 20px; }
    .ticket-details .content .discount-block a,
    .account.order.backend .content .discount-block a {
      color: #000;
      background-color: #e6e8ec;
      padding: 10px 30px;
      border: 1px dashed #107bc0;
      border-radius: 5px;
      text-decoration: none;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      font-family: "Open Sans"; }
  .ticket-details .content .product-block,
  .account.order.backend .content .product-block {
    padding: 10px 20px;
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    margin-top: 20px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.7;
    position: relative; }
    .ticket-details .content .product-block b, .ticket-details .content .product-block span,
    .account.order.backend .content .product-block b,
    .account.order.backend .content .product-block span {
      font-style: normal;
      color: #000000; }
    .ticket-details .content .product-block .number,
    .account.order.backend .content .product-block .number {
      position: absolute;
      background-color: #a2a2a2;
      height: 16px;
      width: 16px;
      line-height: 16px;
      text-align: center;
      right: 10px;
      top: 10px;
      border-radius: 10px;
      color: #FFFFFF;
      font-size: 9px;
      font-weight: bold;
      font-style: normal; }
    .ticket-details .content .product-block .ticket,
    .account.order.backend .content .product-block .ticket {
      position: absolute;
      right: 10px;
      bottom: 10px;
      border-radius: 10px;
      color: #000000;
      font-size: 12px;
      font-style: normal; }
      .ticket-details .content .product-block .ticket a,
      .account.order.backend .content .product-block .ticket a {
        margin-left: 5px; }
  .ticket-details .content .vehicle,
  .account.order.backend .content .vehicle {
    font-size: 14px;
    margin-top: 15px; }
    .ticket-details .content .vehicle span,
    .account.order.backend .content .vehicle span {
      margin-right: 10px;
      color: #000000; }
      .ticket-details .content .vehicle span i,
      .account.order.backend .content .vehicle span i {
        color: #5a5a5a; }
  .ticket-details .content p,
  .account.order.backend .content p {
    font-size: 14px;
    color: #000000;
    line-height: 1.5;
    margin: 0; }
  .ticket-details .content .sn-edit-button,
  .account.order.backend .content .sn-edit-button {
    background-color: #248bda;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    padding: 3px 6px; }

.ticket-details .comments,
.account.order.backend .comments {
  padding: 20px;
  background-color: #f8f8f8;
  border: 1px solid #d4d4d4;
  margin-bottom: 20px; }
  .ticket-details .comments .item,
  .account.order.backend .comments .item {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .ticket-details .comments .item:last-child,
    .account.order.backend .comments .item:last-child {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .ticket-details .comments .item .info,
    .account.order.backend .comments .item .info {
      font-size: 12px; }
      .ticket-details .comments .item .info span,
      .account.order.backend .comments .item .info span {
        font-size: 14px;
        font-style: italic; }
        .ticket-details .comments .item .info span.private-label, .ticket-details .comments .item .info span.event-label, .ticket-details .comments .item .info span.public-label,
        .account.order.backend .comments .item .info span.private-label,
        .account.order.backend .comments .item .info span.event-label,
        .account.order.backend .comments .item .info span.public-label {
          font-size: 12px;
          color: #FFFFFF;
          font-weight: bold;
          line-height: 18px;
          width: 62px;
          text-align: center;
          border-radius: 3px;
          display: inline-block;
          font-style: normal;
          margin-right: 5px; }
        .ticket-details .comments .item .info span.private-label,
        .account.order.backend .comments .item .info span.private-label {
          background-color: #3fb844; }
        .ticket-details .comments .item .info span.event-label,
        .account.order.backend .comments .item .info span.event-label {
          background-color: #656565; }
        .ticket-details .comments .item .info span.public-label,
        .account.order.backend .comments .item .info span.public-label {
          background-color: #bc4445; }
  .ticket-details .comments .text-area-send textarea,
  .account.order.backend .comments .text-area-send textarea {
    border-radius: 3px 3px 0 0; }

.ticket-details .comment-form,
.account.order.backend .comment-form {
  padding: 20px;
  background-color: #c9e8c9;
  border: 1px solid #3ebb43; }
  .ticket-details .comment-form .text-area-send textarea,
  .account.order.backend .comment-form .text-area-send textarea {
    border-radius: 3px 3px 0 0; }
  .ticket-details .comment-form .text-area-send textarea, .ticket-details .comment-form .text-area-send input[type='submit'],
  .account.order.backend .comment-form .text-area-send textarea,
  .account.order.backend .comment-form .text-area-send input[type='submit'] {
    border-color: #3ebb43; }
  .ticket-details .comment-form.public,
  .account.order.backend .comment-form.public {
    background-color: #f4dadb;
    border-color: #bc3f3d; }
    .ticket-details .comment-form.public .text-area-send textarea,
    .account.order.backend .comment-form.public .text-area-send textarea {
      border-radius: 3px 3px 0 0; }
    .ticket-details .comment-form.public .text-area-send textarea, .ticket-details .comment-form.public .text-area-send input[type='submit'],
    .account.order.backend .comment-form.public .text-area-send textarea,
    .account.order.backend .comment-form.public .text-area-send input[type='submit'] {
      border-color: #bc3f3d; }
  .ticket-details .comment-form .private-checkbox,
  .account.order.backend .comment-form .private-checkbox {
    margin: -10px 0 10px; }
    .ticket-details .comment-form .private-checkbox input,
    .account.order.backend .comment-form .private-checkbox input {
      margin-left: 0; }
  .ticket-details .comment-form .new-files .item,
  .account.order.backend .comment-form .new-files .item {
    margin: 0;
    padding: 0; }

.ticket-details .sidebar,
.account.order.backend .sidebar {
  float: left;
  width: 30%;
  margin-left: 5%; }
  .ticket-details .sidebar .change-state,
  .account.order.backend .sidebar .change-state {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 20px 0;
    margin-top: 10px; }
    .ticket-details .sidebar .change-state select,
    .account.order.backend .sidebar .change-state select {
      margin: 0 auto 20px;
      display: block;
      width: 180px;
      border-radius: 3px;
      font-size: 12px;
      font-family: "Open Sans";
      color: #706e70; }
    .ticket-details .sidebar .change-state div,
    .account.order.backend .sidebar .change-state div {
      color: #3a3a3a;
      text-align: center;
      font-size: 14px; }
    .ticket-details .sidebar .change-state input[type="text"],
    .account.order.backend .sidebar .change-state input[type="text"] {
      margin: 0 auto 20px;
      display: block;
      width: 165px; }
    .ticket-details .sidebar .change-state input[type="submit"],
    .account.order.backend .sidebar .change-state input[type="submit"] {
      margin: 0 auto;
      width: 180px; }
    .ticket-details .sidebar .change-state .blue-button,
    .account.order.backend .sidebar .change-state .blue-button {
      margin: 0 auto; }
    .ticket-details .sidebar .change-state .small,
    .account.order.backend .sidebar .change-state .small {
      width: 100px !important; }
  .ticket-details .sidebar .data,
  .account.order.backend .sidebar .data {
    font-size: 12px;
    text-align: center; }
  .ticket-details .sidebar .info-block,
  .account.order.backend .sidebar .info-block {
    margin: 20px 0;
    line-height: 1.2; }
    .ticket-details .sidebar .info-block .item,
    .account.order.backend .sidebar .info-block .item {
      font-size: 12px;
      font-style: italic;
      margin-bottom: 15px; }
      .ticket-details .sidebar .info-block .item:last-child,
      .account.order.backend .sidebar .info-block .item:last-child {
        margin: 0; }
      .ticket-details .sidebar .info-block .item .blue-button.small,
      .account.order.backend .sidebar .info-block .item .blue-button.small {
        display: block;
        margin: 0 auto; }
      .ticket-details .sidebar .info-block .item div,
      .account.order.backend .sidebar .info-block .item div {
        font-size: 16px;
        font-style: normal;
        color: #000000; }
        .ticket-details .sidebar .info-block .item div a,
        .account.order.backend .sidebar .info-block .item div a {
          font-size: 16px;
          font-style: normal;
          text-decoration: none; }
        .ticket-details .sidebar .info-block .item div.data,
        .account.order.backend .sidebar .info-block .item div.data {
          font-size: 12px;
          color: #474747;
          text-align: left;
          margin-top: 5px; }
  .ticket-details .sidebar .print-button,
  .account.order.backend .sidebar .print-button {
    background-color: #f8f8f8;
    padding: 10px;
    line-height: 1.3; }
    .ticket-details .sidebar .print-button img,
    .account.order.backend .sidebar .print-button img {
      float: left;
      display: block;
      margin: 5px 10px 0 0; }
    .ticket-details .sidebar .print-button a,
    .account.order.backend .sidebar .print-button a {
      text-decoration: none;
      font-size: 12px; }
    .ticket-details .sidebar .print-button div,
    .account.order.backend .sidebar .print-button div {
      float: left;
      font-style: italic;
      font-size: 12px; }
  .ticket-details .sidebar .border-green,
  .account.order.backend .sidebar .border-green {
    border: 2px solid #3fba45;
    border-radius: 3px; }
  .ticket-details .sidebar .border-red,
  .account.order.backend .sidebar .border-red {
    border: 2px solid #ba3f3f;
    border-radius: 3px; }
  .ticket-details .sidebar .attached-photos .main-photo,
  .account.order.backend .sidebar .attached-photos .main-photo {
    background-color: #bcbcbc;
    border-radius: 5px;
    height: 145px;
    width: 100%;
    display: block; }
  .ticket-details .sidebar .attached-photos .additional-photo,
  .account.order.backend .sidebar .attached-photos .additional-photo {
    float: left;
    width: 66px;
    height: 45px;
    background-color: #bcbcbc;
    border-radius: 5px;
    margin: 0 9.5px 9.5px 0; }
    .ticket-details .sidebar .attached-photos .additional-photo:nth-of-type(3n+1),
    .account.order.backend .sidebar .attached-photos .additional-photo:nth-of-type(3n+1) {
      margin-right: 0; }
  .ticket-details .sidebar .attached-files .item,
  .account.order.backend .sidebar .attached-files .item {
    margin-bottom: 20px;
    line-height: 1.3; }
    .ticket-details .sidebar .attached-files .item a,
    .account.order.backend .sidebar .attached-files .item a {
      font-size: 14px;
      text-decoration: none; }
    .ticket-details .sidebar .attached-files .item div,
    .account.order.backend .sidebar .attached-files .item div {
      font-size: 12px;
      color: #000000; }

/* end Ticket details*/
/*New Ticket*/
.networking {
  padding-left: 40px !important; }
  .networking h4 {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px; }
  .networking .logic-block {
    border-top: none !important; }
  .networking .network_info_rec {
    font-family: "Open Sans";
    font-size: 12px;
    color: #6b6b6b;
    line-height: 2; }

.error-order {
  background-color: #f4dada;
  margin-bottom: 17px;
  padding: 18px;
  border: 1px solid #e3c2c2;
  color: #4b0f0f;
  font-family: verdana;
  font-size: 14px; }

.network_transaction_info {
  border-top: none !important;
  padding-left: 40px !important; }
  .network_transaction_info h4 {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px; }
  .network_transaction_info .logic-block {
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    padding-left: 0 !important;
    line-height: 2 !important; }
    .network_transaction_info .logic-block p:first-of-type {
      margin-left: 0 !important;
      color: #000; }
    .network_transaction_info .logic-block p {
      font-family: "Open Sans";
      font-size: 14px;
      font-weight: normal;
      color: #6b6b6b;
      margin-left: 50px; }
    .network_transaction_info .logic-block b {
      font-style: normal; }
    .network_transaction_info .logic-block i:last-of-type {
      font-style: normal; }

.new-ticket .logic-block,
.administration .new-ticket .logic-block,
.administration .new-order .logic-block {
  padding: 30px 0;
  border-bottom: 1px solid #d4d4d4;
  position: relative; }
  .new-ticket .logic-block h4,
  .administration .new-ticket .logic-block h4,
  .administration .new-order .logic-block h4 {
    color: #5a5a5a;
    font-size: 19px;
    font-weight: normal;
    margin: 0 0 20px 175px; }
  .new-ticket .logic-block .or,
  .administration .new-ticket .logic-block .or,
  .administration .new-order .logic-block .or {
    background-color: #c3c3c3;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 40px;
    left: 390px; }
  .new-ticket .logic-block.map-container,
  .administration .new-ticket .logic-block.map-container,
  .administration .new-order .logic-block.map-container {
    height: 600px; }
    .new-ticket .logic-block.map-container #map,
    .administration .new-ticket .logic-block.map-container #map,
    .administration .new-order .logic-block.map-container #map {
      width: 775px;
      height: 500px;
      margin: 10px auto; }
    .new-ticket .logic-block.map-container p,
    .administration .new-ticket .logic-block.map-container p,
    .administration .new-order .logic-block.map-container p {
      font-size: 0.8em;
      text-align: center; }
      .new-ticket .logic-block.map-container p input,
      .administration .new-ticket .logic-block.map-container p input,
      .administration .new-order .logic-block.map-container p input {
        border: 0; }
  .new-ticket .logic-block .add-product,
  .administration .new-ticket .logic-block .add-product,
  .administration .new-order .logic-block .add-product {
    position: absolute;
    left: 455px;
    top: 70px;
    z-index: 10; }
    .new-ticket .logic-block .add-product .green-button,
    .administration .new-ticket .logic-block .add-product .green-button,
    .administration .new-order .logic-block .add-product .green-button {
      height: 21px;
      width: 23px;
      line-height: 21px;
      display: inline-block;
      margin-right: 5px; }
    .new-ticket .logic-block .add-product span,
    .administration .new-ticket .logic-block .add-product span,
    .administration .new-order .logic-block .add-product span {
      color: #454545;
      font-size: 12px;
      font-style: italic; }
  .new-ticket .logic-block .find-user,
  .administration .new-ticket .logic-block .find-user,
  .administration .new-order .logic-block .find-user {
    position: absolute;
    top: 30px;
    left: 450px; }
    .new-ticket .logic-block .find-user h4,
    .administration .new-ticket .logic-block .find-user h4,
    .administration .new-order .logic-block .find-user h4 {
      margin: 0 0 20px; }
    .new-ticket .logic-block .find-user a.green-button,
    .administration .new-ticket .logic-block .find-user a.green-button,
    .administration .new-order .logic-block .find-user a.green-button {
      width: 130px;
      height: 30px;
      line-height: 30px; }
    .new-ticket .logic-block .find-user p,
    .administration .new-ticket .logic-block .find-user p,
    .administration .new-order .logic-block .find-user p {
      color: #5a5a5a;
      font-size: 12px;
      font-style: italic;
      margin-bottom: 0; }
    .new-ticket .logic-block .find-user a,
    .administration .new-ticket .logic-block .find-user a,
    .administration .new-order .logic-block .find-user a {
      text-decoration: none;
      font-size: 14px; }
    .new-ticket .logic-block .find-user span.minus,
    .administration .new-ticket .logic-block .find-user span.minus,
    .administration .new-order .logic-block .find-user span.minus {
      background-color: #aa4b4b;
      height: 16px;
      width: 16px;
      line-height: 14.5px;
      border-radius: 16px;
      display: inline-block;
      text-align: center;
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
      margin-left: 5px; }
      .new-ticket .logic-block .find-user span.minus:hover,
      .administration .new-ticket .logic-block .find-user span.minus:hover,
      .administration .new-order .logic-block .find-user span.minus:hover {
        background-color: #b65959;
        cursor: pointer; }
  .new-ticket .logic-block .fields,
  .administration .new-ticket .logic-block .fields,
  .administration .new-order .logic-block .fields {
    padding-left: 175px;
    position: relative;
    margin-bottom: 15px; }
    .new-ticket .logic-block .fields:last-child,
    .administration .new-ticket .logic-block .fields:last-child,
    .administration .new-order .logic-block .fields:last-child {
      margin-bottom: 0; }
    .new-ticket .logic-block .fields label,
    .administration .new-ticket .logic-block .fields label,
    .administration .new-order .logic-block .fields label {
      position: absolute;
      left: 15px;
      top: 2px;
      width: 150px;
      text-align: right;
      font-size: 14px;
      font-style: italic;
      color: #5a5a5a;
      font-family: 'Open Sans', sans-serif; }
    .new-ticket .logic-block .fields select,
    .administration .new-ticket .logic-block .fields select,
    .administration .new-order .logic-block .fields select {
      width: 191px; }
    .new-ticket .logic-block .fields .attachments-block,
    .administration .new-ticket .logic-block .fields .attachments-block,
    .administration .new-order .logic-block .fields .attachments-block {
      padding: 30px 0;
      width: 427px; }
      .new-ticket .logic-block .fields .attachments-block #fileupload,
      .administration .new-ticket .logic-block .fields .attachments-block #fileupload,
      .administration .new-order .logic-block .fields .attachments-block #fileupload {
        margin: 0 auto; }
    .new-ticket .logic-block .fields.vehicle label,
    .administration .new-ticket .logic-block .fields.vehicle label,
    .administration .new-order .logic-block .fields.vehicle label {
      top: 0; }
    .new-ticket .logic-block .fields .sel-vehicle div,
    .administration .new-ticket .logic-block .fields .sel-vehicle div,
    .administration .new-order .logic-block .fields .sel-vehicle div {
      display: inline-block; }
      .new-ticket .logic-block .fields .sel-vehicle div select,
      .administration .new-ticket .logic-block .fields .sel-vehicle div select,
      .administration .new-order .logic-block .fields .sel-vehicle div select {
        width: 125px; }
  .new-ticket .logic-block .product .fields:last-child,
  .administration .new-ticket .logic-block .product .fields:last-child,
  .administration .new-order .logic-block .product .fields:last-child {
    margin-bottom: 15px; }
  .new-ticket .logic-block .one-more-product,
  .administration .new-ticket .logic-block .one-more-product,
  .administration .new-order .logic-block .one-more-product {
    position: absolute;
    top: 70px;
    right: 40px; }
    .new-ticket .logic-block .one-more-product .green-button,
    .administration .new-ticket .logic-block .one-more-product .green-button,
    .administration .new-order .logic-block .one-more-product .green-button {
      height: 21px;
      width: 23px;
      display: block;
      float: left;
      font-size: 21px;
      font-weight: bold;
      line-height: 21px;
      text-align: center; }
    .new-ticket .logic-block .one-more-product span,
    .administration .new-ticket .logic-block .one-more-product span,
    .administration .new-order .logic-block .one-more-product span {
      margin-left: 10px;
      line-height: 21px;
      font-size: 12px;
      font-style: italic;
      float: left; }
  .new-ticket .logic-block #recaptcha_area,
  .administration .new-ticket .logic-block #recaptcha_area,
  .administration .new-order .logic-block #recaptcha_area {
    margin-left: 175px; }

.new-ticket .blue-button,
.administration .new-ticket .blue-button,
.administration .new-order .blue-button {
  margin: 30px 0 30px 175px; }

.new-ticket #captcha .errorlist,
.administration .new-ticket #captcha .errorlist,
.administration .new-order #captcha .errorlist {
  padding-left: 175px; }

.g-recaptcha {
  width: 310px;
  margin: 5px auto; }

#find-user-block {
  max-width: 750px;
  margin: 0 auto;
  font-size: 12px;
  color: #424242;
  font-family: Arial;
  line-height: 24px; }
  #find-user-block .search-users {
    margin: 20px 0 0 110px; }
    #find-user-block .search-users input {
      float: left; }
      #find-user-block .search-users input[type="text"] {
        width: 270px;
        margin-right: 5px; }
    #find-user-block .search-users label {
      clear: both;
      display: block;
      margin-top: 5px;
      font-size: 12px;
      font-style: italic;
      color: #5a5a5a; }
    #find-user-block .search-users .blue-button {
      width: 70px;
      height: 28px;
      line-height: 28px;
      font-weight: normal;
      font-size: 12px;
      font-style: italic; }
  #find-user-block .logic-block {
    border-bottom: 0; }
    #find-user-block .logic-block .item-body {
      margin-right: 140px; }
  #find-user-block .green-button {
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    right: 25px;
    top: 50px; }
  #find-user-block .pagination {
    margin-left: 110px; }

/*end New Ticket*/
/* Fullsize */
.fullsize-page {
  float: none !important;
  width: auto !important;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  background-color: #FFFFFF;
  position: relative; }

/* end Fullsize */
/* form singin */
.form-signin {
  padding: 30px 0; }
  .form-signin .popup_ajax_info .error {
    text-align: center;
    color: #ff2323; }
  .form-signin .popup_ajax_info .info {
    text-align: center; }
  .form-signin .popup_ajax_info .success {
    text-align: center;
    color: #3bdd41; }
  .form-signin .err .errorlist {
    position: static; }
  .form-signin .popup_ajax_info {
    text-align: center; }
  .form-signin .form-signin-heading {
    font-family: "Open Sans";
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px; }
  .form-signin .input-fields {
    width: 191px;
    margin: 0 auto 5px;
    position: relative;
    text-align: center; }
  .form-signin label {
    left: -210px;
    top: 7px;
    position: absolute;
    text-align: right;
    width: 200px;
    color: #5a5a5a;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    font-size: 14px;
    line-height: 14px;
    height: 14px; }
  .form-signin input[type='submit'], .form-signin button[type='submit'] {
    display: block;
    margin: 15px auto 0; }
  .form-signin #recaptcha_area {
    margin: 15px auto 0; }
  .form-signin .errorlist {
    position: absolute;
    top: 5px;
    right: -165px;
    font-size: 12px; }
  .form-signin .captcha {
    text-align: center; }
    .form-signin .captcha .errorlist {
      position: static; }

/* end form singin */
/* Registration */
.existing-card {
  height: 35px;
  border-radius: 5px;
  border: 1px solid #cbcbcb;
  margin-left: 80px;
  width: 350px;
  margin-top: 14px;
  line-height: 34px;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: normal;
  color: #7e7e7e;
  padding: 0 10px;
  display: block;
  text-decoration: none; }
  .existing-card.expired {
    border: #e00 2px solid; }
  .existing-card.expiresin2mon {
    border: #fd0 1px solid; }
  .existing-card img {
    margin: 9px 5px 0;
    float: left;
    width: 32px; }
  .existing-card span {
    margin-left: 15px; }

.border-bottom-none {
  border-bottom: none !important; }

.checkout-add-card {
  padding-bottom: 66px; }
  .checkout-add-card .payment-details {
    float: none !important; }
    .checkout-add-card .payment-details .existing-card {
      margin-left: 86px; }
    .checkout-add-card .payment-details h4 {
      margin: 70px 0 40px 85px !important; }
    .checkout-add-card .payment-details h3 {
      margin-left: 86px; }
  .checkout-add-card .add-new-card {
    margin-top: 40px !important; }
    .checkout-add-card .add-new-card h3 {
      padding-top: 0 !important;
      padding-left: 86px; }
    .checkout-add-card .add-new-card .cards-mini {
      border-bottom: none !important;
      margin: 0;
      padding-bottom: 12px; }
    .checkout-add-card .add-new-card .cards-container {
      margin-right: 115px; }
      .checkout-add-card .add-new-card .cards-container .card-description {
        margin: 0;
        border-bottom: none; }
        .checkout-add-card .add-new-card .cards-container .card-description a {
          margin-top: 25px !important; }
      .checkout-add-card .add-new-card .cards-container .csc-fieldset {
        margin-top: 20px !important;
        height: 50px; }
      .checkout-add-card .add-new-card .cards-container #id_cvv {
        margin-left: 17px; }
      .checkout-add-card .add-new-card .cards-container .card-description-grey-block {
        top: -130px !important;
        right: -365px; }
      .checkout-add-card .add-new-card .cards-container .blue-button {
        margin: 0 auto 70px auto; }

.add-pay-manual {
  float: none;
  height: 350px;
  margin: 0 70px;
  padding: 0 0 83px 0 !important;
  max-width: 340px; }
  .add-pay-manual h4 {
    margin: 0 0 40px 15px !important; }
  .add-pay-manual .blue-button {
    margin-top: 25px !important; }
  .add-pay-manual fieldset {
    margin-top: 20px; }
    .add-pay-manual fieldset label {
      font-family: verdana;
      font-size: 12px;
      color: #4a4a4a;
      font-weight: bold;
      float: right;
      line-height: 2; }
    .add-pay-manual fieldset span {
      margin-left: 75px; }
    .add-pay-manual fieldset input {
      float: right;
      margin-left: 18px; }
    .add-pay-manual fieldset select {
      float: right;
      padding: 6px 7px;
      width: 175px;
      border-radius: 3px;
      border: 1px solid #d4d4d4;
      margin-left: 18px;
      margin-right: 15px; }

.add-new-card {
  float: none;
  height: 350px;
  width: 70% !important;
  padding: 0;
  margin-top: 50px; }
  .add-new-card div {
    float: right !important; }
  .add-new-card .expiration-date {
    line-height: 2.6; }
    .add-new-card .expiration-date select {
      margin: 5px 0 0 5px; }
  .add-new-card .card-description {
    float: left; }
    .add-new-card .card-description .carts-side {
      width: 302px;
      background-color: #e8e4d8;
      border-radius: 5px;
      padding: 20px;
      float: left; }
      .add-new-card .card-description .carts-side p {
        font-size: 12px;
        font-family: Helvetica;
        color: #676663; }
    .add-new-card .card-description .card-description-grey-block {
      display: none;
      position: absolute;
      right: -360px;
      top: -115px;
      z-index: 50; }
    .add-new-card .card-description .arrow-grey {
      margin-top: 84px;
      position: absolute;
      left: -20px; }
    .add-new-card .card-description .white-back {
      background-color: #f8f8f8; }
    .add-new-card .card-description a {
      float: left;
      position: relative;
      display: block;
      margin-top: 18px; }
    .add-new-card .card-description a:hover .card-description-grey-block {
      display: block; }
    .add-new-card .card-description .cart-back-img {
      margin-left: 35px; }
  .add-new-card .cards-mini {
    padding-left: 106px; }
  .add-new-card .blue-button {
    width: 190px !important;
    margin-bottom: 90px;
    margin-top: 30px; }
  .add-new-card .clear {
    border: none !important; }
  .add-new-card h3 {
    margin-bottom: 30px; }
  .add-new-card .csc-fieldset {
    float: left;
    margin-left: 146px; }
  .add-new-card fieldset {
    float: right;
    margin-top: 13px; }
    .add-new-card fieldset a {
      float: right;
      margin-left: 8px;
      margin-top: 5px; }
    .add-new-card fieldset .csc {
      float: left;
      line-height: 24px; }
      .add-new-card fieldset .csc input {
        width: 77px !important;
        margin-right: 15px; }
    .add-new-card fieldset label {
      font-family: verdana;
      font-size: 12px;
      color: #4a4a4a;
      font-weight: bold; }
      .add-new-card fieldset label input {
        margin-left: 8px; }
      .add-new-card fieldset label select {
        height: 30px;
        border-radius: 4px;
        background-color: #f1f3f5;
        width: 90px;
        padding-left: 20px;
        margin-left: 10px;
        border: 1px solid #d4d4d4;
        color: #4a4a4a; }
  .add-new-card input, .add-new-card button {
    float: right; }

.user-edit {
  border: none !important; }
  .user-edit .blue-button {
    margin: 30px auto 30px !important; }
  .user-edit .form-part {
    padding-bottom: 30px; }
    .user-edit .form-part h3 {
      margin: 30px 0 20px 60px !important; }
    .user-edit .form-part div {
      margin: 0 50px 0 auto !important; }

.registration, .simple-form {
  border: 1px solid #d4d4d4;
  background-color: #fff; }
  .registration .order-total, .simple-form .order-total {
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #3d3d3d; }
  .registration h2, .registration h3, .simple-form h2, .simple-form h3 {
    color: #000000;
    font-size: 24px;
    margin-left: 80px;
    padding: 35px 0 23px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal; }
  .registration h3, .simple-form h3 {
    font-size: 18px;
    padding: 0; }
  .registration .payment-details, .simple-form .payment-details {
    width: 50%;
    float: left; }
    .registration .payment-details .add-new-card, .simple-form .payment-details .add-new-card {
      margin-top: 60px;
      padding-right: 126px; }
      .registration .payment-details .add-new-card .card-description, .simple-form .payment-details .add-new-card .card-description {
        float: left; }
        .registration .payment-details .add-new-card .card-description .carts-side, .simple-form .payment-details .add-new-card .card-description .carts-side {
          width: 302px;
          background-color: #e8e4d8;
          border-radius: 5px;
          padding: 20px;
          float: left; }
          .registration .payment-details .add-new-card .card-description .carts-side p, .simple-form .payment-details .add-new-card .card-description .carts-side p {
            font-size: 12px;
            font-family: Helvetica;
            color: #676663; }
        .registration .payment-details .add-new-card .card-description .card-description-grey-block, .simple-form .payment-details .add-new-card .card-description .card-description-grey-block {
          display: none;
          position: absolute;
          right: -360px;
          top: -115px;
          z-index: 50; }
        .registration .payment-details .add-new-card .card-description .arrow-grey, .simple-form .payment-details .add-new-card .card-description .arrow-grey {
          margin-top: 84px;
          position: absolute;
          left: -20px; }
        .registration .payment-details .add-new-card .card-description .white-back, .simple-form .payment-details .add-new-card .card-description .white-back {
          background-color: #f8f8f8; }
        .registration .payment-details .add-new-card .card-description a, .simple-form .payment-details .add-new-card .card-description a {
          float: left;
          position: relative;
          display: block;
          margin-top: 18px; }
        .registration .payment-details .add-new-card .card-description a:hover .card-description-grey-block, .simple-form .payment-details .add-new-card .card-description a:hover .card-description-grey-block {
          display: block; }
        .registration .payment-details .add-new-card .card-description .cart-back-img, .simple-form .payment-details .add-new-card .card-description .cart-back-img {
          margin-left: 35px; }
      .registration .payment-details .add-new-card .cards-mini, .simple-form .payment-details .add-new-card .cards-mini {
        padding-left: 77px; }
      .registration .payment-details .add-new-card .blue-button, .simple-form .payment-details .add-new-card .blue-button {
        width: 190px !important;
        margin-bottom: 90px; }
      .registration .payment-details .add-new-card .clear, .simple-form .payment-details .add-new-card .clear {
        border: none !important; }
      .registration .payment-details .add-new-card h3, .simple-form .payment-details .add-new-card h3 {
        margin-bottom: 30px; }
      .registration .payment-details .add-new-card .csc-fieldset, .simple-form .payment-details .add-new-card .csc-fieldset {
        float: left;
        margin-left: 124px; }
      .registration .payment-details .add-new-card fieldset, .simple-form .payment-details .add-new-card fieldset {
        float: right;
        margin-top: 13px; }
        .registration .payment-details .add-new-card fieldset a, .simple-form .payment-details .add-new-card fieldset a {
          float: right;
          margin-left: 8px;
          margin-top: 5px; }
        .registration .payment-details .add-new-card fieldset .csc, .simple-form .payment-details .add-new-card fieldset .csc {
          float: left;
          line-height: 24px; }
          .registration .payment-details .add-new-card fieldset .csc input, .simple-form .payment-details .add-new-card fieldset .csc input {
            width: 77px !important;
            margin-right: 15px; }
        .registration .payment-details .add-new-card fieldset label, .simple-form .payment-details .add-new-card fieldset label {
          font-family: verdana;
          font-size: 12px;
          color: #4a4a4a;
          font-weight: bold; }
          .registration .payment-details .add-new-card fieldset label input, .simple-form .payment-details .add-new-card fieldset label input {
            margin-left: 8px; }
          .registration .payment-details .add-new-card fieldset label select, .simple-form .payment-details .add-new-card fieldset label select {
            height: 30px;
            border-radius: 4px;
            background-color: #f1f3f5;
            width: 90px;
            padding-left: 20px;
            margin-left: 10px;
            border: 1px solid #d4d4d4;
            color: #4a4a4a; }
      .registration .payment-details .add-new-card input, .simple-form .payment-details .add-new-card input {
        float: right; }
  .registration .form-part-fix, .simple-form .form-part-fix {
    float: left !important;
    width: 49.9% !important; }
    .registration .form-part-fix h2, .simple-form .form-part-fix h2 {
      font-family: Verdana;
      font-size: 14px;
      font-weight: bold;
      color: #3d3d3d; }
    .registration .form-part-fix h3, .simple-form .form-part-fix h3 {
      font-family: "Open Sans";
      font-size: 18px;
      font-weight: normal;
      margin: 0 !important;
      margin-bottom: 24px !important;
      padding-top: 54px; }
    .registration .form-part-fix ol, .simple-form .form-part-fix ol {
      padding-left: 23px;
      font-family: "Verdana";
      font-size: 12px;
      font-weight: normal;
      line-height: 2;
      color: #636363;
      margin-top: 66px; }
    .registration .form-part-fix div, .simple-form .form-part-fix div {
      margin: 16px 51px 0 auto;
      position: relative;
      display: block;
      border-bottom: 1px solid #d4d4d4;
      padding-bottom: 30px; }
      .registration .form-part-fix div p, .simple-form .form-part-fix div p {
        font-family: "Open Sans";
        font-size: 13px;
        color: #3d3d3d; }
    .registration .form-part-fix.billing, .simple-form .form-part-fix.billing {
      border-left: 1px solid #d4d4d4;
      min-height: 600px; }
    .registration .form-part-fix .errorlist, .simple-form .form-part-fix .errorlist {
      position: absolute;
      top: 5px;
      left: 200px;
      width: 250px;
      font-size: 12px; }
  .registration .form-part, .simple-form .form-part {
    width: 49%;
    float: left; }
    .registration .form-part h3, .simple-form .form-part h3 {
      margin: 30px 0 20px;
      text-align: center; }
    .registration .form-part div, .simple-form .form-part div {
      width: 200px;
      position: relative;
      margin: 0 auto; }
      .registration .form-part div select, .simple-form .form-part div select {
        margin-left: 8px;
        margin-top: 12px;
        width: 191px; }
      .registration .form-part div label, .simple-form .form-part div label {
        position: absolute;
        width: 200px;
        left: -200px;
        text-align: right;
        line-height: 3; }
      .registration .form-part div input, .simple-form .form-part div input {
        margin: 8px; }
    .registration .form-part label, .simple-form .form-part label {
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-style: italic;
      color: #777; }
    .registration .form-part.billing, .simple-form .form-part.billing {
      border-left: 1px solid #d4d4d4;
      min-height: 600px;
      width: 50%;
      float: left;
      text-align: center; }
    .registration .form-part .errorlist, .simple-form .form-part .errorlist {
      position: absolute;
      top: 5px;
      left: 200px;
      width: 250px;
      font-size: 12px; }
  .registration .form-top-fix, .simple-form .form-top-fix {
    padding-bottom: 30px; }
  .registration .form-top, .simple-form .form-top {
    width: auto;
    float: none;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 30px; }
    .registration .form-top h2, .simple-form .form-top h2 {
      margin-left: 0 !important;
      text-align: center;
      padding: 35px 0 15px 0 !important; }
    .registration .form-top div, .simple-form .form-top div {
      width: 200px;
      position: relative;
      margin: 0 auto; }
      .registration .form-top div label, .simple-form .form-top div label {
        position: absolute;
        width: 200px;
        left: -200px;
        text-align: right;
        line-height: 3; }
      .registration .form-top div input, .simple-form .form-top div input {
        margin: 8px; }
  .registration .captcha #recaptcha_area, .simple-form .captcha #recaptcha_area {
    margin: 30px auto; }
  .registration .captcha .errorlist, .simple-form .captcha .errorlist {
    text-align: center;
    font-size: 12px; }
  .registration input[type='submit'], .simple-form input[type='submit'] {
    display: block;
    margin: 15px auto 30px; }
  .registration #same-address label, .simple-form #same-address label {
    position: initial; }
  .registration .clear, .simple-form .clear {
    border-bottom: 1px solid #d4d4d4; }

#same-address-check {
  position: absolute;
  margin-left: 32%;
  z-index: 100;
  margin-top: 17px; }

/* end Registration */
/* Administration */
.administration #left-sidebar .titled-block div, .support #left-sidebar .titled-block div, .account #left-sidebar .titled-block div {
  padding: 5px 0; }
  .administration #left-sidebar .titled-block div a, .support #left-sidebar .titled-block div a, .account #left-sidebar .titled-block div a {
    font-size: 13px;
    display: block;
    padding-left: 20px;
    line-height: 28px;
    text-decoration: none;
    color: #2a2a2a;
    margin-bottom: 5px; }
    .administration #left-sidebar .titled-block div a:last-child, .support #left-sidebar .titled-block div a:last-child, .account #left-sidebar .titled-block div a:last-child {
      margin-bottom: 0; }
    .administration #left-sidebar .titled-block div a:hover, .support #left-sidebar .titled-block div a:hover, .account #left-sidebar .titled-block div a:hover {
      background-color: #afafaf;
      color: #ffffff; }
    .administration #left-sidebar .titled-block div a.active, .support #left-sidebar .titled-block div a.active, .account #left-sidebar .titled-block div a.active {
      background-color: #afafaf;
      color: #ffffff; }

.administration .payment-methods, .support .payment-methods, .account .payment-methods {
  float: left;
  border: 1px solid #d4d4d4;
  background-color: #f9f9f9;
  width: 568px;
  padding: 40px 80px 40px 45px;
  margin-bottom: 70px; }
  .administration .payment-methods .delete-cart, .support .payment-methods .delete-cart, .account .payment-methods .delete-cart {
    float: left;
    line-height: 2.5;
    margin-left: 10px !important;
    color: #dd1c1c;
    text-decoration: underline;
    width: 0; }
    .administration .payment-methods .delete-cart:hover, .support .payment-methods .delete-cart:hover, .account .payment-methods .delete-cart:hover {
      color: #f70404; }
  .administration .payment-methods a, .support .payment-methods a, .account .payment-methods a {
    text-decoration: none;
    color: #2f8cd3;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 2;
    text-align: center;
    margin-left: 0 !important;
    width: 90px;
    margin-top: 15px; }
    .administration .payment-methods a div, .support .payment-methods a div, .account .payment-methods a div {
      height: 26px;
      width: 90px;
      background-color: #fff;
      border-radius: 5px;
      border: 1px solid #248bda; }
      .administration .payment-methods a div:hover, .support .payment-methods a div:hover, .account .payment-methods a div:hover {
        background-color: #248bda; }
    .administration .payment-methods a:hover, .support .payment-methods a:hover, .account .payment-methods a:hover {
      color: #fff;
      border-color: #248bda; }
  .administration .payment-methods h2, .support .payment-methods h2, .account .payment-methods h2 {
    font-family: "Open Sans" !important;
    font-size: 18px;
    color: #343434;
    text-transform: none;
    font-weight: normal;
    border-bottom: none;
    text-align: left;
    text-align: left; }
  .administration .payment-methods .existing-card, .support .payment-methods .existing-card, .account .payment-methods .existing-card {
    width: 450px;
    background-color: #fff !important;
    margin-left: 0;
    float: left; }

.administration .search-and-filters, .support .search-and-filters, .account .search-and-filters {
  padding: 25px 20px 0 !important; }
  .administration .search-and-filters form, .support .search-and-filters form, .account .search-and-filters form {
    float: left; }
    .administration .search-and-filters form div, .support .search-and-filters form div, .account .search-and-filters form div {
      float: left;
      margin-right: 5px;
      position: relative;
      height: 55px; }
      .administration .search-and-filters form div label, .support .search-and-filters form div label, .account .search-and-filters form div label {
        position: absolute;
        top: 30px;
        left: 5px;
        font-size: 10px;
        font-family: "Open Sans";
        font-style: italic;
        color: #676767; }
      .administration .search-and-filters form div:nth-of-type(1) input, .support .search-and-filters form div:nth-of-type(1) input, .account .search-and-filters form div:nth-of-type(1) input {
        width: 60px; }
      .administration .search-and-filters form div:nth-of-type(2) input, .support .search-and-filters form div:nth-of-type(2) input, .account .search-and-filters form div:nth-of-type(2) input {
        width: 100px; }
      .administration .search-and-filters form div:nth-of-type(3) input, .support .search-and-filters form div:nth-of-type(3) input, .account .search-and-filters form div:nth-of-type(3) input {
        width: 70px; }
      .administration .search-and-filters form div:nth-of-type(4) input, .support .search-and-filters form div:nth-of-type(4) input, .account .search-and-filters form div:nth-of-type(4) input {
        width: 70px; }
      .administration .search-and-filters form div:nth-of-type(5) input, .support .search-and-filters form div:nth-of-type(5) input, .account .search-and-filters form div:nth-of-type(5) input {
        width: 45px; }
  .administration .search-and-filters select, .support .search-and-filters select, .account .search-and-filters select {
    float: left;
    margin: 5px 5px 0px;
    width: 85px; }
  .administration .search-and-filters .green-button, .support .search-and-filters .green-button, .account .search-and-filters .green-button {
    display: inline;
    width: 35px !important;
    line-height: normal;
    height: 28px; }
  .administration .search-and-filters .delete, .support .search-and-filters .delete, .account .search-and-filters .delete {
    margin: 5px 0 0 5px; }

.administration.users .search-and-filters form div:nth-of-type(1) input, .support.users .search-and-filters form div:nth-of-type(1) input, .account.users .search-and-filters form div:nth-of-type(1) input {
  width: 90px; }

.administration.users .search-and-filters form div:nth-of-type(2) input, .administration.users .search-and-filters form div:nth-of-type(3) input, .administration.users .search-and-filters form div:nth-of-type(4) input, .administration.users .search-and-filters form div:nth-of-type(5) input, .support.users .search-and-filters form div:nth-of-type(2) input, .support.users .search-and-filters form div:nth-of-type(3) input, .support.users .search-and-filters form div:nth-of-type(4) input, .support.users .search-and-filters form div:nth-of-type(5) input, .account.users .search-and-filters form div:nth-of-type(2) input, .account.users .search-and-filters form div:nth-of-type(3) input, .account.users .search-and-filters form div:nth-of-type(4) input, .account.users .search-and-filters form div:nth-of-type(5) input {
  width: 80px;
  height: auto; }

.administration.users .search-and-filters form div select, .support.users .search-and-filters form div select, .account.users .search-and-filters form div select {
  margin: 5px 0 0 5px; }

.administration.users .search-and-filters select, .support.users .search-and-filters select, .account.users .search-and-filters select {
  margin: 10px 0 0 30px; }

.administration.support .search-and-filters form div:nth-of-type(1) input, .support.support .search-and-filters form div:nth-of-type(1) input, .account.support .search-and-filters form div:nth-of-type(1) input {
  width: 90px; }

.administration.support .search-and-filters form div:nth-of-type(2) input, .support.support .search-and-filters form div:nth-of-type(2) input, .account.support .search-and-filters form div:nth-of-type(2) input {
  width: 140px;
  height: auto; }

.administration.support .search-and-filters select, .support.support .search-and-filters select, .account.support .search-and-filters select {
  margin: 5px 0 0 30px; }

.administration.support .logic-block .id, .support.support .logic-block .id, .account.support .logic-block .id {
  top: 33px; }

.administration.products .search-and-filters form div:nth-of-type(1) input, .support.products .search-and-filters form div:nth-of-type(1) input, .account.products .search-and-filters form div:nth-of-type(1) input {
  width: 140px; }

.administration.products .search-and-filters form div:nth-of-type(2) input, .support.products .search-and-filters form div:nth-of-type(2) input, .account.products .search-and-filters form div:nth-of-type(2) input {
  width: 110px;
  height: auto; }

.administration.products .search-and-filters select, .support.products .search-and-filters select, .account.products .search-and-filters select {
  margin: 10px 0 0 30px; }

.administration.products .logic-block .id, .support.products .logic-block .id, .account.products .logic-block .id {
  top: 33px; }

.administration.orders-list .search-and-filters form, .support.orders-list .search-and-filters form, .account.orders-list .search-and-filters form {
  width: 100%;
  float: none; }
  .administration.orders-list .search-and-filters form div:nth-of-type(2) input, .support.orders-list .search-and-filters form div:nth-of-type(2) input, .account.orders-list .search-and-filters form div:nth-of-type(2) input {
    width: 160px; }
  .administration.orders-list .search-and-filters form div:nth-of-type(3) input, .support.orders-list .search-and-filters form div:nth-of-type(3) input, .account.orders-list .search-and-filters form div:nth-of-type(3) input {
    width: 125px; }
  .administration.orders-list .search-and-filters form select, .support.orders-list .search-and-filters form select, .account.orders-list .search-and-filters form select {
    float: right; }

.administration.orders-list table, .support.orders-list table, .account.orders-list table {
  width: 100%;
  text-align: center; }
  .administration.orders-list table th, .support.orders-list table th, .account.orders-list table th {
    border-bottom: 1px solid #d4d4d4;
    font-weight: normal;
    padding: 10px 0; }

.administration.orders-list .pagination, .support.orders-list .pagination, .account.orders-list .pagination {
  margin-left: 40px; }

.administration.orders-list.backend .search-and-filters div:nth-of-type(1) input, .support.orders-list.backend .search-and-filters div:nth-of-type(1) input, .account.orders-list.backend .search-and-filters div:nth-of-type(1) input {
  width: 65px; }

.administration.orders-list.backend .search-and-filters div:nth-of-type(2) input, .support.orders-list.backend .search-and-filters div:nth-of-type(2) input, .account.orders-list.backend .search-and-filters div:nth-of-type(2) input {
  width: 145px; }

.administration.orders-list.backend .search-and-filters div:nth-of-type(3) input, .support.orders-list.backend .search-and-filters div:nth-of-type(3) input, .account.orders-list.backend .search-and-filters div:nth-of-type(3) input {
  width: 145px; }

.administration .logic-block, .support .logic-block, .account .logic-block {
  border-bottom: 1px solid #d4d4d4;
  padding: 17px 0 17px 110px;
  position: relative; }
  .administration .logic-block:last-child, .support .logic-block:last-child, .account .logic-block:last-child {
    border-bottom: none; }
  .administration .logic-block .id, .support .logic-block .id, .account .logic-block .id {
    position: absolute;
    top: 50px;
    left: 25px;
    background-color: #657079;
    padding: 0 15px;
    border-radius: 3px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
  .administration .logic-block .discount-id, .support .logic-block .discount-id, .account .logic-block .discount-id {
    padding: 0 20px;
    color: #4d4d4d;
    width: 25px;
    top: 20px !important; }
    .administration .logic-block .discount-id.active, .support .logic-block .discount-id.active, .account .logic-block .discount-id.active {
      background-color: #8bdd3a; }
    .administration .logic-block .discount-id.inactive, .support .logic-block .discount-id.inactive, .account .logic-block .discount-id.inactive {
      background-color: #bbb; }
  .administration .logic-block .item-body h4 a, .support .logic-block .item-body h4 a, .account .logic-block .item-body h4 a {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none; }
  .administration .logic-block .item-body h4 span, .support .logic-block .item-body h4 span, .account .logic-block .item-body h4 span {
    background-color: #e9dbee;
    padding: 0 10px;
    margin-left: 10px;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    display: inline-block; }
    .administration .logic-block .item-body h4 span.ticket-state, .support .logic-block .item-body h4 span.ticket-state, .account .logic-block .item-body h4 span.ticket-state {
      background-color: #ffeeac; }
    .administration .logic-block .item-body h4 span.rma-state, .support .logic-block .item-body h4 span.rma-state, .account .logic-block .item-body h4 span.rma-state {
      background-color: #e9dbee; }
  .administration .logic-block .item-body a, .support .logic-block .item-body a, .account .logic-block .item-body a {
    text-decoration: none; }

.administration .pagination, .support .pagination, .account .pagination {
  margin-left: 110px; }

.create-buttons {
  padding: 30px 0;
  margin-bottom: 15px; }
  .create-buttons a:hover {
    background-color: #6facdb; }
  .create-buttons .create-function-buttons {
    width: 100%;
    height: 35px;
    line-height: 36px;
    display: block;
    text-align: center;
    background-color: #f8f8f8;
    color: #3f3f3f;
    font-weight: normal;
    font-family: Helvetica;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #6facdb;
    margin-bottom: 15px; }
    .create-buttons .create-function-buttons img {
      margin-right: 15px;
      vertical-align: middle; }
    .create-buttons .create-function-buttons span {
      line-height: 33px; }
  .create-buttons h2 {
    font-family: "Arial";
    font-size: 10px;
    font-weight: bold;
    color: #535353;
    text-align: center;
    margin-bottom: 15px; }
  .create-buttons .blue-button {
    width: 100%;
    margin-bottom: 20px; }
    .create-buttons .blue-button:last-child {
      margin-bottom: 0; }

.create-discount-form .grey-block-discount {
  background-color: #fcfcfc; }

.create-discount-form img {
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer; }

.create-discount-form .blue-button {
  height: 35px;
  width: 170px;
  line-height: 2;
  border-radius: 5px;
  margin-left: 215px !important; }

.create-discount-form .logic-block {
  margin: 0; }

.create-discount-form .generate-button {
  height: 30px;
  width: 85px;
  cursor: pointer;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding: 5px 15px;
  margin-left: 10px;
  text-decoration: none;
  line-height: 2.3; }
  .create-discount-form .generate-button:hover {
    background-color: #f8f8f8; }

.create-discount-form .grey-border-bottom {
  width: initial;
  margin: 0;
  width: 137%; }
  .create-discount-form .grey-border-bottom a {
    margin-left: 70px;
    cursor: pointer;
    text-decoration: none; }

.create-discount-form h4 {
  font-family: "Open sans";
  margin-left: 217px !important; }

.create-discount-form div {
  padding: 5px 0 20px 144px;
  position: relative;
  margin-left: 70px; }
  .create-discount-form div.noborder {
    padding: 0;
    margin: 0; }
  .create-discount-form div img {
    margin-top: 6px; }
  .create-discount-form div .limit-for-user {
    position: static; }
    .create-discount-form div .limit-for-user input {
      width: 15px;
      margin: 3px 12px 10px; }
  .create-discount-form div .input-little {
    width: 63px; }
  .create-discount-form div .input-middle {
    width: 100px;
    text-align: center; }
  .create-discount-form div .accept-for-groups {
    padding-bottom: 5px; }
    .create-discount-form div .accept-for-groups label {
      position: static;
      margin-left: 10px; }
      .create-discount-form div .accept-for-groups label input {
        width: 15px; }

.create-discount-form .green-button {
  width: 30px;
  height: 27px;
  font-size: 20px;
  line-height: 26px;
  float: left;
  margin-left: 10px; }

.create-discount-form label {
  font-family: "Open Sans";
  font-size: 14px;
  font-style: italic;
  position: absolute;
  left: -40px;
  width: 175px;
  text-align: right;
  line-height: 27px; }

.create-discount-form input {
  width: 175px;
  height: 25px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  float: left;
  padding-left: 10px; }

.coming-soon {
  text-align: center;
  margin-top: 290px; }
  .coming-soon a {
    text-align: center;
    margin-left: 264px;
    margin-top: 40px; }

/* end Administration */
#avatar_change_button {
  display: none; }

#avatar_change {
  text-align: center; }

/* Account */
.account .logic-block {
  padding: 30px;
  font-size: 14px;
  font-family: 'Open Sans'; }
  .account .logic-block h3 {
    font-family: Helvetica;
    font-weight: lighter;
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px; }
  .account .logic-block .edit-btn {
    position: absolute;
    top: 10px;
    right: 10px; }
  .account .logic-block a {
    font-size: 14px;
    margin-left: 10px; }
  .account .logic-block.cart {
    border-bottom: 0; }
  .account .logic-block.your-orders {
    padding: 0;
    border-bottom: 0;
    margin-top: 40px; }
    .account .logic-block.your-orders .show-all {
      margin: 30px 0 0 40px;
      display: block; }
  .account .logic-block.change-password .user-name {
    margin-top: 80px; }
  .account .logic-block.change-password img {
    margin: 40px 50px;
    float: left; }
  .account .logic-block.change-password a {
    margin: 0 20px; }
  .account .logic-block.address {
    width: calc(49.9% - 50px);
    border-right: 1px solid #d4d4d4;
    border-bottom: 0;
    float: left;
    padding: 15px 0 15px 50px; }
    .account .logic-block.address:last-of-type {
      border-right: 0; }
    .account .logic-block.address h4 {
      font-size: 18px;
      font-weight: normal; }
      .account .logic-block.address h4 a {
        margin: 0;
        display: block; }
    .account .logic-block.address div {
      line-height: 35px; }
      .account .logic-block.address div:first-child {
        line-height: auto;
        margin-bottom: 10px; }
      .account .logic-block.address div h4, .account .logic-block.address div i {
        width: 145px;
        float: left;
        text-align: right; }
      .account .logic-block.address div div, .account .logic-block.address div a {
        float: left;
        margin-left: 20px; }
  .account .logic-block table {
    width: 100%;
    text-align: center; }
    .account .logic-block table th {
      border-bottom: 1px solid #d4d4d4; }
    .account .logic-block table a {
      margin: 0; }

.account.order .titled-block div {
  padding: 30px 45px;
  font-size: 36px;
  font-weight: lighter;
  font-family: "Open Sans";
  line-height: 30px; }
  .account.order .titled-block div .order-id {
    float: left; }
  .account.order .titled-block div .state {
    line-height: 30px;
    font-size: 18px;
    float: left; }
  .account.order .titled-block div .blue-button {
    text-align: left;
    width: auto;
    padding: 0 10px; }
    .account.order .titled-block div .blue-button img {
      float: left;
      margin: 6px 10px 0 0; }

.account.order .titled-block .blue-button {
  display: inline-block;
  float: right;
  height: 30px;
  line-height: 30px; }

.account.order .cart-detail-list {
  margin-top: 10px;
  border-collapse: collapse;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-family: "Open Sans"; }
  .account.order .cart-detail-list th {
    font-weight: normal;
    font-family: "Verdana";
    border-bottom: 1px solid #d4d4d4;
    padding-left: 18px; }
  .account.order .cart-detail-list td {
    text-align: center;
    padding: 10px 0 10px 27px; }
    .account.order .cart-detail-list td span.add {
      color: #29ad0a; }
    .account.order .cart-detail-list td span.rem {
      color: #c21c1c; }
  .account.order .cart-detail-list tr td {
    border-bottom: none !important; }

.account.order .products {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  width: 100%;
  text-align: center;
  border-bottom: 0; }
  .account.order .products img {
    max-height: 60px;
    max-width: 100px; }
  .account.order .products .serialtable {
    width: 100%; }
    .account.order .products .serialtable td {
      padding: 8px 0; }
    .account.order .products .serialtable img {
      max-height: 25px;
      margin-top: -8px; }
  .account.order .products tr {
    border-bottom: 1px solid #d4d4d4; }
    .account.order .products tr.images {
      text-align: center; }
      .account.order .products tr.images a {
        text-decoration: none;
        color: #07080b; }
        .account.order .products tr.images a img,
        .account.order .products tr.images a span.plus {
          float: left;
          display: block; }
        .account.order .products tr.images a img {
          margin-bottom: 5px; }
        .account.order .products tr.images a span.plus {
          margin: 21px 5px 0; }
    .account.order .products tr:last-of-type td {
      border-bottom: 0; }
    .account.order .products tr th {
      font-weight: normal;
      font-size: 11px;
      border-bottom: 1px solid #d4d4d4; }
    .account.order .products tr td {
      max-width: 200px;
      font-size: 11px;
      border-bottom: 1px solid #d4d4d4; }
      .account.order .products tr td.description {
        text-align: left;
        font-size: 13px;
        font-family: Verdana; }
      .account.order .products tr td .description-solution {
        clear: both;
        margin: 10px 0 0;
        text-align: center; }
      .account.order .products tr td.prices {
        font-size: 12px; }
        .account.order .products tr td.prices .old-price {
          color: #ce9898;
          font-size: 11px;
          text-decoration: line-through; }

.account.order .summary {
  width: 100%;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-spacing: 0;
  border-collapse: collapse; }
  .account.order .summary .total {
    text-align: center; }
    .account.order .summary .total span {
      display: block;
      font-size: 23px; }
  .account.order .summary .pay-button {
    width: 100px;
    margin: 20px auto 0 auto; }
  .account.order .summary .edit-button {
    border: 1px solid #248bda;
    background-color: #fff;
    border-radius: 3px;
    color: #248bda;
    padding: 0 10px;
    text-decoration: none;
    line-height: 20px; }

.account.order h3 {
  font-size: 36px;
  margin: 20px 30px;
  font-weight: lighter; }

.account.order .logic-block {
  background-color: #fff;
  border: 1px solid #d4d4d4; }

.account.order .tracking {
  position: relative; }
  .account.order .tracking div.dates {
    float: left;
    line-height: 2;
    width: 70%; }
    .account.order .tracking div.dates span {
      margin-right: 22px; }
    .account.order .tracking div.dates p {
      padding-left: 100px;
      text-indent: -100px; }
  .account.order .tracking .pushed-button {
    display: block;
    float: right;
    background-color: #8a8a8a;
    height: 35px;
    border-radius: 5px 5px 0 0;
    padding: 5px 20px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-top: -60px; }
  .account.order .tracking .blue-button {
    float: right;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 30px; }

.account.order .address {
  border-right: 1px solid #d4d4d4 !important;
  width: calc(50% - 52px); }
  .account.order .address.billing {
    border-right: 0 !important;
    width: calc(50% - 51px); }

.account.order .comments .items {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 15px; }
  .account.order .comments .items:nth-last-of-type(2) {
    border-bottom: 0; }
  .account.order .comments .items .info {
    font-size: 12px;
    color: #474747; }
    .account.order .comments .items .info .author {
      font-size: 14px;
      font-style: italic; }

.account.order .comments .text-area-send textarea {
  border-radius: 3px 3px 0 0;
  width: 693px;
  min-height: 50px;
  font-size: 14px;
  font-family: "Open Sans"; }

.account.order .comments .text-area-send input {
  width: 715px; }

.account.order.backend .titled-block div {
  font-size: 20px;
  padding: 30px; }
  .account.order.backend .titled-block div .data {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 1; }
  .account.order.backend .titled-block div form {
    float: left; }
    .account.order.backend .titled-block div form select {
      margin: 0 10px; }
    .account.order.backend .titled-block div form input[type='submit'] {
      height: 20px;
      line-height: 20px;
      float: none; }

.account.order.backend .user-info {
  border-bottom: 0; }
  .account.order.backend .user-info .half {
    float: left;
    width: 50%;
    line-height: 2.5; }
    .account.order.backend .user-info .half i {
      width: 120px;
      display: inline-block;
      text-align: right;
      margin-right: 10px; }

.account.order.backend .address .edit-btn, .account.order.backend .user-info .edit-btn {
  position: absolute;
  top: 10px;
  right: 10px; }

.account.order.backend .shipping label {
  display: block;
  width: 33.3%;
  float: left; }
  .account.order.backend .shipping label input[type='radio'] {
    display: block;
    float: left; }
  .account.order.backend .shipping label div {
    float: left;
    margin-left: 20px;
    font-size: 18px; }
    .account.order.backend .shipping label div span {
      font-size: 14px;
      display: block; }

.account.order.backend .shipping input[type='submit'] {
  margin-top: 20px; }

.account.order.backend .payment .blue-button {
  margin-top: 20px;
  margin-left: 0; }

.account.order.backend .payment .edit-btn {
  display: inline-block; }

.account.order.backend .transaction {
  text-align: left; }
  .account.order.backend .transaction .action {
    width: 210px; }
    .account.order.backend .transaction .action .amount {
      width: 60px;
      text-align: right;
      height: 10px; }
    .account.order.backend .transaction .action .payment-button {
      border: 1px solid #248bda;
      border-radius: 3px;
      color: #248bda;
      padding: 0 10px;
      text-decoration: none;
      line-height: 20px;
      background-color: transparent;
      min-width: 80px; }

.account.order.backend .fulfillment .package, .account.order.backend .shipping .package {
  margin-bottom: 20px; }
  .account.order.backend .fulfillment .package:last-child, .account.order.backend .shipping .package:last-child {
    margin-bottom: 0; }
  .account.order.backend .fulfillment .package .index-numb, .account.order.backend .shipping .package .index-numb {
    background-color: #888888;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 0 12px;
    margin: 0 10px;
    line-height: 30px; }
  .account.order.backend .fulfillment .package .edit-btn, .account.order.backend .shipping .package .edit-btn {
    display: inline-block;
    position: static; }
  .account.order.backend .fulfillment .package form, .account.order.backend .shipping .package form {
    display: inline-block; }
    .account.order.backend .fulfillment .package form .blue-button, .account.order.backend .shipping .package form .blue-button {
      display: inline-block;
      height: 27px; }

.account.order.backend .fulfillment .add-del, .account.order.backend .shipping .add-del {
  text-decoration: none;
  font-size: 12px;
  color: #636262;
  font-weight: bold;
  margin-left: 0; }
  .account.order.backend .fulfillment .add-del:hover .add,
  .account.order.backend .fulfillment .add-del:hover .del, .account.order.backend .shipping .add-del:hover .add,
  .account.order.backend .shipping .add-del:hover .del {
    opacity: 0.8; }
  .account.order.backend .fulfillment .add-del .add,
  .account.order.backend .fulfillment .add-del .del, .account.order.backend .shipping .add-del .add,
  .account.order.backend .shipping .add-del .del {
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 19px;
    margin-right: 10px; }
  .account.order.backend .fulfillment .add-del .add, .account.order.backend .shipping .add-del .add {
    background-color: #17b806; }
  .account.order.backend .fulfillment .add-del .del, .account.order.backend .shipping .add-del .del {
    background-color: #b80617;
    margin-left: 40px; }

.account.order.backend .fulfillment-table {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-top: 0;
  width: 100%; }
  .account.order.backend .fulfillment-table .span-indent span {
    width: 75px !important;
    line-height: 2.3; }
  .account.order.backend .fulfillment-table td {
    border-top: 1px solid #d4d4d4;
    text-align: center;
    vertical-align: top; }
    .account.order.backend .fulfillment-table td img {
      max-width: 66px; }
    .account.order.backend .fulfillment-table td select {
      width: 80px;
      display: block;
      margin: 4px auto 19px; }
    .account.order.backend .fulfillment-table td input[type='text'],
    .account.order.backend .fulfillment-table td span {
      width: 155px;
      display: block;
      margin: 0 auto 10px; }
    .account.order.backend .fulfillment-table td div.ng-scope:last-of-type input[type='text'],
    .account.order.backend .fulfillment-table td div.ng-scope:last-of-type span {
      margin: 0 auto 10px;
      display: inline; }
    .account.order.backend .fulfillment-table td span {
      height: 25px;
      width: 171px; }
    .account.order.backend .fulfillment-table td input[type='submit'] {
      display: block;
      margin: 3px auto 12px; }
    .account.order.backend .fulfillment-table td .blue-button,
    .account.order.backend .fulfillment-table td .edit-btn {
      width: 60px;
      margin: 3px auto 15px;
      display: block; }
  .account.order.backend .fulfillment-table th {
    color: #4a4a4a;
    font-size: 11px;
    font-family: Verdana;
    font-weight: normal; }
  .account.order.backend .fulfillment-table .product-name {
    text-align: left;
    font-size: 13px;
    padding-top: 14px; }
  .account.order.backend .fulfillment-table .no-top-border td {
    border-top: 0; }

.account.order.backend .comments {
  background-color: #fff; }

.account.order.backend .comment-form {
  margin-bottom: 20px; }
  .account.order.backend .comment-form textarea {
    width: 100%;
    box-sizing: border-box; }
  .account.order.backend .comment-form input[type='submit'] {
    width: 100%; }

.cart-order-button {
  padding: 10px 70px;
  background-color: #248bda;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }
  .cart-order-button:hover {
    color: #fff;
    background-color: #4fa2e2; }

.delete-cart-button {
  padding: 5px 20px;
  background-color: #9b0d0d;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  float: right; }
  .delete-cart-button:hover {
    color: #fff;
    background-color: #ca1111; }

.under-indent {
  margin-bottom: 25px; }

/* end Account */
.user-details h1 {
  font-family: "Open Sans";
  color: #1565b7;
  text-decoration: underline; }

.user-details .logic-block {
  padding: 0 !important; }

.user-details #address-block-toggle {
  cursor: pointer;
  left: 20px;
  position: absolute;
  top: 0;
  font-style: normal;
  font-size: 12px;
  font-family: "Open Sans";
  text-decoration: none;
  padding-top: 8px; }

.user-details .address-block {
  display: none;
  margin: 15px 20px 0;
  border: 1px solid #d4d4d4 !important; }
  .user-details .address-block .edit-btn {
    position: absolute;
    right: 0;
    z-index: 500;
    margin: 15px; }
  .user-details .address-block div {
    margin-bottom: 20px;
    margin-top: 14px; }
  .user-details .address-block h4 {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: normal;
    font-style: normal; }
  .user-details .address-block a {
    border-radius: 5px !important;
    height: 20px;
    font-style: normal;
    color: #2f8cd3; }
    .user-details .address-block a:hover {
      color: #fff; }

.user-details .product-block {
  padding: 20px 0 !important; }
  .user-details .product-block .user-info {
    background-color: #fff;
    padding-bottom: 10px !important; }
  .user-details .product-block .counts {
    margin-top: 0 !important; }

.user-details .payment-methods {
  width: 90% !important;
  margin-top: 20px;
  padding: 12px 0 40px 45px;
  margin-bottom: 20px; }
  .user-details .payment-methods .delete-cart {
    float: left !important;
    line-height: 5; }
  .user-details .payment-methods .existing-card {
    width: 80%;
    font-size: 12px; }
  .user-details .payment-methods h2 {
    margin-top: 15px; }
  .user-details .payment-methods a {
    float: right !important;
    margin: 0 !important; }
    .user-details .payment-methods a div {
      height: 20px;
      width: 80px;
      line-height: 1.6; }
  .user-details .payment-methods h2 {
    text-align: center; }

/* Barcode */
.reception-center .titled-block .block-content {
  padding: 40px 30px; }
  .reception-center .titled-block .block-content h3 {
    color: #5a5a5a;
    font-size: 19px;
    text-align: center;
    font-weight: normal;
    font-family: 'Open Sans'; }
  .reception-center .titled-block .block-content label {
    font-size: 14px;
    font-family: 'Open Sans';
    font-style: italic;
    margin: 2px 5px 0 0;
    color: #5a5a5a; }
  .reception-center .titled-block .block-content .barcode-field {
    margin: 40px 0; }
    .reception-center .titled-block .block-content .barcode-field input, .reception-center .titled-block .block-content .barcode-field label {
      float: left; }
    .reception-center .titled-block .block-content .barcode-field input[type='button'] {
      width: 80px;
      height: 28px;
      line-height: 27px;
      margin-left: 5px;
      font-size: 12px;
      font-style: italic; }
  .reception-center .titled-block .block-content .rma-availability div {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    font-weight: bold; }
    .reception-center .titled-block .block-content .rma-availability div.no-data {
      background-color: #f4f4f4;
      font-weight: normal;
      color: #5a5a5a; }
    .reception-center .titled-block .block-content .rma-availability div.approved {
      background-color: #85ff88; }
    .reception-center .titled-block .block-content .rma-availability div.error {
      background-color: #ffb8b8; }
  .reception-center .titled-block .block-content .comment {
    margin-top: 30px;
    padding-left: 115px; }
    .reception-center .titled-block .block-content .comment textarea {
      min-height: 100px;
      border-radius: 3px;
      max-width: 100%;
      min-width: 407px;
      padding: 5px 10px 35px;
      margin: 0;
      overflow: hidden;
      display: block;
      resize: none; }
  .reception-center .titled-block .block-content .attachments-block {
    width: 357px; }

/* end Barcode */
/* head cart */
.head-cart {
  font-size: 12px;
  float: right;
  margin-top: 15px;
  cursor: pointer;
  position: relative;
  z-index: 10; }
  .head-cart .items {
    font-weight: bold; }
  .head-cart .cart-icon {
    float: right;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    background-color: #248bda;
    margin: -10px 0 0 10px; }
    .head-cart .cart-icon img {
      margin: 9px 0 0 7px; }
  .head-cart:hover .cart-summary {
    display: block; }
  .head-cart .cart-none-summary {
    display: none !important; }
  .head-cart .cart-summary {
    border: 3px solid #ffffff;
    float: none;
    width: 335px;
    position: absolute;
    margin: 0;
    right: -20px;
    top: 20px;
    cursor: auto;
    display: none;
    box-shadow: 0px 20px 60px #878787; }
    .head-cart .cart-summary .container {
      max-height: 390px;
      overflow: scroll;
      overflow-y: scroll;
      overflow-x: hidden; }
      .head-cart .cart-summary .container .item:first-of-type {
        margin: 0; }
    .head-cart .cart-summary .cart-prices {
      text-align: center;
      font-size: 13px;
      font-family: Verdana;
      padding: 20px 0;
      line-height: 1.5; }
      .head-cart .cart-summary .cart-prices .total {
        display: block;
        font-weight: bold;
        font-size: 13px; }
        .head-cart .cart-summary .cart-prices .total span {
          font-size: 16px; }
    .head-cart .cart-summary .blue-button {
      width: 280px;
      margin: 0 auto 10px; }

/* end head-cart */
/* Cart page */
.cart h4,
.checkout-payment h4 {
  font-family: "Open Sans" !important;
  font-size: 24px !important;
  margin: 0;
  text-align: left !important;
  float: none !important;
  margin-top: 62px !important; }

.cart #left-sidebar,
.checkout-payment #left-sidebar {
  width: 0; }

.cart #colums,
.checkout-payment #colums {
  padding: 15px 45px; }

.cart #content,
.checkout-payment #content {
  float: none;
  width: auto;
  position: relative; }

.cart h2,
.checkout-payment h2 {
  font-size: 36px;
  text-align: center;
  font-weight: lighter;
  margin: 20px 0;
  position: relative; }
  .cart h2 span,
  .checkout-payment h2 span {
    font-weight: bold; }

.cart .logic-block,
.checkout-payment .logic-block {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  padding: 35px;
  margin-bottom: 30px;
  position: relative; }
  .cart .logic-block .edit-btn,
  .checkout-payment .logic-block .edit-btn {
    position: absolute;
    top: 10px;
    right: 10px; }
  .cart .logic-block.address,
  .checkout-payment .logic-block.address {
    float: left;
    width: 49%;
    font-size: 14px;
    line-height: 35px;
    padding: 35px 0; }
    .cart .logic-block.address i,
    .checkout-payment .logic-block.address i {
      line-height: 35px;
      margin-left: 30px; }
  .cart .logic-block.billing,
  .checkout-payment .logic-block.billing {
    width: calc(50% - 3px); }

.cart .small-reg select,
.checkout-payment .small-reg select {
  padding: 6px 7px;
  width: 185px;
  border-radius: 3px;
  border: 1px solid #d4d4d4; }

.cart .small-reg input,
.checkout-payment .small-reg input {
  width: 175px; }

.cart .small-reg .registration .form-part div,
.checkout-payment .small-reg .registration .form-part div {
  margin: 15px 10px 15px 65px; }

.cart .small-reg .registration .form-part2,
.checkout-payment .small-reg .registration .form-part2 {
  padding-top: 0 !important; }

.cart .small-reg .registration .form-top div,
.checkout-payment .small-reg .registration .form-top div {
  margin: 15px auto; }

.cart .small-reg .registration #same-address,
.checkout-payment .small-reg .registration #same-address {
  margin: 15px auto;
  width: 210px; }
  .cart .small-reg .registration #same-address input,
  .checkout-payment .small-reg .registration #same-address input {
    width: 20px; }

.cart .address select,
.checkout-payment .address select {
  padding: 6px 7px;
  width: 175px;
  border-radius: 3px;
  border: 1px solid #d4d4d4; }

.cart .main-info,
.checkout-payment .main-info {
  width: 60%;
  float: left; }
  .cart .main-info .step,
  .checkout-payment .main-info .step {
    margin-top: 40px; }
  .cart .main-info #checkout_or,
  .checkout-payment .main-info #checkout_or {
    font-size: 14px;
    font-weight: 700;
    background-color: #515151;
    color: #fff;
    border-radius: 20px;
    padding: 5px 8px;
    width: 15px;
    margin: 30px auto; }
  .cart .main-info .display_inactive,
  .checkout-payment .main-info .display_inactive {
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    font-size: 16px !important;
    color: #747474;
    padding: 8px 18px !important;
    width: calc(100% - 38px);
    margin-bottom: 10px !important;
    margin-top: 0;
    line-height: 22px; }
    .cart .main-info .display_inactive span,
    .checkout-payment .main-info .display_inactive span {
      background-color: #acacac !important;
      font-size: 10px !important;
      width: 20px !important;
      height: 20px !important;
      line-height: 21px !important;
      margin: 1px 17px 0 0 !important; }
  .cart .main-info .purchase_credit_cart,
  .checkout-payment .main-info .purchase_credit_cart {
    background-color: #eaf2fc;
    border: 1px solid #adbdd3;
    padding: 30px; }
    .cart .main-info .purchase_credit_cart h3,
    .checkout-payment .main-info .purchase_credit_cart h3 {
      font-weight: normal;
      font-size: 24px;
      text-align: center; }
    .cart .main-info .purchase_credit_cart .existing-card,
    .checkout-payment .main-info .purchase_credit_cart .existing-card {
      background-color: #248bda;
      border-radius: 3px !important;
      border-color: #248bda;
      color: #fff; }
    .cart .main-info .purchase_credit_cart .existing-card,
    .checkout-payment .main-info .purchase_credit_cart .existing-card {
      margin-top: 30px !important; }
    .cart .main-info .purchase_credit_cart .add-new-card,
    .checkout-payment .main-info .purchase_credit_cart .add-new-card {
      margin-top: 30px !important;
      height: 310px !important; }
      .cart .main-info .purchase_credit_cart .add-new-card .blue-button,
      .checkout-payment .main-info .purchase_credit_cart .add-new-card .blue-button {
        margin-top: 15px !important; }
  .cart .main-info .shipping_validation_notify,
  .checkout-payment .main-info .shipping_validation_notify {
    background-color: #ffeaea;
    border: 1px solid #ee5555;
    color: #ee5555;
    padding: 6px;
    border-radius: 6px;
    margin: 5px 0;
    text-decoration: none;
    display: block; }
  .cart .main-info .variant,
  .checkout-payment .main-info .variant {
    width: 270px;
    float: left;
    padding: 5px 5px 5px 15px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #fefefe;
    margin: 3px;
    cursor: pointer; }
  .cart .main-info .step,
  .checkout-payment .main-info .step {
    font-size: 24px;
    margin-bottom: 20px; }
    .cart .main-info .step span,
    .checkout-payment .main-info .step span {
      font-size: 14px;
      font-family: Arial;
      font-weight: bold;
      line-height: 30px;
      margin: 3px 10px 0 0;
      float: left;
      display: block;
      text-align: center;
      height: 29px;
      width: 29px;
      color: #fff;
      border-radius: 15px;
      background-color: #17b806; }
    .cart .main-info .step div,
    .checkout-payment .main-info .step div {
      display: inline-block;
      font-size: 14px;
      margin-left: 40px; }

.cart .shipping,
.checkout-payment .shipping {
  border: 1px solid #d4d4d4;
  background-color: #fff;
  float: none;
  margin-bottom: 30px; }
  .cart .shipping label,
  .checkout-payment .shipping label {
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 0 30px;
    line-height: 51px;
    height: 50px;
    display: block; }
    .cart .shipping label:last-of-type,
    .checkout-payment .shipping label:last-of-type {
      border-bottom: 0px; }
    .cart .shipping label:hover,
    .checkout-payment .shipping label:hover {
      background-color: #fafcfe; }
    .cart .shipping label div,
    .checkout-payment .shipping label div {
      font-size: 18px;
      display: inline; }
    .cart .shipping label input[type='radio'],
    .checkout-payment .shipping label input[type='radio'] {
      float: left;
      margin: 20px 20px 0 0; }
    .cart .shipping label .shipping-price,
    .checkout-payment .shipping label .shipping-price {
      float: right;
      width: 200px;
      font-size: 14px; }

.cart .log-in .form-signin,
.checkout-payment .log-in .form-signin {
  padding: 0; }
  .cart .log-in .form-signin #recaptcha_area,
  .checkout-payment .log-in .form-signin #recaptcha_area {
    height: 126px !important;
    overflow-y: hidden; }

.cart .log-in div,
.checkout-payment .log-in div {
  margin-bottom: 10px; }

.cart .log-in .or,
.checkout-payment .log-in .or {
  font-size: 15px;
  font-style: italic;
  margin: 20px 0;
  text-align: center; }

.cart .log-in a.blue-button,
.checkout-payment .log-in a.blue-button {
  display: block;
  margin: 0 auto; }

.cart .log-in input,
.checkout-payment .log-in input {
  width: 155px; }

.cart .log-in label, .cart i,
.checkout-payment .log-in label,
.checkout-payment i {
  width: 65px;
  float: left;
  text-align: right;
  font-size: 14px;
  font-style: italic;
  margin-right: 10px;
  line-height: 25px; }

.cart i,
.checkout-payment i {
  width: 105px; }

.cart h4,
.checkout-payment h4 {
  float: left;
  text-align: right;
  font-size: 18px;
  font-weight: normal;
  margin: 0  10px 20px 60px; }

.cart textarea,
.checkout-payment textarea {
  display: block;
  width: calc(100% - 22px);
  margin-bottom: 20px;
  padding: 10px;
  font-size: 14px;
  height: 65px;
  resize: none; }

.cart .payment-backend label,
.checkout-payment .payment-backend label {
  background-color: #248bda;
  height: 55px;
  display: block;
  line-height: 55px;
  border-radius: 5px;
  margin-bottom: 17px;
  float: right;
  width: 100%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; }

.cart .payment-backend input[type=radio],
.checkout-payment .payment-backend input[type=radio] {
  height: 55px;
  display: block;
  line-height: 55px;
  margin-bottom: 17px;
  float: left;
  width: 20px;
  font-weight: bold;
  text-decoration: none; }

.cart .payment,
.checkout-payment .payment {
  padding: 18px;
  text-align: center; }
  .cart .payment a,
  .checkout-payment .payment a {
    background-color: #248bda;
    height: 55px;
    display: block;
    line-height: 55px;
    border-radius: 5px;
    margin-bottom: 17px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none; }
    .cart .payment a:hover,
    .checkout-payment .payment a:hover {
      background-color: #3997de; }
    .cart .payment a:last-child,
    .checkout-payment .payment a:last-child {
      margin: 0; }
    .cart .payment a:nth-of-type(2),
    .checkout-payment .payment a:nth-of-type(2) {
      text-align: right; }
      .cart .payment a:nth-of-type(2) img,
      .checkout-payment .payment a:nth-of-type(2) img {
        float: right;
        margin: 0 70px 0 20px; }

.address div {
  margin-right: 5px; }

.address-edit div {
  text-align: center; }

.error-message-edit h4 {
  margin: 0 0 20px; }

.error-message-edit p {
  background-color: #ffeaea;
  border: 1px solid #ee5555;
  color: #ee5555;
  padding: 6px;
  text-decoration: none;
  border-radius: 6px;
  display: block; }

.border-none {
  border-right: none !important; }

.address-fields div {
  overflow: auto; }

#writeaddr {
  width: 180px;
  height: 40px;
  margin: 7px 0 20px; }

#validation_ignore {
  margin: 20px 0; }

.tracking-container {
  background-color: #8a8a8a;
  border-radius: 5px;
  padding: 20px;
  color: #fff; }
  .tracking-container .tracking-title {
    border-radius: 5px;
    background-color: #9f9f9f;
    padding: 20px 35px;
    margin-bottom: 20px; }
  .tracking-container .tracking-state-row {
    font-size: 12px;
    line-height: 2; }

.left-margin {
  margin-left: 3px; }

.back-to-btn {
  position: absolute;
  display: block;
  top: 12px;
  left: 0px;
  border: 1px solid #d4d4d4;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #3d3d3d;
  font-family: Verdana;
  text-decoration: none;
  font-size: 12px;
  line-height: 30px;
  border-radius: 3px;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  transition: background 0.1s ease-in; }
  .back-to-btn:hover {
    background-color: #fff;
    color: #3d3d3d; }

#main-cart {
  width: 35%;
  float: right; }
  #main-cart .description_address {
    font-size: 13px;
    margin-top: 30px;
    line-height: 1.7;
    color: #686868; }
    #main-cart .description_address span {
      font-size: 14px; }
  #main-cart .shipping_option {
    font-size: 12px !important;
    color: #686868; }

.cart-summary {
  background: -webkit-linear-gradient(top, #c7d7e3, #a3bdd1);
  background: linear-gradient(to bottom, #c7d7e3, #a3bdd1);
  padding: 5px;
  border-radius: 5px; }
  .cart-summary h3 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px; }
    .cart-summary h3 img {
      float: left;
      margin: 0 10px 0 5px; }
  .cart-summary .scroll-arrow {
    display: block;
    padding: 5px 0;
    opacity: 0.8; }
    .cart-summary .scroll-arrow:hover {
      opacity: 1; }
    .cart-summary .scroll-arrow.inactive {
      opacity: 0.2; }
    .cart-summary .scroll-arrow img {
      display: block;
      margin: 0 auto;
      float: none !important; }
  .cart-summary .container {
    max-height: 390px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative; }
  .cart-summary .item {
    background: -webkit-linear-gradient(top, #ffffff 50%, #e3ebf2 100%);
    background: linear-gradient(to bottom, #ffffff 50%, #e3ebf2 100%);
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    position: relative; }
    .cart-summary .item:first-child {
      margin-top: 0; }
    .cart-summary .item .close {
      position: absolute;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      color: #000000;
      right: 10px;
      top: 10px;
      height: 17px;
      width: 17px;
      border: 1px solid #d4d4d4;
      border-radius: 10px;
      display: block; }
      .cart-summary .item .close:hover {
        background-color: #e8f3fb; }
    .cart-summary .item .description img {
      max-width: 65px;
      max-height: 50px;
      float: left;
      margin-bottom: 5px; }
    .cart-summary .item .description .plus {
      float: left;
      margin: 16px 5px 0;
      font-size: 12px; }
    .cart-summary .item .description div {
      width: 200px;
      float: right;
      font-size: 12px;
      margin-right: 35px; }
      .cart-summary .item .description div.solution {
        width: auto;
        float: none;
        clear: both;
        text-align: center;
        line-height: 30px;
        margin: 0; }
    .cart-summary .item .prices {
      text-align: center;
      margin-top: 10px; }
      .cart-summary .item .prices div {
        display: inline-block; }
      .cart-summary .item .prices .discounts {
        font-family: Verdana; }
        .cart-summary .item .prices .discounts .old {
          color: #ce9898;
          text-decoration: line-through;
          font-size: 11px;
          display: block; }
        .cart-summary .item .prices .discounts .new {
          font-size: 14px;
          display: block; }
      .cart-summary .item .prices .amount {
        margin: 0 40px; }
        .cart-summary .item .prices .amount a {
          font-size: 24px;
          font-weight: bold;
          font-family: Arial;
          color: #6e6e6e;
          text-decoration: none;
          display: block;
          line-height: 24px; }
          .cart-summary .item .prices .amount a:hover {
            color: #949494; }
          .cart-summary .item .prices .amount a:first-of-type {
            float: left;
            margin-right: 5px;
            cursor: pointer; }
          .cart-summary .item .prices .amount a:last-of-type {
            float: right;
            margin-left: 5px;
            cursor: pointer; }
        .cart-summary .item .prices .amount input {
          width: 40px;
          height: 10px;
          text-align: center;
          font-size: 14px; }
  .cart-summary .promo {
    min-height: 68px;
    text-align: center;
    line-height: 68px;
    font-size: 12px;
    font-family: Verdana; }
    .cart-summary .promo input[type='text'] {
      width: 88px;
      height: 15px;
      margin: 0 10px; }
      .cart-summary .promo input[type='text'].error {
        border-color: #ff3131; }
    .cart-summary .promo input[type='submit'] {
      height: 27px;
      width: 67px;
      background-color: #80a0ba;
      color: #FFFFFF;
      font-weight: bold;
      border: 0;
      border-radius: 3px;
      font-family: Verdana;
      cursor: pointer; }
      .cart-summary .promo input[type='submit']:hover {
        background-color: #8aa7bf; }
    .cart-summary .promo .promo-error {
      color: #ff3131;
      line-height: 20px;
      margin-bottom: 15px; }
    .cart-summary .promo .promo-value {
      color: #07080b;
      font-size: 14px; }
    .cart-summary .promo .change {
      text-decoration: none;
      color: #fff;
      font-weight: bold; }
  .cart-summary table {
    width: 100%;
    border: 1px solid transparent;
    font-size: 13px;
    color: #3d3d3d;
    font-family: Verdana; }
    .cart-summary table td {
      background-color: #e5edf3; }
    .cart-summary table .total {
      text-align: center;
      font-weight: bold;
      font-size: 13px; }
      .cart-summary table .total span {
        font-size: 16px;
        display: block; }
  .cart-summary .clear-cart {
    float: right;
    font-weight: normal; }

.add-to-cart-price {
  text-decoration: none; }

/* end Cart page */
.cart-notify .edit_serial_form {
  width: 270px;
  min-height: 250px;
  height: 250px; }
  .cart-notify .edit_serial_form #serial_new {
    border: 2px solid #80a0ba; }
  .cart-notify .edit_serial_form p {
    margin: 0 0 5px 0;
    line-height: 1em; }
  .cart-notify .edit_serial_form img {
    height: 16px; }
  .cart-notify .edit_serial_form input {
    padding: 2px; }

.cart-notify .validate_serial_form input[type=text] {
  margin: 2px 5px 0 0; }

.cart-notify .validate_serial_form input[type=button] {
  float: right;
  width: 150px;
  height: 34px;
  line-height: 30px; }

.cart-notify .validate_serial_form .error {
  display: block;
  color: #a33;
  text-align: center; }

.cart-notify #cboxBottomLeft,
.cart-notify #cboxBottomCenter,
.cart-notify #cboxBottomRight,
.cart-notify #cboxMiddleLeft,
.cart-notify #cboxMiddleRight,
.cart-notify #cboxTopLeft,
.cart-notify #cboxTopCenter,
.cart-notify #cboxTopRight {
  background: none; }

.cart-notify #cboxLoadedContent {
  margin: 0; }

.cart-notify #cboxContent {
  border: 2px solid #0f75bc;
  border-radius: 5px;
  padding: 50px 140px; }

.cart-notify .terms {
  font-size: 12px; }
  .cart-notify .terms a {
    font-size: 12px; }

.cart-notify .main-text {
  display: block;
  text-align: center;
  margin-bottom: 20px; }

.cart-notify .back-to-btn, .cart-notify .blue-button {
  position: static;
  width: 260px;
  float: left;
  display: block;
  cursor: pointer;
  height: 38px;
  line-height: 40px;
  box-sizing: border-box; }

.cart-notify .back-to-btn {
  margin-right: 10px; }

.cart-notify #cboxClose {
  top: 3px;
  right: 3px; }

.field_valid {
  color: #3b3 !important; }

.new-order .form-part div {
  margin: 15px 0 15px 130px; }

.new-order .form-part select {
  width: 190px; }

.new-order .form-part .errorlist {
  position: static; }

.new-order .form-part #billing-address {
  margin: 0; }

.new-order .cart h3 {
  float: left;
  width: 115px;
  font-size: 24px;
  text-align: left; }

.new-order .cart .logic-block {
  float: left; }

.new-order .cart .cart-products {
  padding: 35px 20px;
  border-bottom: 1px solid #d4d4d4; }
  .new-order .cart .cart-products h3 {
    float: none;
    padding: 0;
    font-size: 18px; }
  .new-order .cart .cart-products .logic-block {
    border: 0;
    float: none;
    margin-bottom: 0;
    padding: 15px 0; }
  .new-order .cart .cart-products #cart_add_qty_label {
    margin-left: 20px; }
  .new-order .cart .cart-products #cart_add_qty {
    width: 65px; }
  .new-order .cart .cart-products #cart-add-product {
    width: auto;
    display: inline-block;
    height: 27px;
    line-height: 28px;
    padding: 0 15px;
    vertical-align: middle; }

.new-order .cart .shipping {
  border: 0;
  border-bottom: 1px solid #d4d4d4;
  padding: 25px 35px;
  margin: 0; }
  .new-order .cart .shipping h3 {
    padding-top: 65px; }
  .new-order .cart .shipping .logic-block {
    margin: 0;
    padding: 0;
    width: 580px;
    border-bottom: 1px solid #d4d4d4; }

.new-order .cart .payment {
  padding: 25px 35px;
  border-bottom: 1px solid #d4d4d4; }
  .new-order .cart .payment h3 {
    padding-top: 110px; }
  .new-order .cart .payment .logic-block {
    width: 580px;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d4d4d4;
    margin: 0; }

.new-order #backend-create-order {
  margin: 30px auto; }

.form_payment_change {
  width: 600px;
  margin: 0 auto; }
  .form_payment_change h2 {
    margin-bottom: 25px;
    text-align: center; }
  .form_payment_change .submit-row {
    margin-top: 25px;
    text-align: center; }
    .form_payment_change .submit-row input {
      margin: 0 auto; }
  .form_payment_change label {
    width: 500px;
    height: 55px;
    border-radius: 5px;
    background-color: #a3bdd1;
    display: block;
    clear: both;
    margin: 0 auto 15px auto; }
    .form_payment_change label span {
      margin: 18px 2px;
      float: left; }
    .form_payment_change label input {
      margin: 22px 10px;
      float: left; }

.forum {
  padding-bottom: 10px; }

.forum-breadcrumb-main {
  border-bottom: 1px solid #d4d4d4; }
  .forum-breadcrumb-main .breadcrumb li {
    text-align: center;
    padding: 15px 0;
    font-family: "Arial";
    text-decoration: none;
    font-size: 10px;
    color: #535353;
    text-transform: uppercase;
    font-weight: 700; }

.title-forum ul {
  text-align: center; }
  .title-forum ul li {
    display: inline-block;
    font-size: 10px;
    color: #1565b7;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 0;
    word-break: break-all; }
  .title-forum ul span {
    color: #535353;
    margin: 0 5px; }

.title-forum .breadcrumb a {
  text-align: center;
  padding: 15px 0;
  font-family: "Arial";
  text-decoration: none;
  font-size: 10px;
  color: #1565b7;
  text-transform: uppercase;
  font-weight: 700; }
  .title-forum .breadcrumb a:hover {
    color: #318be7; }

.title-forum .breadcrumb h2 {
  padding: 15px 0;
  font-family: "Arial";
  font-weight: 700;
  font-size: 10px;
  color: #535353;
  text-align: center; }

#mark-all-as-read {
  width: 60%;
  float: left; }

.last-update-pagination-container {
  padding-top: 10px; }

.unread-posts-desc {
  font-size: 12px;
  margin-top: 23px;
  float: left;
  color: #535353;
  margin-left: 15%; }
  .unread-posts-desc .green-indicator {
    margin: 3px 8px 0 0 !important;
    width: 10px; }

#mark-all-as-read, .forum-new-btn-container {
  margin: 30px 0 0;
  font-family: 'Open Sans', sans-serif;
  color: #535353;
  padding-bottom: 70px; }
  #mark-all-as-read div, .forum-new-btn-container div {
    width: 171px;
    font-size: 12px;
    float: left;
    margin-top: 6px; }
  #mark-all-as-read a, .forum-new-btn-container a {
    padding: 8px;
    background-color: #fff;
    border: 1px solid #d5e2ef;
    border-radius: 3px;
    margin-right: 30px;
    font-weight: 600;
    font-size: 10px;
    text-decoration: none;
    color: #535353;
    float: left; }
    #mark-all-as-read a img, .forum-new-btn-container a img {
      margin-right: 6px; }
    #mark-all-as-read a:hover, .forum-new-btn-container a:hover {
      background-color: #f8f8f8;
      cursor: pointer; }
    #mark-all-as-read a span, .forum-new-btn-container a span {
      vertical-align: 3px; }
  #mark-all-as-read a:first-of-type, .forum-new-btn-container a:first-of-type {
    padding: 6px 8px; }
  #mark-all-as-read .green-indicator, .forum-new-btn-container .green-indicator {
    margin: 3px 8px 0 0 !important;
    width: 10px; }

.forum-title-name {
  background-color: #f8f8f8;
  min-height: 95px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 1em;
  word-break: break-all; }
  .forum-title-name h1 {
    font-size: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    text-align: center;
    color: #535353;
    padding: 30px 0 0; }
  .forum-title-name .forum-new-btn-container {
    margin: 0;
    padding-bottom: 0 !important;
    width: 300px;
    position: absolute;
    right: 0;
    top: 38px; }

.title-name-new-post {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  margin: 0 auto;
  width: 165px;
  height: 50px;
  padding-top: 60px; }
  .title-name-new-post h1 {
    font-size: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #535353;
    bottom: 0;
    position: absolute;
    padding-bottom: 30px; }

.create-topic-margin {
  margin: 15px 0 !important; }

.forum-new-btn-container {
  padding-bottom: 70px !important;
  width: 30%;
  float: right;
  margin: 30px 0 0; }
  .forum-new-btn-container a {
    background-color: #248bda;
    color: #fff;
    padding: 8px 13px !important;
    font-family: "Helvetica";
    font-weight: 600;
    font-size: 12px;
    border: 0;
    float: right; }
    .forum-new-btn-container a:hover {
      background-color: #4fa2e2; }
    .forum-new-btn-container a img {
      vertical-align: middle; }

.forum-pagination {
  width: 30%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px; }
  .forum-pagination li {
    float: left; }
  .forum-pagination a {
    height: 27px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px; }
  .forum-pagination .active {
    background-color: #d0d0d0;
    color: #ffffff; }

.controls {
  width: 100px;
  float: right;
  z-index: 1000;
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  display: block;
  background-color: #fff;
  border: 1px solid #d5e2ef;
  padding: 3px 5px;
  border-radius: 4px;
  color: #535353;
  font-family: "Open Sans";
  font-size: 14px;
  text-align: center; }
  .controls:hover {
    background-color: #d7d7d7; }

.topic-subscribe {
  position: relative; }
  .topic-subscribe a {
    font-family: "Open Sans";
    font-size: 14px;
    text-decoration: none;
    color: #535353;
    border: 1px solid #d5e2ef;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    bottom: 2px; }
    .topic-subscribe a:hover {
      background-color: #d7d7d7;
      color: #535353; }

.controls-menu {
  position: relative; }
  .controls-menu ul {
    position: absolute;
    right: 0;
    z-index: 1000;
    bottom: -97px;
    background-color: #fff;
    border: 1px solid #d5e2ef;
    padding: 0;
    border-radius: 3px;
    line-height: 2; }
    .controls-menu ul li {
      padding-left: 15px;
      width: 95px;
      cursor: pointer; }
      .controls-menu ul li:hover {
        background-color: #d7d7d7; }
    .controls-menu ul a {
      font-family: "Open Sans";
      font-weight: 700;
      font-size: 12px;
      text-decoration: none;
      color: #535353; }

.topic-list-grey-container {
  height: 30px; }

.sticky .head-row {
  background-color: #ffe7c0 !important; }

.subscriber-list {
  display: none; }

.answer-result {
  display: none; }

.poll-form {
  margin-bottom: 0 !important; }
  .poll-form .submit {
    margin-bottom: 15px;
    text-align: center; }
  .poll-form .show-answers {
    text-align: center; }
    .poll-form .show-answers input {
      font-size: 14px;
      color: #4987bd;
      background-color: #f6faff;
      border: 0;
      cursor: pointer;
      margin-bottom: 25px; }
      .poll-form .show-answers input:hover {
        color: #81acd1; }

.topic {
  padding: 0 50px; }
  .topic .posts .post-content .image {
    margin-top: 60px; }

.new-topic-forum-choice {
  padding-bottom: 30px; }
  .new-topic-forum-choice select {
    vertical-align: 2px;
    margin: 0 10px;
    width: 150px; }
  .new-topic-forum-choice img {
    margin-right: 10px; }

.new-topic-fields-name {
  font-size: 10px;
  font-weight: 700;
  color: #535353;
  margin-right: 45px;
  text-transform: uppercase; }

.poll-type .new-topic-fields-name {
  padding-left: 50px;
  float: left;
  padding-top: 5px;
  margin-right: 50px; }

.poll-type select {
  width: 130px !important; }

#poll-answers-formset {
  padding-left: 50px; }
  #poll-answers-formset .new-topic-fields-name {
    float: left;
    padding-top: 10px;
    margin-right: 27px; }
  #poll-answers-formset input {
    width: 365px;
    height: 30px;
    padding: 0 10px;
    float: left;
    margin-right: 13px;
    margin-bottom: 20px; }
  #poll-answers-formset .form-control {
    margin: 0; }
  #poll-answers-formset .add-row {
    padding: 3px 9px;
    background-color: #45cb48;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    margin-left: 104px; }
  #poll-answers-formset .poll-answer-form {
    margin-left: 53px; }
    #poll-answers-formset .poll-answer-form .delete-row {
      text-decoration: none;
      background-color: #aa4b4b;
      padding: 0 6px 1px;
      border-radius: 10px;
      color: #fff; }
    #poll-answers-formset .poll-answer-form:after {
      content: "";
      display: block;
      clear: both; }

.new-topic-grey-container {
  background-color: #f8f8f8;
  padding: 30px 0; }
  .new-topic-grey-container .new-topic-fields-name {
    margin-right: 57px;
    float: left;
    margin-top: 8px; }
  .new-topic-grey-container .form-control {
    margin: 0 !important; }
  .new-topic-grey-container input {
    width: 371px;
    height: 30px;
    padding: 0 10px; }

.topic-table .head-row .forum-name {
  width: 430px !important; }

.topic-table .forum-row .forum-name a {
  font-size: 14px !important; }

.topic-table .pages a {
  font-size: 9px !important;
  background-color: #ebf1f6;
  padding: 8px;
  color: #303030;
  font-weight: 600; }

.forum-topic-count, .forum-post-count {
  max-width: 30px; }

.category-table, .topic-table {
  width: 100%;
  border-collapse: collapse; }
  .category-table .head-row, .topic-table .head-row {
    font-family: "Arial";
    font-weight: 700;
    font-size: 10px;
    color: #535353;
    background-color: #ebf1f6; }
    .category-table .head-row th, .topic-table .head-row th {
      padding: 15px 0; }
    .category-table .head-row .forum-name, .topic-table .head-row .forum-name {
      width: 450px;
      text-align: left;
      padding-left: 50px; }
    .category-table .head-row .forum-name, .topic-table .head-row .forum-name {
      text-transform: uppercase; }
  .category-table .forum-row a, .topic-table .forum-row a {
    font-size: 16px;
    font-family: "Open Sans" !important;
    text-decoration: none; }
  .category-table .forum-row .forum-topic-count, .category-table .forum-row .forum-post-count, .category-table .forum-row .forum-last-post, .topic-table .forum-row .forum-topic-count, .topic-table .forum-row .forum-post-count, .topic-table .forum-row .forum-last-post {
    font-size: 12px;
    color: #535353; }
  .category-table .forum-row td, .topic-table .forum-row td {
    padding: 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 50px; }
  .category-table .forum-row .forum-topic-count, .category-table .forum-row .forum-post-count, .category-table .forum-row .forum-last-post, .topic-table .forum-row .forum-topic-count, .topic-table .forum-row .forum-post-count, .topic-table .forum-row .forum-last-post {
    text-align: center; }
  .category-table .forum-row:hover, .topic-table .forum-row:hover {
    background-color: #f8f8f8;
    cursor: pointer; }

.green-indicator, .white-indicator {
  background-color: #17b806;
  width: 10px;
  border-radius: 10px;
  height: 10px;
  margin: 6px 30px 0 50px;
  float: left;
  border: 1px solid #17b806; }

.white-indicator {
  background-color: #fff !important;
  border: 1px solid #6c6969; }

.attached-ticket-btn-other {
  background-color: #535353 !important; }
  .attached-ticket-btn-other:hover {
    background-color: #797979 !important; }

.attached-ticket-btn, .attached-ticket-btn-other {
  padding: 6px 15px;
  background-color: #248bda;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  border-radius: 4px;
  margin-left: 10px;
  font-family: "Open Sans"; }
  .attached-ticket-btn:hover, .attached-ticket-btn-other:hover {
    background-color: #4fa2e2;
    color: #fff; }

.off {
  display: none; }

.delete-message {
  margin: 50px 0; }
  .delete-message h1 {
    font-size: 18px;
    font-weight: 500;
    color: #4785ba;
    padding: 40px 0 15px;
    text-align: center;
    word-break: break-all; }
  .delete-message .post-preview {
    font-size: 14px;
    color: #535353;
    position: relative;
    line-height: 1.5;
    word-break: break-all; }
    .delete-message .post-preview img {
      max-width: 100%; }
  .delete-message form {
    text-align: center; }
    .delete-message form a, .delete-message form input {
      font-family: "Open Sans";
      font-weight: 700;
      font-size: 10px;
      text-decoration: none;
      color: #535353;
      vertical-align: 1px;
      right: -5px;
      top: -45px;
      padding: 7px 15px;
      border: 1px solid #d5e2ef;
      border-radius: 4px;
      background-color: #fff;
      cursor: pointer; }
      .delete-message form a:hover, .delete-message form input:hover {
        background-color: #d7d7d7; }

.posts {
  position: relative; }
  .posts h2 {
    font-size: 18px;
    font-weight: 500;
    color: #4785ba;
    padding: 40px 0 15px;
    word-break: break-all; }
  .posts .post-info {
    width: 150px; }
  .posts .table-bordered {
    width: 100%;
    padding-bottom: 40px;
    table-layout: fixed; }
    .posts .table-bordered .post-content {
      font-size: 14px;
      color: #535353;
      position: relative;
      line-height: 1.5;
      word-break: break-all;
      width: 100%; }
      .posts .table-bordered .post-content .attachments {
        border: 1px solid #5cc26a;
        padding: 20px;
        border-radius: 3px; }
        .posts .table-bordered .post-content .attachments .attached-files {
          display: block !important;
          font-size: 12px;
          font-weight: 700;
          margin-bottom: 5px;
          text-transform: uppercase; }
        .posts .table-bordered .post-content .attachments .file {
          font-size: 12px;
          width: 115px !important; }
        .posts .table-bordered .post-content .attachments .item {
          display: inline-block;
          vertical-align: middle;
          border: 1px solid #808080;
          width: 65px;
          height: 45px;
          margin-right: 10px;
          margin-bottom: 0; }
          .posts .table-bordered .post-content .attachments .item span {
            display: block;
            text-align: center; }
          .posts .table-bordered .post-content .attachments .item .extension {
            font-size: 10px;
            background-color: #7b7b7b;
            color: #fff; }
          .posts .table-bordered .post-content .attachments .item .file-name {
            font-size: 12px;
            word-break: break-all;
            color: #535353; }
          .posts .table-bordered .post-content .attachments .item a {
            margin-top: 0;
            width: 100%;
            height: 100%; }
          .posts .table-bordered .post-content .attachments .item img {
            width: 100%;
            height: 100%; }
      .posts .table-bordered .post-content .image img {
        max-width: 100%;
        display: block;
        margin-top: 65px; }
      .posts .table-bordered .post-content blockquote {
        border: 1px solid #d4d4d4;
        border-radius: 3px;
        padding: 15px 25px 25px;
        margin: 15px 0 25px; }
        .posts .table-bordered .post-content blockquote blockquote {
          background-color: #f6f8fa; }
          .posts .table-bordered .post-content blockquote blockquote blockquote {
            display: none; }
        .posts .table-bordered .post-content blockquote em {
          color: #1565b7;
          font-family: "Open Sans";
          font-style: normal;
          font-size: 12px; }
      .posts .table-bordered .post-content .post-related {
        position: relative; }
        .posts .table-bordered .post-content .post-related .create-ticket {
          margin-right: 110px; }
        .posts .table-bordered .post-content .post-related a {
          font-family: "Open Sans";
          font-weight: 700;
          font-size: 10px;
          text-decoration: none;
          color: #535353;
          vertical-align: 1px;
          position: absolute;
          right: -5px;
          top: -45px;
          padding: 7px 15px;
          border: 1px solid #d5e2ef;
          border-radius: 4px; }
          .posts .table-bordered .post-content .post-related a:hover {
            background-color: #d7d7d7; }
          .posts .table-bordered .post-content .post-related a img {
            margin-left: 10px; }
    .posts .table-bordered tr:last-of-type {
      text-align: left;
      color: #1565b7;
      font-size: 14px;
      font-family: "Open Sans"; }
      .posts .table-bordered tr:last-of-type th {
        font-weight: 500 !important;
        text-align: left; }
      .posts .table-bordered tr:last-of-type a {
        text-decoration: none; }
        .posts .table-bordered tr:last-of-type a .post-username, .posts .table-bordered tr:last-of-type a span {
          font-size: 14px;
          font-family: "Open Sans";
          font-weight: 500 !important;
          margin-right: 10px; }
      .posts .table-bordered tr:last-of-type .updated {
        font-size: 12px;
        color: #535353;
        font-weight: 500; }

.post-border {
  border-bottom: 1px solid #d4d4d4;
  position: absolute;
  left: -50px;
  right: -50px; }

#id_login {
  display: none; }

.error-add-post textarea {
  border-color: #ff2323 !important; }

.error-add-post span {
  color: #ff2323 !important; }

.error-add-post .post-submit input {
  border-color: #ff2323 !important; }
  .error-add-post .post-submit input:hover {
    background-color: #fff6f6 !important;
    color: #ff2323 !important; }

.add-post-form .add-answer {
  text-transform: uppercase;
  margin-left: 15px;
  font-size: 10px;
  font-family: "Open Sans";
  font-weight: 700;
  vertical-align: 2px;
  color: #535353; }

.add-post-form .form-control .markItUpContainer {
  padding-right: 2px !important; }

.add-post-form .post-form {
  padding: 40px 0 0 !important; }
  .add-post-form .post-form .new-topic-forum-choice, .add-post-form .post-form .new-topic-grey-container, .add-post-form .post-form .form-control, .add-post-form .post-form .post-icons {
    padding-left: 50px; }
  .add-post-form .post-form .post-form-buttons:last-of-type {
    right: 43px !important; }
  .add-post-form .post-form .post-submit .btn-primary {
    width: 95% !important; }
  .add-post-form .post-form .post-icons {
    background-color: #f8f8f8;
    margin-top: 40px;
    padding-bottom: 40px; }
    .add-post-form .post-form .post-icons .form-control {
      padding-left: 0 !important; }
  .add-post-form .post-form .post-form-add-attach div {
    background-color: #fff; }

.add-post-form .poll-type .form-control {
  margin: 40px 0 0 !important; }

.add-post-form #poll-answers-formset {
  margin-bottom: 40px; }

.add-post-form .new-topic-grey-container .errorlist li {
  background-color: #f8f8f8 !important; }

.add-post-form .errorlist li {
  width: inherit;
  background-color: none;
  border: 0; }

.add-post-form .post-form-buttons {
  margin-top: 30px; }

.add-post-form .poll-qustion-container {
  padding-left: 50px; }
  .add-post-form .poll-qustion-container textarea {
    width: 365px !important;
    border-radius: 3px !important;
    height: 13px !important;
    border-color: #d4d4d4 !important;
    border-bottom: 1px solid #d4d4d4 !important;
    padding: 10px 10px 6px; }
  .add-post-form .poll-qustion-container .new-topic-fields-name {
    padding-top: 10px;
    float: left;
    margin-right: 23px; }

.poll-answer-choice #post-submit-btn {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
  vertical-align: 1px;
  right: -5px;
  top: -45px;
  border: 1px solid #4987bd;
  border-radius: 3px;
  background-color: #4987bd;
  cursor: pointer;
  width: 150px;
  height: 25px; }
  .poll-answer-choice #post-submit-btn:hover {
    background-color: #81acd1;
    border: 1px solid #81acd1; }

#id_answers label {
  clear: both;
  display: block !important;
  margin-bottom: 30px; }
  #id_answers label input {
    float: right;
    margin-left: 20px;
    margin-top: 5px; }

.poll-question-err {
  border-color: red !important; }

.post-form {
  background-color: #fff;
  padding: 40px 20px 40px 30px; }
  .post-form fieldset {
    position: relative; }
  .post-form .post-submit {
    position: relative; }
    .post-form .post-submit .btn-primary {
      display: block;
      background-color: #fff;
      text-decoration: none;
      height: 35px;
      line-height: 36px;
      font-size: 12px;
      color: #1f99f2;
      width: 100%;
      font-weight: bold;
      border-radius: 0 0 3px 3px;
      border: 1px solid #afafaf;
      border-top-color: #d4d4d4;
      text-align: center;
      cursor: pointer;
      position: absolute;
      top: -25px; }
      .post-form .post-submit .btn-primary:hover {
        background-color: #248bda;
        color: #fff; }
  .post-form li {
    width: 33px;
    height: 30px;
    border: 1px solid #d5e2ef;
    border-radius: 4px;
    margin-right: 7px;
    background-color: #fff;
    margin-bottom: 15px; }
    .post-form li a {
      height: 75% !important;
      width: 100% !important;
      padding: 0 !important;
      text-align: center;
      padding-top: 8px !important;
      font-size: 10px;
      font-family: "Open Sans";
      font-weight: 700;
      color: #535353;
      background-position: 8px 8px;
      text-transform: uppercase; }
      .post-form li a:hover {
        background-color: #d7d7d7; }
  .post-form .markItUpButton9 {
    width: 60px; }
  .post-form .markItUpButton10 {
    width: 60px; }
  .post-form .markItUpButton11 {
    display: none; }
  .post-form .markItUpButton12 {
    position: absolute;
    right: -8px;
    width: 70px; }
  .post-form .markItUpSeparator, .post-form .markItUpButton6 {
    display: none; }
  .post-form .form-control {
    margin: 25px 0 20px;
    position: relative; }
    .post-form .form-control textarea {
      width: 99%;
      resize: none;
      border-radius: 4px 4px 0 0;
      height: 115px;
      border-color: #afafaf;
      border-bottom: 0; }

.markItUp {
  width: 100% !important; }

.markItUpContainer {
  padding-right: 3px !important; }

#emoticons {
  padding-top: 25px; }
  #emoticons div {
    color: #535353;
    padding: 7px 15px;
    border: 1px solid #d5e2ef;
    border-radius: 4px;
    font-size: 12px;
    width: 311px;
    float: left;
    margin-right: 25px; }
    #emoticons div span {
      font-size: 10px;
      font-weight: 700; }
    #emoticons div a {
      padding: 0 10px;
      border: 1px solid #d4d4d4;
      text-decoration: none;
      border-radius: 3px;
      color: #535353;
      cursor: pointer;
      font-family: "Open Sans";
      font-size: 12px;
      margin: 0 15px; }
      #emoticons div a:hover {
        background-color: #d7d7d7; }
  #emoticons .topic-smiles img {
    padding-top: 4px; }

#files .item {
  display: inline-block;
  height: 45px;
  vertical-align: middle;
  margin: 0 5px; }
  #files .item #file {
    border: 1px solid #808080;
    width: 115px; }
    #files .item #file #extension {
      display: block;
      background-color: #7b7b7b;
      color: #fff; }
    #files .item #file #file_name {
      font-size: 12px;
      font-weight: 300;
      text-transform: none;
      word-break: break-all; }
  #files .item #image {
    border: 1px solid #808080;
    width: 65px; }
    #files .item #image img {
      height: 100%;
      width: 100%; }

.post-form-add-attach {
  width: 100%;
  padding-top: 15px;
  margin-right: 25px; }
  .post-form-add-attach .attachments-block {
    border: 1px dashed #5cc26a;
    border-radius: 4px;
    padding: 30px 20px 10px; }
    .post-form-add-attach .attachments-block .green-button {
      color: #45cb48;
      background-color: #fff; }
    .post-form-add-attach .attachments-block .attached-files {
      display: block;
      float: left;
      position: absolute; }
    .post-form-add-attach .attachments-block h3, .post-form-add-attach .attachments-block #fileupload, .post-form-add-attach .attachments-block .or {
      display: inline-block; }
    .post-form-add-attach .attachments-block .or {
      font-size: 12px;
      margin: 0 20px;
      text-transform: lowercase;
      font-weight: 400; }
    .post-form-add-attach .attachments-block #files > div {
      text-align: left; }
    .post-form-add-attach .attachments-block #fileupload {
      position: relative;
      color: #fff;
      font-size: 14px;
      text-transform: none;
      font-weight: 300;
      vertical-align: middle; }
      .post-form-add-attach .attachments-block #fileupload input[type=file] {
        position: absolute;
        top: 0;
        display: block;
        height: 100%;
        opacity: 0; }
    .post-form-add-attach .attachments-block span {
      color: #535353;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 700; }
  .post-form-add-attach .new-files div .item {
    margin-right: 0.5em; }

.poll-container {
  background-color: #f6faff;
  border: 1px solid #adbdd3;
  padding: 40px 0 40px;
  margin-bottom: 34px; }
  .poll-container .poll-container-votes {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
    .poll-container .poll-container-votes .poll-answer-container {
      width: 40%;
      float: left;
      padding-left: 52px;
      padding-right: 20px; }
      .poll-container .poll-container-votes .poll-answer-container label {
        font-size: 14px;
        color: #252526;
        float: right;
        line-height: 1.5; }
  .poll-container span {
    float: left;
    font-size: 10px;
    font-weight: 700;
    margin-top: 3px;
    color: #252526; }
  .poll-container .blue-line-container {
    width: 40%;
    float: left;
    position: relative; }
    .poll-container .blue-line-container .poll-result {
      position: absolute;
      width: 70px;
      margin-left: 15px; }
    .poll-container .blue-line-container .blue-line {
      height: 20px;
      display: block;
      float: left;
      width: 20%;
      border-radius: 3px;
      position: relative;
      background: -webkit-linear-gradient(left, #4583b8, #69aae3);
      background: linear-gradient(to right, #4583b8, #69aae3); }
  .poll-container h2 {
    font-weight: 700;
    font-size: 30px;
    color: #b6bcc4;
    text-align: center;
    margin-bottom: 30px; }
    .poll-container h2 span {
      font-size: 22px;
      font-weight: 500;
      color: #252526;
      vertical-align: 3px;
      margin-left: 10px;
      float: none; }

#payment_done {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background-color: rgba(215, 215, 214, 0.95);
  filter: alpha(opacity=80); }
  #payment_done div {
    margin: 172px auto 0;
    background-color: #fff;
    position: relative;
    font-size: 18px;
    color: #5e5e5e;
    width: 735px;
    line-height: 1.5;
    border: 1px solid #cbcbcb;
    border-radius: 3px; }
    #payment_done div img {
      margin-top: 30px;
      margin-right: 10px; }
    #payment_done div span {
      position: absolute;
      bottom: 51px;
      font-size: 14px;
      font-style: italic; }
    #payment_done div a {
      font-family: "Open Sans";
      font-size: 18px;
      text-decoration: none; }
    #payment_done div h2 {
      font-size: 35px;
      padding: 45px 83px 25px;
      margin: 0;
      font-weight: 400; }
    #payment_done div p {
      margin: 0;
      width: 565px;
      padding: 0 85px 45px; }
  #payment_done .back_home_page {
    font-size: 20px;
    color: #545454;
    position: absolute;
    cursor: pointer;
    right: 0;
    z-index: 100;
    top: -45px; }
    #payment_done .back_home_page span {
      font-size: 12px;
      font-style: initial;
      position: initial;
      margin-right: 15px; }
    #payment_done .back_home_page span:last-of-type {
      font-weight: 700 !important; }
    #payment_done .back_home_page:hover {
      color: #beb0b0; }
  #payment_done .home_page_button {
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    background-color: #38be45;
    text-decoration: none;
    margin: 23px auto;
    display: block;
    text-align: center;
    width: 182px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 12px; }
    #payment_done .home_page_button:hover {
      background-color: #7bd574; }

.profile-change-info {
  padding: 30px 0 30px 40px;
  text-align: left;
  background-color: #f8f8f8;
  border-bottom: 1px solid #d4d4d4; }
  .profile-change-info img {
    vertical-align: middle;
    margin-right: 10px; }
  .profile-change-info .open-popup-link {
    text-decoration: none;
    border: 1px solid #598ebd;
    border-radius: 3px;
    padding: 10px;
    background-color: #fff;
    margin-right: 20px;
    font-size: 14px; }
    .profile-change-info .open-popup-link:hover {
      opacity: 0.6; }

.profile-change-address div:first-child {
  border-right: 1px solid #d4d4d4 !important; }

#payment_abort {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background-color: rgba(202, 184, 184, 0.95);
  filter: alpha(opacity=80); }
  #payment_abort div {
    margin: 172px auto 0;
    background-color: #fff;
    position: relative;
    font-size: 18px;
    color: #c15252;
    width: 735px;
    line-height: 1.5;
    border: 1px solid #cbcbcb;
    border-radius: 3px; }
    #payment_abort div h2 {
      font-size: 35px;
      padding: 45px 80px 25px;
      margin: 0;
      font-weight: 400; }
    #payment_abort div p {
      margin: 0;
      width: 565px;
      padding: 0 85px 45px;
      color: #5e5e5e; }
  #payment_abort .back_home_page {
    font-size: 20px;
    color: #545454;
    position: absolute;
    cursor: pointer;
    right: 0;
    z-index: 100;
    top: -45px;
    text-decoration: none; }
    #payment_abort .back_home_page span {
      font-size: 12px;
      font-style: initial;
      position: initial;
      margin-right: 15px; }
    #payment_abort .back_home_page span:last-of-type {
      font-weight: 700 !important; }
    #payment_abort .back_home_page:hover {
      color: #bfa0a0; }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {
  #contentChat #chat-completed-window {
    min-width: 100% !important; }
    #contentChat #chat-completed-window #chat-mail-save {
      margin-bottom: 30px !important; }
  #contentChat .mobile {
    position: fixed;
    bottom: 0; }
    #contentChat .mobile span:first-of-type {
      font-size: 20pt !important; }
    #contentChat .mobile span:last-of-type {
      padding: 3pt 10pt !important;
      border-radius: 13px !important;
      font-size: 12pt !important; }
    #contentChat .mobile .chat-logo {
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZTdkM2ZlYy0zOTI3LTQxMjYtYTdmNS05MTdmMTFkYWY2NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFBQjQyNzAzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFBQjQyNkYzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODY1MjliYy03NjYzLTQyZDUtYTliYi1iZTA4NDkyMDVlZDciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNjRiMzAwNS03ZmYyLTExNzgtOGNmOC1lYTVmYzRiY2JhOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IJ/iEAAAA2klEQVR42qTTsQ7BQBzH8V7CUoSEgVliMbNYPIQXMBjE4nksFhtvYBAJQw0SHToIBh7AoA3b+Z7cJSUk2v6ST3vL/dL87yqklNZH6uigjSqyCHDCEjO4bztUiZbGSP6XMWyz1xTk4cloOaAULtnKePFMSVcmy0DwcBhN04qfnSq56ROIG1+V+CwyCUoCVbJh0UhQ4qrB9hIOdmiO2I1ZsIcwJUUcIxZcUAlfNmURoWCib/lrr9A/YAFXPagH5sihBht3nLHCFM63H7CFNfooh74uhYx+W788BRgAmFdccOrODYoAAAAASUVORK5CYII=') 100% 100% no-repeat !important;
      background-size: cover !important;
      margin-top: 5pt; }
  #contentChat #chatWrap {
    height: 83vh;
    width: 91vw; }
    #contentChat #chatWrap #block-chat-add-file input {
      margin-right: 15pt !important;
      width: 55pt !important;
      height: 13pt !important;
      font-size: 300pt; }
    #contentChat #chatWrap .chat-btns {
      font-size: 9pt !important;
      width: auto !important;
      line-height: 1.7; }
      #contentChat #chatWrap .chat-btns img {
        margin-right: 5pt !important;
        width: 12pt !important;
        height: 12pt !important; }
    #contentChat #chatWrap #chat-message {
      font-size: 12pt !important;
      width: auto !important;
      padding: 10px 20px !important;
      line-height: 1.7 !important; }
    #contentChat #chatWrap .chat-green-btn {
      font-size: 10pt !important; }
    #contentChat #chatWrap .chat-green-container {
      padding: 20px; }
      #contentChat #chatWrap .chat-green-container img {
        vertical-align: -3pt; }
      #contentChat #chatWrap .chat-green-container span:first-of-type {
        font-size: 12pt; }
      #contentChat #chatWrap .chat-green-container .livechat_state {
        font-size: 12pt;
        border-radius: 8px; }
      #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .chat-minimize {
        width: 10pt !important;
        border-bottom: 4px solid #fff !important; }
      #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .close-chat {
        font-size: 12pt !important; }
    #contentChat #chatWrap #chat {
      height: 53vh !important; }
      #contentChat #chatWrap #chat .show-messages {
        font-size: 12pt !important; }
      #contentChat #chatWrap #chat .message p {
        font-size: 12pt !important; }
      #contentChat #chatWrap #chat .out-message p, #contentChat #chatWrap #chat .incoming-message p {
        font-size: 12pt !important; }
      #contentChat #chatWrap #chat .out-message .user-time, #contentChat #chatWrap #chat .incoming-message .user-time {
        font-size: 12pt !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  #contentChat #chat-completed-window {
    width: 97vw !important;
    height: 97vh !important; }
    #contentChat #chat-completed-window #chat-mail-save {
      margin-bottom: 0 !important; }
  #contentChat .mobile span:first-of-type {
    font-size: 14pt !important; }
  #contentChat .mobile span:last-of-type {
    padding: 3pt 10pt !important;
    font-size: 14pt !important; }
  #contentChat .mobile .chat-logo {
    height: 18pt !important;
    width: 20pt !important; }
  #contentChat #chat-completed-window {
    min-width: 100% !important; }
  #contentChat #chatWrap {
    height: 63vh;
    width: 95vw; }
    #contentChat #chatWrap #block-chat-add-file input {
      margin-right: 15pt !important;
      width: 80pt !important;
      height: 20pt !important; }
    #contentChat #chatWrap .chat-btns {
      font-size: 13pt !important;
      width: 108pt !important;
      line-height: 1.7; }
      #contentChat #chatWrap .chat-btns img {
        margin-right: 10pt !important;
        width: 15pt !important;
        height: 15pt !important; }
    #contentChat #chatWrap #chat-message {
      height: 25pt !important;
      font-size: 14pt !important;
      padding: 10px 20px !important;
      width: 66% !important; }
    #contentChat #chatWrap .chat-green-btn {
      font-size: 12pt !important;
      padding: 11pt 25pt !important;
      -webkit-appearance: none; }
    #contentChat #chatWrap .chat-green-container {
      padding: 20px; }
      #contentChat #chatWrap .chat-green-container img {
        height: 20px;
        width: 25px;
        vertical-align: -3pt; }
      #contentChat #chatWrap .chat-green-container span:first-of-type {
        font-size: 14pt; }
      #contentChat #chatWrap .chat-green-container .livechat_state {
        font-size: 14pt; }
      #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .chat-minimize {
        width: 30px !important;
        border-bottom: 3px solid #fff !important;
        margin-right: 40px; }
      #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .close-chat {
        font-size: 14pt !important; }
    #contentChat #chatWrap #chat {
      width: 100% !important;
      height: 17vh !important;
      padding: 20pt !important; }
      #contentChat #chatWrap #chat .show-messages {
        font-size: 14pt !important;
        margin-bottom: 10px !important; }
      #contentChat #chatWrap #chat .message p {
        font-size: 14pt !important; }
      #contentChat #chatWrap #chat .out-message p, #contentChat #chatWrap #chat .incoming-message p {
        font-size: 14pt !important; }
      #contentChat #chatWrap #chat .out-message .user-time, #contentChat #chatWrap #chat .incoming-message .user-time {
        font-size: 14pt !important; }
    #contentChat #chatWrap .send-message-container {
      position: fixed;
      bottom: 15px;
      width: 100%; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  #contentChat {
    margin: 0 !important; }
    #contentChat .mobile {
      position: fixed;
      bottom: 0; }
      #contentChat .mobile span:last-of-type {
        padding: 3pt 10pt !important;
        border-radius: 13px !important; }
      #contentChat .mobile .chat-logo {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZTdkM2ZlYy0zOTI3LTQxMjYtYTdmNS05MTdmMTFkYWY2NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFBQjQyNzAzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFBQjQyNkYzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODY1MjliYy03NjYzLTQyZDUtYTliYi1iZTA4NDkyMDVlZDciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNjRiMzAwNS03ZmYyLTExNzgtOGNmOC1lYTVmYzRiY2JhOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IJ/iEAAAA2klEQVR42qTTsQ7BQBzH8V7CUoSEgVliMbNYPIQXMBjE4nksFhtvYBAJQw0SHToIBh7AoA3b+Z7cJSUk2v6ST3vL/dL87yqklNZH6uigjSqyCHDCEjO4bztUiZbGSP6XMWyz1xTk4cloOaAULtnKePFMSVcmy0DwcBhN04qfnSq56ROIG1+V+CwyCUoCVbJh0UhQ4qrB9hIOdmiO2I1ZsIcwJUUcIxZcUAlfNmURoWCib/lrr9A/YAFXPagH5sihBht3nLHCFM63H7CFNfooh74uhYx+W788BRgAmFdccOrODYoAAAAASUVORK5CYII=') 100% 100% no-repeat !important;
        background-size: cover !important; }
    #contentChat #chatWrap {
      margin: 0 !important;
      padding: 15px !important; }
      #contentChat #chatWrap #block-chat-add-file input {
        margin-right: 15pt !important; }
      #contentChat #chatWrap #chat-message {
        padding: 10px 20px !important;
        line-height: 1.7 !important; }
      #contentChat #chatWrap .chat-green-btn {
        -webkit-appearance: none; }
      #contentChat #chatWrap .chat-green-container {
        padding: 20px; }
        #contentChat #chatWrap .chat-green-container img {
          vertical-align: -3pt; }
        #contentChat #chatWrap .chat-green-container .livechat_state {
          border-radius: 8px; }
      #contentChat #chatWrap #chat {
        width: 100% !important;
        padding: 20pt !important; }
        #contentChat #chatWrap #chat .show-messages {
          margin-bottom: 10px !important; }
      #contentChat #chatWrap .send-message-container {
        position: fixed;
        bottom: 15px;
        width: 100%; }
  .chat-fullsize {
    display: none !important; } }

#contentChat {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000; }
  #contentChat .hover-green-light {
    background-color: #5ac95a !important; }
  #contentChat .chat-help-msg {
    padding: 10px;
    border: 1px solid #3bb53b;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-left: 5px;
    background-color: #fff;
    cursor: pointer; }
    #contentChat .chat-help-msg img {
      width: 48px;
      height: 55px;
      margin-right: 15px;
      float: left; }
    #contentChat .chat-help-msg div {
      color: #424242;
      font-size: 12px;
      padding-top: 4px; }
    #contentChat .chat-help-msg a {
      position: absolute;
      right: 5px;
      top: 5px;
      padding: 3px;
      font-size: 10px;
      color: #3bb53b;
      text-decoration: none; }
      #contentChat .chat-help-msg a:hover {
        color: #5ac95a !important; }
  #contentChat #chat-green-ctr {
    cursor: pointer; }
  #contentChat .chat-green-container {
    margin: 0 0 5px 5px;
    padding: 12px 12px 12px 15px;
    background-color: #3bb53b;
    border-radius: 4px;
    opacity: 1; }
    #contentChat .chat-green-container .chat-logo {
      width: 18px;
      height: 22px;
      float: left;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZTdkM2ZlYy0zOTI3LTQxMjYtYTdmNS05MTdmMTFkYWY2NTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFBQjQyNzAzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFBQjQyNkYzODI4MTFFNTlBODJBMDRBOThBMTQ2RDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODY1MjliYy03NjYzLTQyZDUtYTliYi1iZTA4NDkyMDVlZDciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNjRiMzAwNS03ZmYyLTExNzgtOGNmOC1lYTVmYzRiY2JhOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IJ/iEAAAA2klEQVR42qTTsQ7BQBzH8V7CUoSEgVliMbNYPIQXMBjE4nksFhtvYBAJQw0SHToIBh7AoA3b+Z7cJSUk2v6ST3vL/dL87yqklNZH6uigjSqyCHDCEjO4bztUiZbGSP6XMWyz1xTk4cloOaAULtnKePFMSVcmy0DwcBhN04qfnSq56ROIG1+V+CwyCUoCVbJh0UhQ4qrB9hIOdmiO2I1ZsIcwJUUcIxZcUAlfNmURoWCib/lrr9A/YAFXPagH5sihBht3nLHCFM63H7CFNfooh74uhYx+W788BRgAmFdccOrODYoAAAAASUVORK5CYII=') no-repeat center center; }
    #contentChat .chat-green-container img {
      vertical-align: middle; }
    #contentChat .chat-green-container span:first-of-type {
      color: #fff;
      font-size: 15px;
      margin-left: 10px;
      margin-right: 60px; }
    #contentChat .chat-green-container span:last-of-type {
      background-color: #33c933;
      padding: 0 12px 2px;
      border-radius: 20px;
      font-weight: 600;
      font-size: 11px;
      color: #fff; }
  #contentChat .visible {
    display: block; }
  #contentChat .invisible {
    display: none; }
  #contentChat #chatWrap, #contentChat #chat-completed-window {
    margin: 10px;
    background-color: #3bb53b;
    padding: 5px;
    border-radius: 4px; }
    #contentChat #chatWrap #downloader, #contentChat #chat-completed-window #downloader {
      border: 0 #3bb53b solid;
      background: #3bb53b;
      width: 0px;
      height: 0px; }
    #contentChat #chatWrap #form_place, #contentChat #chat-completed-window #form_place {
      border: 0 #3bb53b solid;
      background: #3bb53b;
      width: 0px;
      height: 0px; }
    #contentChat #chatWrap .chat-green-container, #contentChat #chat-completed-window .chat-green-container {
      padding: 6px 0 6px 6px; }
      #contentChat #chatWrap .chat-green-container span:first-of-type, #contentChat #chat-completed-window .chat-green-container span:first-of-type {
        margin-right: 10px; }
      #contentChat #chatWrap .chat-green-container .chat-window-icon-controls, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls {
        float: right; }
        #contentChat #chatWrap .chat-green-container .chat-window-icon-controls a, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls a {
          display: inline-block;
          margin-right: 10px;
          cursor: pointer; }
        #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .chat-minimize, #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .chat-fullsize, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls .chat-minimize, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls .chat-fullsize {
          width: 12px;
          height: 6px;
          border-bottom: 2px solid #fff; }
        #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .chat-fullsize, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls .chat-fullsize {
          border: 2px solid #fff; }
        #contentChat #chatWrap .chat-green-container .chat-window-icon-controls .close-chat, #contentChat #chat-completed-window .chat-green-container .chat-window-icon-controls .close-chat {
          color: #fff;
          text-decoration: none;
          font-size: 14px; }
    #contentChat #chatWrap #chat, #contentChat #chat-completed-window #chat {
      background-color: #fff;
      height: 220px;
      width: 445px;
      border-bottom: none;
      border-radius: 3px;
      overflow: auto;
      padding: 10px;
      box-sizing: border-box; }
      #contentChat #chatWrap #chat .show-messages, #contentChat #chat-completed-window #chat .show-messages {
        border: 1px solid #3BB53C;
        border-radius: 4px;
        display: block;
        color: #3BB53C;
        padding: 5px 0;
        font-family: "Open Sans";
        text-align: center;
        font-size: 11px;
        text-decoration: none;
        cursor: pointer; }
        #contentChat #chatWrap #chat .show-messages:hover, #contentChat #chat-completed-window #chat .show-messages:hover {
          opacity: 0.6; }
      #contentChat #chatWrap #chat .user-time, #contentChat #chat-completed-window #chat .user-time {
        font-size: 10px;
        color: #a4a4a4; }
      #contentChat #chatWrap #chat .attach, #contentChat #chat-completed-window #chat .attach {
        background: url('data:image/png;base64,R0lGODlhEQARAMQfAOvr65mWl/7+/s7MzFpZWvb29ri1t/Ty8qalptXT1GJhYufm593c3ZCNj4aDhUxLS/n5+cC+v398flFOULOxs4qIibGwsO/v72hlZnBtcPz8/Pn3909MTWBdX/Xz9P///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE4NkYwNzY1MDhDMTFFNUJCQ0ZCQTY5NjM0Rjc2QkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE4NkYwNzc1MDhDMTFFNUJCQ0ZCQTY5NjM0Rjc2QkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTg2RjA3NDUwOEMxMUU1QkJDRkJBNjk2MzRGNzZCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTg2RjA3NTUwOEMxMUU1QkJDRkJBNjk2MzRGNzZCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAB8ALAAAAAARABEAAAWY4CeOpBZJkUauohAQQeeobNso11cQg1ALDcxh1EAUWEDMUQTgMFiaCgbCAHwWHArSoYAkHgvAxOKpREbA7pdxeRgKncCiJd2sLxyyIuD7uKZ3HAYeMH0aAxx2D2xuG4UjCQoDbWxZcA19IgETHhQSWAYbcZkiCBMXYhwRBXukTBUBHxseC481BwQZFBUcCK4rHggSCHM1IiEAOw==') center left no-repeat;
        color: #080;
        padding-left: 25px;
        cursor: pointer;
        text-decoration: none; }
        #contentChat #chatWrap #chat .attach span, #contentChat #chat-completed-window #chat .attach span {
          text-decoration: underline; }
        #contentChat #chatWrap #chat .attach strong, #contentChat #chat-completed-window #chat .attach strong {
          padding: 0 2px;
          font-size: 0.7em;
          color: #aaa; }
      #contentChat #chatWrap #chat .user-avatar, #contentChat #chat-completed-window #chat .user-avatar {
        margin-left: 10px;
        background-color: red; }
        #contentChat #chatWrap #chat .user-avatar img, #contentChat #chat-completed-window #chat .user-avatar img {
          width: 40px;
          height: 40px; }
      #contentChat #chatWrap #chat .message, #contentChat #chatWrap #chat .incoming-message, #contentChat #chat-completed-window #chat .message, #contentChat #chat-completed-window #chat .incoming-message {
        word-break: break-word;
        text-align: left;
        margin-top: 20px; }
        #contentChat #chatWrap #chat .message img, #contentChat #chatWrap #chat .incoming-message img, #contentChat #chat-completed-window #chat .message img, #contentChat #chat-completed-window #chat .incoming-message img {
          float: left;
          margin-right: 15px; }
        #contentChat #chatWrap #chat .message p, #contentChat #chatWrap #chat .incoming-message p, #contentChat #chat-completed-window #chat .message p, #contentChat #chat-completed-window #chat .incoming-message p {
          word-break: break-word;
          margin: 5px 20% 5px 0;
          font-size: 14px;
          float: left;
          max-width: 60%; }
        #contentChat #chatWrap #chat .message .user-avatar, #contentChat #chatWrap #chat .incoming-message .user-avatar, #contentChat #chat-completed-window #chat .message .user-avatar, #contentChat #chat-completed-window #chat .incoming-message .user-avatar {
          float: left; }
        #contentChat #chatWrap #chat .message .user-time, #contentChat #chatWrap #chat .incoming-message .user-time, #contentChat #chat-completed-window #chat .message .user-time, #contentChat #chat-completed-window #chat .incoming-message .user-time {
          padding-top: 8px;
          text-align: left; }
        #contentChat #chatWrap #chat .message.hide-user-n-time .c_text, #contentChat #chatWrap #chat .incoming-message.hide-user-n-time .c_text, #contentChat #chat-completed-window #chat .message.hide-user-n-time .c_text, #contentChat #chat-completed-window #chat .incoming-message.hide-user-n-time .c_text {
          float: none;
          margin: 5px 0 0 63px; }
        #contentChat #chatWrap #chat .message.hide-user-n-time img, #contentChat #chatWrap #chat .incoming-message.hide-user-n-time img, #contentChat #chat-completed-window #chat .message.hide-user-n-time img, #contentChat #chat-completed-window #chat .incoming-message.hide-user-n-time img {
          display: none; }
        #contentChat #chatWrap #chat .message.hide-user-n-time .user-time, #contentChat #chatWrap #chat .incoming-message.hide-user-n-time .user-time, #contentChat #chat-completed-window #chat .message.hide-user-n-time .user-time, #contentChat #chat-completed-window #chat .incoming-message.hide-user-n-time .user-time {
          display: none; }
      #contentChat #chatWrap #chat .out-message, #contentChat #chat-completed-window #chat .out-message {
        border-radius: 5px;
        text-align: right;
        margin-top: 20px; }
        #contentChat #chatWrap #chat .out-message img, #contentChat #chat-completed-window #chat .out-message img {
          float: right;
          margin-left: 15px; }
        #contentChat #chatWrap #chat .out-message p, #contentChat #chat-completed-window #chat .out-message p {
          word-break: break-word;
          font-size: 14px;
          margin: 5px 0 5px 20%;
          float: right;
          max-width: 60%; }
        #contentChat #chatWrap #chat .out-message .user-avatar, #contentChat #chat-completed-window #chat .out-message .user-avatar {
          float: right; }
        #contentChat #chatWrap #chat .out-message .user-time, #contentChat #chat-completed-window #chat .out-message .user-time {
          text-align: right; }
        #contentChat #chatWrap #chat .out-message.hide-user-n-time, #contentChat #chat-completed-window #chat .out-message.hide-user-n-time {
          margin: 5px 63px 0 0; }
          #contentChat #chatWrap #chat .out-message.hide-user-n-time img, #contentChat #chat-completed-window #chat .out-message.hide-user-n-time img {
            display: none; }
          #contentChat #chatWrap #chat .out-message.hide-user-n-time .user-time, #contentChat #chat-completed-window #chat .out-message.hide-user-n-time .user-time {
            display: none; }
    #contentChat #chatWrap #block-chat-add-file label, #contentChat #chat-completed-window #block-chat-add-file label {
      display: block;
      width: 75px;
      height: 15px;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAARCAMAAABXeyr5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5RUE4MDdGNEY0MjExRTU5NDAzQ0JCOEM3RThDRTRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5RUE4MDgwNEY0MjExRTU5NDAzQ0JCOEM3RThDRTRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDlFQTgwN0Q0RjQyMTFFNTk0MDNDQkI4QzdFOENFNEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDlFQTgwN0U0RjQyMTFFNTk0MDNDQkI4QzdFOENFNEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7A+2lCAAAAYFBMVEWl0yEAvUEA2blq15Ga468qy3YA1LNf5Neg7Ng5tigA38/D3mXQ7LgAulrP7cy97diz6sOQyk2F3aHT6KbR7deAtigAwlEAyJlj2q0At4x6xCQAty2j35AV4c8Axl0AicXjRBanAAAAIHRSTlP/////////////////////////////////////////AFxcG+0AAAEnSURBVHjarNTbboMwDAbgEBwOJQQvhNI2Bb//W84xbCtivUpzgYpkf/pjiyr6yFF/P6+AWMZcZmWkRIh5zIo+JcIyi/npLzGHYaUAXxCZHCYpCABE/h2jny0/Z3jZyQyPAyOKT0kMmmN3Ndit9mIneU0NcxNsM7aVU69MIVkYM+tpwovDjqi/PRc7RQ23xLASxlqYvg6ui8JwkE0pz3u6N90ytlyMg510sENQe6bEBHWxD8mkWIErK8V/CnFN5R6MkbYTd85yKe6nLU0d+AgDSOuu+NNgl1TWJaYS5t4c0/Bzn40M9Y2S+rnBNOPKs1ncl5ZLzb9p+L03rTCetoudFUlPXKoHh3aSBR3T9Bw3rVDxjvlTkiHnfeEG0Ucy8UN/FDnnW4ABAAbqdk8/UdM6AAAAAElFTkSuQmCC') no-repeat 100% -2pt;
      text-indent: -10000px; }
      #contentChat #chatWrap #block-chat-add-file label:hover, #contentChat #chat-completed-window #block-chat-add-file label:hover {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAARCAMAAABXeyr5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQjNBMDJCNEY0MjExRTVBOTNGRjY1NDc0MjhFRDFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQjNBMDJDNEY0MjExRTVBOTNGRjY1NDc0MjhFRDFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBCM0EwMjk0RjQyMTFFNUE5M0ZGNjU0NzQyOEVEMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCM0EwMkE0RjQyMTFFNUE5M0ZGNjU0NzQyOEVEMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4OKXkgAAAAYFBMVEUAuz962JmE2aCJ2qNb0ocOyW122pgAwVQAxmM8znlKz35w1pMAv05R0oMAujgAvkYAxFssznRj04sly3GO3ade1IkAxmBr1JAAty04zHd/2Zxl1o0/zHkAwVEnzHIAicVyoKnGAAAAIHRSTlP/////////////////////////////////////////AFxcG+0AAAE/SURBVHjarNTbcoMgEABQYGEVQUFEUWPC//9lFpNpatq+1OyDooNn9qKy/JFgr6UbEYf5LHNFVD2OJxmLTckIb6cYi/1+7vEMQ1l0o+xy9mcYh32H4XLJuf2L0aGiY53U65ZK9YFhRWnzhJSMPz6tAKZ9IcHvl1vB1ig4dxuo7wxD3dGIHNZXVG9JBAHUettKYuYl6cLUIkZjuCWmMhHaeWc6bKgiwpR79vkV11Um7piJHMA3kYu4PXN6MEH4peTESJEOL6TcHOr3jgygaJuHkBvwZq1qODImUmyFGTFXgbD+FyWnsq31IPNGDLf+neH22RssLexQu/39O4YXMmezqtVUCXwQlNqRaWBgg90ZnR+FtT+nvMQlUzmDBkjCT2s04siwECOvCjOhVjh2//2avgY+YSnHzx/6UZyJuwADANDmdcFWLucMAAAAAElFTkSuQmCC') no-repeat 100% -2pt; }
    #contentChat #chatWrap #block-chat-add-file input, #contentChat #chat-completed-window #block-chat-add-file input {
      display: block;
      width: 75px;
      height: 15px;
      opacity: 0;
      -moz-opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
    #contentChat #chatWrap #block-info, #contentChat #chat-completed-window #block-info {
      float: right;
      width: 100px;
      color: #dfd;
      font-size: 10px;
      padding: 8px 0; }
    #contentChat #chatWrap .chat-btns, #contentChat #chat-completed-window .chat-btns {
      margin: 5px 0 5px 5px;
      font-weight: 600;
      font-size: 10px;
      color: #d8ecd8;
      float: left;
      padding: 5px 0;
      width: 83px;
      cursor: pointer; }
      #contentChat #chatWrap .chat-btns:hover, #contentChat #chatWrap .chat-btns img, #contentChat #chat-completed-window .chat-btns:hover, #contentChat #chat-completed-window .chat-btns img {
        opacity: 0.7; }
      #contentChat #chatWrap .chat-btns:last-of-type, #contentChat #chat-completed-window .chat-btns:last-of-type {
        margin-left: 0;
        border-right: 1px solid #52c852;
        border-left: 1px solid #52c852;
        width: 100px;
        text-align: center;
        cursor: pointer; }
      #contentChat #chatWrap .chat-btns #chat-add-file, #contentChat #chat-completed-window .chat-btns #chat-add-file {
        position: absolute;
        width: 83px;
        height: 20px;
        opacity: 0;
        z-index: 10000; }
      #contentChat #chatWrap .chat-btns img, #contentChat #chat-completed-window .chat-btns img {
        vertical-align: -2px;
        margin-right: 10px; }
    #contentChat #chatWrap #send-message-form, #contentChat #chat-completed-window #send-message-form {
      text-align: center; }
      #contentChat #chatWrap #send-message-form #chat-message, #contentChat #chat-completed-window #send-message-form #chat-message {
        height: 25px;
        width: 79%;
        border: none;
        border-radius: 3px;
        resize: none;
        line-height: 2;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        padding: 7px;
        color: #424242;
        float: left; }
  #contentChat .chat-green-btn, #contentChat .chat-green-btn-close {
    border: none;
    padding: 13px 21px;
    margin-left: 5px;
    float: left;
    background-color: #38a638;
    color: #fff;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    border-radius: 3px; }
    #contentChat .chat-green-btn:hover, #contentChat .chat-green-btn-close:hover {
      background-color: #5ac95a; }
  #contentChat #chat-completed-window {
    min-width: 450px;
    text-align: center; }
    #contentChat #chat-completed-window .chat-green-container {
      text-align: initial; }
    #contentChat #chat-completed-window h3 {
      margin: 54px auto 20px;
      text-align: center;
      font-weight: 400;
      font-size: 14px;
      color: #d8ecd8; }
    #contentChat #chat-completed-window h2 {
      font-size: 24px;
      font-weight: 400;
      color: #d8ecd8;
      text-align: center;
      padding-bottom: 35px; }
    #contentChat #chat-completed-window .chat-green-btn {
      float: none;
      padding: 10px 21px !important;
      -webkit-appearance: none; }
    #contentChat #chat-completed-window .chat-green-btn-close {
      margin: 40px 0 30px 0 !important;
      float: none !important;
      padding: 8px 40px !important;
      -webkit-appearance: none; }
    #contentChat #chat-completed-window .mail-save-container {
      text-align: center; }
      #contentChat #chat-completed-window .mail-save-container label {
        color: #d8ecd8;
        margin-right: 12px;
        vertical-align: middle; }
      #contentChat #chat-completed-window .mail-save-container #chat-mail-save {
        margin-bottom: 5px;
        border: 0;
        font-size: 12px;
        color: #424242;
        padding: 8px;
        border-radius: 3px;
        width: 170px; }

.chat #content {
  width: 100%; }

.chat footer {
  margin-top: 70px; }

.chat .create-buttons {
  position: absolute;
  width: 217px;
  top: 53%; }
  .chat .create-buttons .create-function-buttons {
    font-size: 13px; }
    .chat .create-buttons .create-function-buttons img {
      vertical-align: -4px;
      margin-right: 8px; }

.chat-menu {
  position: relative;
  width: 1085px;
  margin-bottom: 40px; }
  .chat-menu ul {
    position: absolute;
    background-color: #d3dadf;
    width: 97%;
    height: 30px;
    left: -19px;
    top: -15px;
    border-radius: 3px;
    padding: 0 10px; }
    .chat-menu ul li {
      display: inline-block;
      float: left;
      height: 100%; }
      .chat-menu ul li a {
        cursor: pointer;
        text-transform: uppercase;
        text-decoration: none;
        color: #4f4f4f;
        display: block;
        font-family: "Open Sans";
        font-weight: 600;
        font-size: 11px;
        padding: 7px 12px; }
        .chat-menu ul li a:hover, .chat-menu ul li a.active {
          color: #fff;
          background-color: #545454; }

.analytics-statistic {
  width: 75%;
  border: 1px solid #5997ce;
  float: right;
  background-color: #fff;
  border-top: none;
  box-sizing: border-box; }
  .analytics-statistic svg {
    width: 770px;
    height: 400px; }
    .analytics-statistic svg .axises {
      stroke: #606060; }
    .analytics-statistic svg .add_axises {
      stroke: #eee;
      stroke-width: 1; }
    .analytics-statistic svg .axises_text_x {
      font-size: 10px;
      text-anchor: middle; }
    .analytics-statistic svg .axises_text_y {
      font-size: 10px;
      text-anchor: end; }
    .analytics-statistic svg .mark_title_text {
      font-size: 12px;
      text-anchor: start; }
    .analytics-statistic svg .line {
      fill: none;
      stroke-width: 3; }
      .analytics-statistic svg .line.calls {
        stroke: #0082b6; }
      .analytics-statistic svg .line.missed {
        stroke: #ed7600; }
      .analytics-statistic svg .line.operators {
        stroke: #44b422; }
    .analytics-statistic svg .point:hover {
      stroke: #ff0; }
    .analytics-statistic svg .point.calls {
      stroke: #0082b6;
      fill: #0082b6; }
      .analytics-statistic svg .point.calls:hover {
        stroke: #dd0;
        fill: #dd0; }
    .analytics-statistic svg .point.missed {
      stroke: #ed7600;
      fill: #ed7600; }
      .analytics-statistic svg .point.missed:hover {
        stroke: #dd0;
        fill: #dd0; }
    .analytics-statistic svg .point.operators {
      stroke: #44b422;
      fill: #44b422; }
      .analytics-statistic svg .point.operators:hover {
        stroke: #dd0;
        fill: #dd0; }

.chat-list-menu, .chat-analytics-menu {
  border: 1px solid #5997ce;
  background-color: #5997ce;
  width: 75%;
  float: right;
  height: 30px;
  box-sizing: border-box; }
  .chat-list-menu #menu_ext, .chat-analytics-menu #menu_ext {
    position: relative;
    float: right;
    border-right: none; }
    .chat-list-menu #menu_ext a:hover, .chat-analytics-menu #menu_ext a:hover {
      border-bottom: none; }
    .chat-list-menu #menu_ext ul, .chat-analytics-menu #menu_ext ul {
      display: none; }
    .chat-list-menu #menu_ext:hover ul, .chat-analytics-menu #menu_ext:hover ul {
      display: block; }
  .chat-list-menu .show-chats, .chat-analytics-menu .show-chats {
    position: absolute;
    right: 0;
    z-index: 999999;
    background-color: #5997ce;
    width: 165px;
    max-height: 145px;
    overflow: auto; }
    .chat-list-menu .show-chats ul, .chat-analytics-menu .show-chats ul {
      padding: 15px 0 10px 5px; }
      .chat-list-menu .show-chats ul li, .chat-analytics-menu .show-chats ul li {
        float: none;
        display: list-item; }
        .chat-list-menu .show-chats ul li a, .chat-analytics-menu .show-chats ul li a {
          cursor: pointer; }
  .chat-list-menu ul, .chat-analytics-menu ul {
    height: 100%; }
    .chat-list-menu ul li, .chat-analytics-menu ul li {
      border-right: 1px solid #8db9e0;
      display: inline-block;
      height: 100%;
      float: left; }
      .chat-list-menu ul li a, .chat-analytics-menu ul li a {
        padding: 6px 12px;
        text-decoration: none;
        font-family: "Open Sans";
        font-weight: 400;
        display: block;
        color: #fff; }
        .chat-list-menu ul li a:hover, .chat-list-menu ul li a.active, .chat-analytics-menu ul li a:hover, .chat-analytics-menu ul li a.active {
          background-color: #fff;
          border-bottom: 1px solid #fff;
          color: #6a6a6a; }
          .chat-list-menu ul li a:hover .close_tab, .chat-list-menu ul li a.active .close_tab, .chat-analytics-menu ul li a:hover .close_tab, .chat-analytics-menu ul li a.active .close_tab {
            padding: 0 4px;
            height: 14px;
            opacity: 1;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxQkIyQzIzOTg0QjExRTU5QjE2OUM2MUVGOTYyRjQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxQkIyQzI0OTg0QjExRTU5QjE2OUM2MUVGOTYyRjQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTFCQjJDMjE5ODRCMTFFNTlCMTY5QzYxRUY5NjJGNDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTFCQjJDMjI5ODRCMTFFNTlCMTY5QzYxRUY5NjJGNDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54F3tMAAAAilBMVEW52u4pmtJfrttdrttgr9tcrdrN5fO+3O/+///d7ffi7/j6/f5Uqtk5oNXq8/k+odVir9xzt97j7/m93O9jsNz8/f5Mp9jU6PWNwuRTqdja6/aw1e3F4PGdzOjg7vjC3vDp8vlQqdgimNH2+v1TqdnB3fDu9vskmdKXx+bD3/CHwOMdmNH///////99XawPAAAALnRSTlP///////////////////////////////////////////////////////////8Ago9zVQAAAIJJREFUeNpsjkcOwzAQA2U7vfdeJauS/v/3shZ8SIDMYYEByAVV84NqT0y1TrFTF3oQzsFlDdaUwFJdQqvRP2nK1ZEPH0UTsKUZcjxDEtXSe3HKqoAWrYH5jeQBqHP4rUYLS7PL4egnHPRhuc+vmnDaVNK319DNWBei/u7+jfzmI8AAuhUckecCUAkAAAAASUVORK5CYII=') center center no-repeat; }
            .chat-list-menu ul li a:hover .close_tab:hover, .chat-list-menu ul li a.active .close_tab:hover, .chat-analytics-menu ul li a:hover .close_tab:hover, .chat-analytics-menu ul li a.active .close_tab:hover {
              opacity: 0.5; }
        .chat-list-menu ul li a .close_tab, .chat-analytics-menu ul li a .close_tab {
          padding: 0 4px;
          height: 14px;
          opacity: 1;
          background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg4NEI4M0I5OTg0QjExRTU4QUM5OEMxQzBENjgzNTc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg4NEI4M0JBOTg0QjExRTU4QUM5OEMxQzBENjgzNTc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODg0QjgzQjc5ODRCMTFFNThBQzk4QzFDMEQ2ODM1NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODg0QjgzQjg5ODRCMTFFNThBQzk4QzFDMEQ2ODM1NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4dehOZAAAAilBMVEXa6/b6/f7Z6/aEvuJQqdhHpddTqdnj7/lVq9ni7/kimNHh7/hIptex1uzY6vbb7Pd2uN9ts956uuCOw+ShzOnI4fLy9/vV6fWAvOHv9vsmmtIpmtLW6vVYrNrm8fl+vOFksdxdrttAodV7u+Di7/gyndP+///9/v6n0eu22O15ueAdmNH///8dmNGVpFNHAAAALnRSTlP///////////////////////////////////////////////////////////8Ago9zVQAAAIJJREFUeNpsjkcOwzAQA2U7vfdeJauS/v/3shZ8SIDMYYEByAVV84NqT4q1i6lTHRYUxkFnDcaW5Ll6h1aT38CWtxdGPolG8gT7xH3KKOqkN8MVqqATrcnDCsCDrHN4WE36BvaYw8kPsF7S4JJfNWHeU9I329DN2Beifqf/jfzmI8AAzLgcnx0yuiIAAAAASUVORK5CYII=') center center no-repeat; }
          .chat-list-menu ul li a .close_tab:hover, .chat-analytics-menu ul li a .close_tab:hover {
            opacity: 0.5; }

.chat-filter {
  width: 21%;
  border-radius: 4px;
  float: left; }
  .chat-filter form {
    text-align: center;
    padding-bottom: 30px; }
    .chat-filter form div {
      padding-top: 15px; }
      .chat-filter form div label {
        color: #6e6e6e; }
      .chat-filter form div select {
        width: 191px; }
    .chat-filter form input[type=submit], .chat-filter form .date-filters {
      border: 1px solid #5997ce;
      border-radius: 4px;
      font-size: 12px;
      font-family: "Open Sans";
      background-color: #f8f8f8;
      padding: 3px 20px;
      color: #3f3f3f;
      cursor: pointer;
      margin-top: 5px; }
      .chat-filter form input[type=submit]:hover, .chat-filter form .date-filters:hover {
        background-color: #5997ce;
        color: #fff; }

.chat-container {
  float: left;
  width: 40%; }
  .chat-container.wide-container {
    width: 100%; }
  .chat-container .chat-list-menu, .chat-container .chat-main-info, .chat-container .chat-list-table, .chat-container .history-container {
    width: 100%; }
  .chat-container .chat-main-info div {
    width: 80%; }
  .chat-container .manager-message img {
    margin-left: 5px; }
  .chat-container .client-message img {
    margin-right: 5px; }
  .chat-container .chat-controls-panel input[type=text] {
    width: 70%;
    margin: 0 5px 0px 0; }
  .chat-container .chat-controls-panel input[type=submit] {
    margin-top: 0; }
  .chat-container .chat-controls-panel .close_tab {
    float: none; }
  .chat-container .chat-controls-panel .controls-btn {
    height: initial;
    float: none;
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    vertical-align: middle;
    border-left: none;
    padding: 3px 0; }
    .chat-container .chat-controls-panel .controls-btn.backend-hover {
      padding: 5px 10px; }
    .chat-container .chat-controls-panel .controls-btn img {
      cursor: pointer;
      float: none;
      margin-right: 0 !important; }
      .chat-container .chat-controls-panel .controls-btn img:hover {
        opacity: 0.6; }
  .chat-container .chat-controls-panel .end-chat {
    background-color: #efcece;
    margin: 5px;
    padding: 3px 9px;
    border-radius: 2px; }
  .chat-container .chat-controls-panel .to-client {
    margin-top: 5px; }
  .chat-container .chat-controls-panel #block-chat-add-file {
    padding: 0 0 6px; }
    .chat-container .chat-controls-panel #block-chat-add-file input {
      width: 65px !important; }

#connect-to-chat {
  font-size: 11px !important;
  width: 100% !important; }

.browser-client-window {
  overflow: auto;
  background-color: #fff !important; }
  .browser-client-window .remote_screen_content {
    width: 100%;
    min-width: 610px;
    height: 98%;
    background: transparent;
    border: 0; }

.browser-control-panel {
  float: right;
  width: 60%; }

.browser-grey-block {
  background-color: #d3dadf;
  border: 1px solid #909090; }
  .browser-grey-block ul li {
    display: inline-block !important;
    margin-right: 0; }
    .browser-grey-block ul li input[type=submit] {
      font-size: 11px;
      width: 77px;
      font-weight: 400;
      float: left;
      line-height: 1;
      height: 27px;
      border-radius: 2px; }
    .browser-grey-block ul li input[type=text] {
      float: left !important;
      width: 140px !important;
      margin-right: 5px !important; }
    .browser-grey-block ul li a {
      color: #585858;
      padding: 15px 20px;
      height: 100%;
      border-right: 1px solid #b3c1c6;
      margin-right: 0 !important; }
      .browser-grey-block ul li a span {
        margin-right: 5px; }
      .browser-grey-block ul li a .operators-icon {
        vert-align: -3px;
        display: inline-block;
        vertical-align: -3px;
        background-image: url('/static/img/chat-browser-operators-icon.png?9e1140eb065c');
        width: 18px;
        height: 17px;
        background-repeat: no-repeat; }
      .browser-grey-block ul li a .user-icon {
        display: inline-block;
        vertical-align: -1px;
        background-image: url('/static/img/chat-browser-user-icon.png?9e1140eb065c');
        width: 8px;
        height: 15px;
        background-repeat: no-repeat; }
      .browser-grey-block ul li a .user-browser-icon {
        display: inline-block;
        vertical-align: -2px;
        background-image: url('/static/img/chat-browser-icon-3.png?9e1140eb065c');
        width: 16px;
        height: 16px;
        background-repeat: no-repeat; }
      .browser-grey-block ul li a.active {
        color: #fff;
        background-color: #545454; }
        .browser-grey-block ul li a.active .user-icon {
          background-position: 0 -15px; }
        .browser-grey-block ul li a.active .operators-icon {
          background-position: 0 -17px; }
        .browser-grey-block ul li a.active .user-browser-icon {
          background-position: 0 -16px; }

.dark-grey-block {
  background-color: #666;
  padding: 10px 15px;
  float: right;
  width: 60%;
  box-sizing: border-box; }
  .dark-grey-block ul a {
    color: #fff; }
    .dark-grey-block ul a label {
      cursor: pointer; }
  .dark-grey-block ul span.a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica;
    font-size: 11px; }

.dark-grey-block ul, .browser-grey-block ul {
  display: inline; }
  .dark-grey-block ul li, .browser-grey-block ul li {
    display: inline; }
    .dark-grey-block ul li.active, .browser-grey-block ul li.active {
      text-shadow: 0 0 20px #000; }
      .dark-grey-block ul li.active a, .browser-grey-block ul li.active a {
        text-shadow: 0 0 5px #ffdd00;
        color: #ffdd00; }
    .dark-grey-block ul li a, .browser-grey-block ul li a {
      display: inline-block;
      height: 100%;
      cursor: pointer;
      text-decoration: none;
      font-size: 11px;
      margin-right: 20px; }
      .dark-grey-block ul li a:hover, .browser-grey-block ul li a:hover {
        opacity: 0.6; }
      .dark-grey-block ul li a img, .browser-grey-block ul li a img {
        vertical-align: -2px;
        margin-right: 5px; }
    .dark-grey-block ul li.a_right, .browser-grey-block ul li.a_right {
      float: right; }
      .dark-grey-block ul li.a_right a, .browser-grey-block ul li.a_right a {
        margin: 0 4px 0 0; }
      .dark-grey-block ul li.a_right #zoom_value, .browser-grey-block ul li.a_right #zoom_value {
        color: #aaa; }

.backend-view-container {
  width: 60%;
  float: right;
  border: 1px solid #5997ce;
  border-bottom: none;
  border-left: none;
  background-color: #ecf2f4;
  box-sizing: border-box; }

.backend-user-info {
  padding: 35px 45px; }
  .backend-user-info .user-info-table {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
    color: #5d5f5f;
    line-height: 1.7; }
    .backend-user-info .user-info-table a {
      color: #3e94ef;
      text-decoration: none; }
      .backend-user-info .user-info-table a:hover {
        color: #85bbf5; }
    .backend-user-info .user-info-table .info-name {
      width: 125px; }

.backend-operators-list {
  padding: 20px; }
  .backend-operators-list h3 {
    font-size: 12px; }
  .backend-operators-list h3, .backend-operators-list h2 {
    color: #3e3e3e;
    font-weight: 400;
    text-align: center; }
  .backend-operators-list table {
    margin: 15px 0 60px;
    border-collapse: collapse;
    line-height: 1.7; }
    .backend-operators-list table th {
      text-align: left; }
    .backend-operators-list table tbody {
      font-size: 12px; }
      .backend-operators-list table tbody tr:hover {
        background-color: #e1e9ec;
        cursor: pointer; }
        .backend-operators-list table tbody tr:hover label {
          cursor: pointer; }
      .backend-operators-list table tbody tr td {
        padding: 5px 15px; }
  .backend-operators-list .operators-table {
    width: 100%; }
    .backend-operators-list .operators-table .active-chats {
      border-radius: 20px;
      padding: 0 5px;
      font-weight: 400;
      background-color: #c9d1d4;
      margin-right: 5px; }
    .backend-operators-list .operators-table .operators-disconnect, .backend-operators-list .operators-table .operators-invite {
      font-size: 11px;
      text-decoration: none;
      color: #fff;
      background-color: #cb9898;
      font-weight: 700;
      padding: 5px 10px;
      border-radius: 5px; }
      .backend-operators-list .operators-table .operators-disconnect:hover, .backend-operators-list .operators-table .operators-invite:hover {
        opacity: 0.6; }
    .backend-operators-list .operators-table .operators-invite {
      background-color: #3f973f !important; }
    .backend-operators-list .operators-table th {
      text-transform: uppercase;
      font-size: 10px;
      border-bottom: 1px solid #c2cdd1;
      padding: 15px; }
      .backend-operators-list .operators-table th a:hover {
        opacity: 0.6; }
      .backend-operators-list .operators-table th a img {
        vertical-align: 2px;
        margin-left: 2px; }

.chat-controls-panel {
  border: 1px solid #5997ce;
  border-top: none;
  background-color: #ecf2f4;
  padding: 15px;
  font-size: 11px;
  float: right;
  width: 100%;
  box-sizing: border-box;
  height: 110px; }
  .chat-controls-panel #modal_selector {
    width: 600px;
    height: 500px;
    border: 4px solid #888;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -310px;
    padding: 10px;
    border-radius: 6px;
    background: #fff; }
  .chat-controls-panel #block-chat-add-file input {
    display: block;
    width: 75px;
    height: 15px;
    background: url('data:image/png;base64,R0lGODlhRAAQAMQfAIWGh8Xx80+98s3S0+vxvIJMo+jx7eOiTXXb9bW6u7deQW5ubievpciCSaXj9QBZq3Q3j+ryxQAAA1oRAPbFifi8fvPcpgCR0YIfVQAeSdOLK4Xg9drh4209FZudn////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThDNERDNzU1NTg5MTFFNThFRjRBMjNENDI1RUUyREYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThDNERDNzY1NTg5MTFFNThFRjRBMjNENDI1RUUyREYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEM0REM3MzU1ODkxMUU1OEVGNEEyM0Q0MjVFRTJERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEM0REM3NDU1ODkxMUU1OEVGNEEyM0Q0MjVFRTJERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAB8ALAAAAABEABAAAAX/4CeOZGmeaKqu7DgAy+IZbW3fbux5C0DjwCBp0Mt5hEgc8UjiJZ+sJQcA4IgSC5zhJzJYSZXJwyEaBIDSXvEDQ2kupwaCFCmcuwqEQSP4yJUyHEVYH1gJJxEKEGQlfyMEdo8QdyKONYIeggAfRAlLKBUXfCIWHRIPeR8HExkMkR8EExISAgd9f2GnlCaampwynycGeRQPAcN9FhgIFhAbBgfGjwU0tn7MBQ7QfSeaRJuYwSfNAREYGwSTH8MIFHAf5NNn1nIVs7PvJm0J4MAyKgfuSbhQ58ywDaFEQKK0UNUtBAlXLDgkItwaFOY2kJqkINmyZtqiMYxEDwGBc+t2LpH498HbRRTufiArderPqlavYFFzeO0DBVMZ5pzAsqOHLyhIVWCRQSMBl6RJQwAAOw==') no-repeat 100% -1px;
    text-indent: -10000px; }
    .chat-controls-panel #block-chat-add-file input:hover {
      background: url('data:image/png;base64,R0lGODlhRAAQAMQfANvi5NTc3nd7fKClpsPKy8rR066ztqasrZabnLO6u7/ExoOJiuXu8N/o6bm9vunx8+Lp66musOfv8rq/wdng4uPs7tbe4Kyxs8fOz7O3uc/W119jZJ+lpoyQkZmeof///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjE0MDg0Qjc1NTg5MTFFNUJBM0JCMTRDNkJBMjBCRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjE0MDg0Qjg1NTg5MTFFNUJBM0JCMTRDNkJBMjBCRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMTQwODRCNTU1ODkxMUU1QkEzQkIxNEM2QkEyMEJEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMTQwODRCNjU1ODkxMUU1QkEzQkIxNEM2QkEyMEJEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAB8ALAAAAABEABAAAAX/4CeOZGmeaKqu7Ehdw6BIbW3foxYrznA9uKCwFBgkRoDBZMjEWQaOUq9JZT0njYuhISoMcAzg6FEpFQSI8seivlGUjUHkcBAZvifD0WQIkBoHDCMMAxYSFxoffThJDhADBh8YX14FJxAeCBB8fiOAgiJxoHadNXEJcRcfbwRFCigYCQYYIhYdG3R+CgICCYGhCxsbBROWiwQCuKMmDRwZjxEfSQpXKBIDARoHDwwctAEdARQIAA8THqOfH8WK4hwQDw6vlz5J0XETb1EoAB4VEAgoPCoj4UCAAnuSpPvFrk8BYcLqnIDxQcM9JW/2oEgAcQOWAYIeRDiY8FcohsYOV0ZaMYBWKChJMqgASEFEAA8QvK0JN66cAnSeUCqyAACBhQ8MlpEwIuKRgTcyVWj4IeLBAQ22cC3a1evCQkEN/RQItqBUiUnyfFTwUaXtiklGgBRQ6rZKCAA7') no-repeat 100% -1px; }
  .chat-controls-panel .ext-operator span {
    margin-left: 3px; }
  .chat-controls-panel .ext-operator .is_i {
    color: #4e4; }
  .chat-controls-panel .ext-operator .del-button {
    color: #e44;
    cursor: pointer; }
  .chat-controls-panel span {
    color: #747474;
    margin-left: 15px; }
  .chat-controls-panel a {
    color: #5fa2f0;
    text-decoration: none;
    font-size: 11px; }
  .chat-controls-panel input[type=text] {
    margin: 10px 5px 0px 0;
    width: 640px;
    float: left; }
  .chat-controls-panel input[type=submit] {
    font-size: 11px;
    width: 77px;
    font-weight: 400;
    font-family: "Open Sans";
    float: left;
    line-height: 1;
    height: 27px;
    margin-top: 10px;
    border-radius: 2px; }
  .chat-controls-panel .to-client {
    float: left;
    line-height: 2.1;
    margin-top: 10px; }
    .chat-controls-panel .to-client label {
      margin-right: 15px; }
    .chat-controls-panel .to-client span {
      margin-left: 0; }
  .chat-controls-panel .close_tab {
    float: right;
    color: #800;
    cursor: pointer;
    margin: 10px; }
  .chat-controls-panel .controls-btn {
    padding: 3px 15px;
    height: 20px;
    float: left;
    border-left: 1px solid #c5d2d6;
    cursor: pointer;
    line-height: 1.7;
    margin-top: 10px; }
    .chat-controls-panel .controls-btn.backend-hover {
      padding: 5px 10px; }
    .chat-controls-panel .controls-btn:hover {
      opacity: 0.6; }
    .chat-controls-panel .controls-btn .chat-add-file {
      position: absolute;
      width: 1px;
      opacity: 0;
      top: 0;
      left: 0;
      height: 100%;
      z-index: 10000; }
    .chat-controls-panel .controls-btn input[type=checkbox] {
      margin-right: 10px; }
    .chat-controls-panel .controls-btn img {
      float: left; }
    .chat-controls-panel .controls-btn img {
      margin-right: 5px; }

.history-container {
  position: relative;
  float: right;
  width: 75%; }
  .history-container .user-avatar img {
    float: right;
    height: 40px;
    width: 40px;
    margin-right: 15px; }
  .history-container #downloader {
    border: 0;
    width: 1px;
    height: 1px; }
  .history-container .forms {
    display: none; }
  .history-container .backend-chat-form {
    background-color: #b2d1eb;
    position: relative;
    padding: 5px 5px 3px;
    border-radius: 3px; }
    .history-container .backend-chat-form:hover {
      opacity: 1; }
    .history-container .backend-chat-form .forms {
      display: block;
      position: absolute;
      background-color: #b2d1eb;
      bottom: 24px;
      width: 285px;
      border-radius: 3px;
      padding: 5px 0;
      left: 0; }
      .history-container .backend-chat-form .forms li:hover {
        background-color: #d6ecff; }
      .history-container .backend-chat-form .forms li a {
        display: block;
        text-decoration: none;
        color: #3e3e3e;
        padding: 5px 15px; }
    .history-container .backend-chat-form img:hover {
      opacity: 1; }

#suggest-product {
  width: 870px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  padding: 50px 70px;
  border: 2px solid #0f75bc;
  border-radius: 4px;
  position: fixed;
  left: 50%;
  margin-left: -435px;
  z-index: 9999999;
  top: 2%;
  height: 96%; }
  #suggest-product .product-close {
    font-size: 12px;
    color: #3e3e3e;
    text-decoration: none;
    position: absolute;
    right: 15px;
    top: 20px; }
    #suggest-product .product-close label {
      font-size: 16px;
      cursor: pointer; }
    #suggest-product .product-close:hover {
      color: #717171; }
  #suggest-product .search-product {
    padding: 30px 25px 20px;
    height: 60px; }
    #suggest-product .search-product #clear-all {
      padding: 13px 20px;
      margin-left: 20px;
      background-color: #869499;
      font-size: 11px;
      color: #fff;
      font-weight: 400;
      border: none;
      border-radius: 4px;
      cursor: pointer; }
      #suggest-product .search-product #clear-all:hover {
        background-color: #b0b9bc; }
    #suggest-product .search-product .search-button {
      cursor: pointer; }
  #suggest-product .product-list-container {
    padding: 25px 20px;
    background-color: #fff;
    height: calc(100% - 220px);
    overflow: auto; }
    #suggest-product .product-list-container .product-list .desc {
      font-size: 12px;
      line-height: 1.7; }
    #suggest-product .product-list-container .product-list .blue-button {
      font-size: 10px;
      width: 140px;
      height: 30px;
      line-height: 0; }
    #suggest-product .product-list-container .product-list .product-image img {
      width: 155px;
      height: 105px; }
    #suggest-product .product-list-container .product-list li {
      border-bottom: none; }

#registration-form, .green-container {
  padding: 15px;
  margin: 15px;
  background-color: #d4e4d4;
  text-align: center;
  width: 325px;
  border-radius: 3px; }
  #registration-form dl, .green-container dl {
    width: 300px; }
    #registration-form dl dt, .green-container dl dt {
      font-size: 11px;
      display: block; }
    #registration-form dl dd, .green-container dl dd {
      background: #efe;
      display: block;
      border-radius: 3px;
      border: 1px solid #d4d4d4;
      overflow: auto;
      padding: 4px 7px;
      margin-bottom: 5px;
      white-space: pre; }
  #registration-form h2, .green-container h2 {
    color: #3e3e3e;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px; }
  #registration-form div, .green-container div {
    text-align: left;
    width: 195px;
    margin: 0 auto 10px;
    font-size: 14px;
    font-style: italic;
    color: #3e3e3e; }
    #registration-form div label, .green-container div label {
      cursor: pointer; }
  #registration-form input[type=submit], .green-container input[type=submit] {
    background-color: #38a638;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
    margin-top: 15px;
    line-height: 16px; }
    #registration-form input[type=submit]:hover, .green-container input[type=submit]:hover {
      background-color: #61ca61; }
  #registration-form input[type='text'], #registration-form input[type='password'], #registration-form input[type='email'], #registration-form input[type='number'], #registration-form select, .green-container input[type='text'], .green-container input[type='password'], .green-container input[type='email'], .green-container input[type='number'], .green-container select {
    padding: 6px 7px;
    width: 185px;
    border-radius: 3px;
    border: 1px solid #d4d4d4; }

#send-to-page div {
  width: 100%;
  text-align: center; }

#send-to-page .desc div {
  margin-top: 10px; }

#suggested-product .product-image, #send-to-page .product-image {
  width: 75px;
  height: 50px; }

#suggested-product .desc span, #send-to-page .desc span {
  font-size: 12px;
  font-weight: 700;
  font-style: normal; }

#suggested-product .desc div, #send-to-page .desc div {
  font-size: 11px;
  font-weight: 400;
  font-style: normal; }

#suggested-product input, #send-to-page input {
  margin-top: 0; }

.chat-history {
  height: 660px;
  border: 1px solid #5997ce;
  background-color: #ecf2f4;
  border-top: none;
  overflow: auto;
  box-sizing: border-box;
  padding-bottom: 150px; }
  .chat-history .attach {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFFNDg2NEYzNTU4QTExRTU4QUU3ODQwMjREQjQyNTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFFNDg2NEY0NTU4QTExRTU4QUU3ODQwMjREQjQyNTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUU0ODY0RjE1NThBMTFFNThBRTc4NDAyNERCNDI1NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUU0ODY0RjI1NThBMTFFNThBRTc4NDAyNERCNDI1NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uaQAKAAACJElEQVR42pyTz0tUURTH73tz54fzixmomLWrMTBLxGc4q6GyCSFwEYmIwQihontx00IIdxL+C9lscjGBRRESJblRE92YO0EYVBAGhze/n5/zMhdDbrpwufece74/7rnvmY7jqP+dhmVZqtFoqEKhoEKhkJJhGIaq1+uqWq2qcDisyuWyCgQCw+Qz5HOlUmk1kUgoU7UMl9EwblO8w7xpmiZLYE1rPcf+1OfzvSVekFrdCvZ4PF1er/cnbqbi8Xgd9d1KpbLOmobUqdVqi8FgcIt4p1V50O/3bzSbzTFIlinYxvIX27ZfAHIgDFJzyNkshNkrMHYGAOaLxeIQ9vLY/A1wlTkpVxFierJHjfRihP13LY1BqZfGfGLNkPwG8/5foHs3rQcjkcgK6v3UzyN0i7oFjUoYOx8AjjK/wiyKH7E1IUDuP0Dhe4D3yT+KRqNZyDuJbU8sFstiK4mVSZIrMB8AHIdIrpKhOXniFHEad1MQdVN/Is+r6eBjghwODMAplG6IIipPKcwBtAA+hGQG6z3UH8v7k3fBJwCTFDqoHsG4BImNvZcU9RE/4Wwa1TvyzqIoQHFmorCE0HPU21kfQNDGQYyCDvbPAE4AvAvhqXSdr+sPkKGx8gu217zlJk3oA5DFupezd3Q5yb27AJ4JUEAcudN9BXk33vYVFkvc6wcH5wD9EH7G1T1Ua+rfo6kvPwD5Ed4wxY0FcJ/9IunrgO64EGAAa9J+kWKU2zcAAAAASUVORK5CYII=') center left no-repeat;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 25px; }
  .chat-history strong.highlighted {
    font-weight: bold;
    background: #FF8; }
  .chat-history .large-loader {
    text-align: center;
    color: #333;
    font-size: 16px;
    vertical-align: middle;
    padding: 20px 0; }
  .chat-history .client-info {
    margin: 15px 15px 5px;
    font-family: "Open sans";
    font-size: 12px;
    color: #6e6e6e;
    text-decoration: none;
    line-height: 1.5;
    padding: 8px 16px;
    float: none;
    text-align: center; }
    .chat-history .client-info.message-date {
      width: 100%;
      padding: 0; }
      .chat-history .client-info.message-date .ts {
        display: none; }
      .chat-history .client-info.message-date .client-info {
        margin: 0; }
    .chat-history .client-info img {
      float: left;
      margin-right: 10px; }
    .chat-history .client-info a {
      color: #6e6e6e;
      text-decoration: none; }
  .chat-history .client-message {
    word-break: break-word;
    background-color: #fff;
    padding: 8px 16px;
    border-radius: 10px;
    margin: 0 0 0 45px;
    color: #747474;
    font-size: 13px;
    float: left;
    max-width: 73%;
    line-height: 1.7; }
    .chat-history .client-message img {
      float: left;
      height: 40px;
      width: 40px;
      margin-top: 5px; }
    .chat-history .client-message span {
      float: left;
      margin: 0 5px 0 15px; }
    .chat-history .client-message.hide-user-n-time img {
      display: none; }
    .chat-history .client-message.hide-user-n-time .ts, .chat-history .client-message.hide-user-n-time .name {
      display: none; }
  .chat-history .typing-message {
    margin: 5px 15px;
    color: #747474;
    font-size: 13px;
    float: left;
    word-break: break-all;
    line-height: 1.7;
    padding: 8px 16px;
    border-radius: 10px; }
    .chat-history .typing-message img {
      float: left;
      height: 40px;
      width: 40px;
      margin: 5px 5px 0 0; }
    .chat-history .typing-message span {
      color: #e00; }
  .chat-history .manager-message {
    word-break: break-word;
    padding: 8px 16px;
    margin: 0 45px 0 0;
    background-color: #c9d1d4;
    border-radius: 10px;
    color: #747474;
    font-size: 13px;
    float: right;
    max-width: 73%;
    line-height: 1.7; }
    .chat-history .manager-message img {
      margin-top: 5px;
      float: right;
      width: 40px;
      height: 40px; }
    .chat-history .manager-message span {
      float: right;
      margin: 0 15px 0 5px; }
    .chat-history .manager-message .ng-binding {
      text-align: right; }
    .chat-history .manager-message.hide-user-n-time img {
      display: none; }
    .chat-history .manager-message.hide-user-n-time .ts, .chat-history .manager-message.hide-user-n-time .name {
      display: none; }
  .chat-history .message-date {
    font-size: 11px;
    color: #b9c3c7;
    margin: 0;
    background-color: #ecf2f4; }
    .chat-history .message-date span.name {
      width: 210px;
      margin: 6px; }
  .chat-history .message-date-none {
    display: none; }
  .chat-history .chat-closed {
    color: #747474;
    font-size: 13px;
    margin: 15px; }
    .chat-history .chat-closed img {
      float: left;
      margin-right: 10px; }

.message-date {
  width: 70%; }

.chat-list-table {
  width: 75%;
  border: 1px solid #5997ce;
  float: right;
  background-color: #fff;
  border-top: none;
  box-sizing: border-box;
  padding-bottom: 20px; }
  .chat-list-table .white-space {
    height: 15px; }
  .chat-list-table table {
    width: 100%;
    color: #535353;
    border-collapse: separate;
    border-spacing: 0; }
    .chat-list-table table thead th {
      border-bottom: 1px solid #d4d4d4; }
    .chat-list-table table th {
      font-family: "Arial";
      font-weight: 600;
      text-transform: uppercase;
      color: #535353;
      font-size: 10px;
      padding: 10px 0; }
    .chat-list-table table tbody {
      font-size: 12px;
      /*.t_last {
              width : 80px;
              background-color: #fff;
              padding: 0;
            }*/ }
      .chat-list-table table tbody tr.bad-talk {
        background-color: #fce3e3; }
        .chat-list-table table tbody tr.bad-talk a {
          color: #535353;
          text-decoration: none;
          background-color: transparent; }
      .chat-list-table table tbody tr.good-talk {
        background-color: #f8f8f8; }
        .chat-list-table table tbody tr.good-talk a {
          color: #535353;
          text-decoration: none;
          background-color: transparent; }
      .chat-list-table table tbody tr td {
        border-bottom: solid 4px #fff;
        border-top: solid 4px #fff;
        padding: 5px; }
        .chat-list-table table tbody tr td:first-child {
          border-top-left-radius: 15px;
          border-left: solid 10px #fff;
          border-bottom-left-radius: 15px; }
        .chat-list-table table tbody tr td:last-child {
          border-top-right-radius: 15px;
          border-right: solid 10px #fff;
          border-bottom-right-radius: 15px;
          padding-right: 15px;
          text-align: right; }
        .chat-list-table table tbody tr td a {
          color: #fff;
          font-size: 11px;
          font-weight: 600;
          border-radius: 4px;
          text-decoration: none; }
          .chat-list-table table tbody tr td a:hover {
            opacity: 0.6; }
      .chat-list-table table tbody tr:nth-child(odd) {
        height: 15px; }
      .chat-list-table table tbody td {
        text-align: center;
        padding: 5px 0; }
      .chat-list-table table tbody .calling {
        background-color: #ffdebe; }
        .chat-list-table table tbody .calling a {
          background-color: #f6912e;
          padding: 3px 15px;
          cursor: pointer; }
        .chat-list-table table tbody .calling .t_last .circle-border {
          background-color: #ffdebe; }
        .chat-list-table table tbody .calling .status div {
          background-color: #ffdebe; }
      .chat-list-table table tbody .chating {
        background-color: #e4f2e4; }
        .chat-list-table table tbody .chating a {
          background-color: #3f973f;
          padding: 3px 22px;
          cursor: pointer; }
      .chat-list-table table tbody .closed {
        background-color: #efefef; }
        .chat-list-table table tbody .closed a {
          background-color: #c9c9c9;
          padding: 3px 20px;
          cursor: pointer; }
      .chat-list-table table tbody .invite {
        background-color: #e1eaf4; }
        .chat-list-table table tbody .invite a {
          background-color: #549cf3;
          padding: 3px 18px;
          cursor: pointer; }
      .chat-list-table table tbody .offline {
        background-color: #eee; }
        .chat-list-table table tbody .offline a {
          display: none; }
  .chat-list-table.visitors .title {
    max-width: 120px;
    word-wrap: break-word;
    word-break: normal; }
  .chat-list-table.visitors .referrer {
    max-width: 150px;
    overflow-x: auto; }
    .chat-list-table.visitors .referrer a {
      display: inline;
      background: none;
      color: #0d64ad; }

.operators input[type=submit] {
  font-size: 11px;
  width: 77px;
  font-weight: 400;
  font-family: "Open Sans";
  line-height: 1;
  height: 27px;
  border-radius: 2px; }

.operators input[type=text] {
  float: left;
  margin-right: 5px; }

.operators .chating {
  cursor: pointer; }

.operators a {
  float: left;
  margin-left: 20px;
  background-color: #e4f2e4 !important;
  padding: 3px 22px;
  color: #0d64ad !important;
  font-size: 12px !important;
  font-family: "Open Sans" !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  cursor: pointer; }

.operators form {
  padding: 30px 20px 30px 25px; }

.operators .choice-department {
  float: left;
  padding: 8px 20px 8px 20px;
  margin-top: 25px;
  text-align: left;
  border-left: 1px solid #c1c1c1; }
  .operators .choice-department div {
    margin: 10px 0 5px; }
    .operators .choice-department div select {
      width: 155px;
      margin-left: 5px; }

.operators .frst {
  padding-left: 0;
  border-left: 0 !important; }

.operators .change-user-name {
  float: left; }

.chat-orange-id, .chat-grey-id {
  background-color: #ff4e10;
  padding: 0px 6px;
  border-radius: 10px;
  font-size: 10px;
  color: #fff;
  vertical-align: 1px;
  font-weight: 600;
  margin-left: 5px; }

.chat-grey-id {
  background-color: #a0aeba !important; }

.chat-visitors-title {
  border: 1px solid #5997ce;
  background-color: #fff;
  width: 75%;
  float: right;
  box-sizing: border-box; }
  .chat-visitors-title h2 {
    font-size: 10px;
    font-family: Arial;
    color: #6e6e6e;
    text-align: center;
    line-height: 26px;
    text-transform: uppercase; }

.chat-main-info {
  border-radius: 0;
  background-color: #ecf2f4;
  position: relative;
  float: right;
  width: 75%;
  border-left: 1px solid #5997ce;
  border-right: 1px solid #5997ce;
  box-sizing: border-box; }
  .chat-main-info div {
    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    margin: 15px 15px 5px;
    font-family: "Open sans";
    font-size: 12px;
    color: #6e6e6e;
    text-decoration: none;
    line-height: 1.5;
    float: right;
    padding: 8px 20px;
    width: 90%; }

#informer {
  position: fixed;
  z-index: 2000;
  top: 100%;
  left: 100%;
  margin-left: -400px;
  width: 400px; }
  #informer .infoitem {
    width: 360px;
    height: 44px;
    padding: 5px 20px;
    margin-bottom: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: 3px double rgba(255, 255, 255, 0.6);
    overflow: hidden; }

.serial_number {
  display: block;
  color: #888;
  font-size: 0.8em; }

.hoverable.real_highlight {
  background: #ff8 !important;
  color: #000;
  -webkit-box-shadow: 0px 0px 8px 8px #ffff88;
  -moz-box-shadow: 0px 0px 8px 8px #ffff88;
  box-shadow: 0px 0px 8px 8px #ffff88; }

.open-fraud {
  text-decoration: none;
  display: block; }
  .open-fraud:hover {
    opacity: 0.7; }

.fraudcheck {
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 3px; }
  .fraudcheck .map_label {
    background: #ff6607;
    border: 1px solid #ff6607;
    border-radius: 5px;
    color: #fff;
    padding: 2px 5px;
    min-width: 30px;
    font-weight: bold; }
  .fraudcheck .status {
    display: block;
    text-align: center; }
    .fraudcheck .status label {
      font-size: 48px;
      font-family: "Open Sans";
      font-weight: 400; }
    .fraudcheck .status span {
      font-family: "Open Sans";
      font-size: 11px;
      color: #fff;
      padding: 4px 15px;
      border-radius: 6px;
      font-weight: 700;
      text-transform: uppercase; }
    .fraudcheck .status img {
      display: block;
      margin: 0 auto 15px; }
    .fraudcheck .status i {
      font-style: normal;
      font-size: 12px;
      display: block;
      font-weight: 700;
      text-transform: Uppercase;
      color: #424242;
      text-align: center; }
  .fraudcheck .fraud_wait span {
    background-color: #8a8a8a; }
  .fraudcheck .fraud_wait label {
    color: #8a8a8a; }
  .fraudcheck .fraud_green span {
    background-color: #00b609; }
  .fraudcheck .fraud_green label {
    color: #00b609; }
  .fraudcheck .fraud_yellow span {
    background-color: #ffae00; }
  .fraudcheck .fraud_yellow label {
    color: #ffae00; }
  .fraudcheck .fraud_red span {
    background-color: #ff0000; }
  .fraudcheck .fraud_red label {
    color: #ff0000; }
  .fraudcheck .fraudcheck-status {
    font-weight: 700;
    font-size: 20px;
    color: #3a3a3a;
    text-transform: uppercase; }
    .fraudcheck .fraudcheck-status span {
      display: inline-block; }
    .fraudcheck .fraudcheck-status .fraud_wait {
      font-size: 11px;
      margin-left: 20px; }
      .fraudcheck .fraudcheck-status .fraud_wait img {
        vertical-align: -6px; }
  .fraudcheck .fraudcheck-table {
    border-collapse: collapse;
    font-size: 12px;
    width: 990px;
    margin: 30px auto; }
    .fraudcheck .fraudcheck-table tr th, .fraudcheck .fraudcheck-table tr td {
      padding: 15px 0; }
    .fraudcheck .fraudcheck-table tr th {
      background-color: #8a8a8a;
      color: #fff; }
    .fraudcheck .fraudcheck-table tbody tr:nth-child(even) {
      background-color: #f7f7f7; }
    .fraudcheck .fraudcheck-table tbody .fraud_wait {
      color: red;
      font-weight: 700; }

/*commentary and statistics blocks start*/
.commentary-block, .advertising-statistics-block, .support-statistics-block {
  border-top: 1px solid #ccc;
  font-family: 'Open Sans', sans-serif; }

.commentary-block > span, .advertising-statistics-block > span, .support-statistics-block > span {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  padding: 0.5em;
  font-weight: 800;
  font-size: 16px; }
  .commentary-block > span .small, .advertising-statistics-block > span .small, .support-statistics-block > span .small {
    font-size: 14px;
    color: #333;
    text-transform: none;
    font-weight: normal; }

.advertising-statistics-block, .support-statistics-block {
  padding-bottom: 1em; }
  .advertising-statistics-block .border-block, .support-statistics-block .border-block {
    margin: 1em;
    padding: 1em;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #bbb; }
    .advertising-statistics-block .border-block .title-block, .support-statistics-block .border-block .title-block {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .advertising-statistics-block .border-block .title-block .block-title, .support-statistics-block .border-block .title-block .block-title {
        font-size: 18px;
        letter-spacing: 1.5px;
        color: #565656;
        text-transform: uppercase; }
      .advertising-statistics-block .border-block .title-block .top-info, .support-statistics-block .border-block .title-block .top-info {
        display: flex; }
        .advertising-statistics-block .border-block .title-block .top-info.color > div, .support-statistics-block .border-block .title-block .top-info.color > div {
          padding: 13px 26px;
          border-radius: 3px;
          background-color: #dbf2e4;
          font-size: 16px;
          text-align: center;
          color: #393939;
          text-transform: uppercase;
          margin-left: 13px; }
        .advertising-statistics-block .border-block .title-block .top-info.border-right > div, .support-statistics-block .border-block .title-block .top-info.border-right > div {
          padding: 0 10px;
          border-right: 1px solid #cacaca;
          font-size: 14px;
          line-height: 2.3;
          color: #333; }
          .advertising-statistics-block .border-block .title-block .top-info.border-right > div span:first-of-type, .support-statistics-block .border-block .title-block .top-info.border-right > div span:first-of-type {
            padding-right: 6px; }
          .advertising-statistics-block .border-block .title-block .top-info.border-right > div:last-of-type, .support-statistics-block .border-block .title-block .top-info.border-right > div:last-of-type {
            border-right: none; }
    .advertising-statistics-block .border-block table, .support-statistics-block .border-block table {
      width: 100%;
      padding: 3em 4em 1em 4em; }
      .advertising-statistics-block .border-block table tbody tr td, .support-statistics-block .border-block table tbody tr td {
        padding-left: .5em;
        font-size: 14px;
        line-height: 2;
        color: #333; }
        .advertising-statistics-block .border-block table tbody tr td.big, .support-statistics-block .border-block table tbody tr td.big {
          font-size: 26px;
          line-height: 1.23;
          text-align: center;
          color: #2c2c2c; }
        .advertising-statistics-block .border-block table tbody tr td.bold, .support-statistics-block .border-block table tbody tr td.bold {
          font-weight: bold;
          text-align: center; }
        .advertising-statistics-block .border-block table tbody tr td.align-right, .support-statistics-block .border-block table tbody tr td.align-right {
          text-align: right; }
    .advertising-statistics-block .border-block .statistics-wrapper, .support-statistics-block .border-block .statistics-wrapper {
      display: flex;
      align-items: flex-end; }
      .advertising-statistics-block .border-block .statistics-wrapper div, .support-statistics-block .border-block .statistics-wrapper div {
        flex: 1; }
        .advertising-statistics-block .border-block .statistics-wrapper div.statistics, .support-statistics-block .border-block .statistics-wrapper div.statistics {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .advertising-statistics-block .border-block .statistics-wrapper div.statistics :first-child, .support-statistics-block .border-block .statistics-wrapper div.statistics :first-child {
            font-size: 26px;
            line-height: 1.2;
            text-align: center;
            color: #1670bf; }
          .advertising-statistics-block .border-block .statistics-wrapper div.statistics :last-child, .support-statistics-block .border-block .statistics-wrapper div.statistics :last-child {
            font-size: 14px;
            font-weight: bold;
            line-height: 2.29;
            text-align: center;
            color: #333333; }
        .advertising-statistics-block .border-block .statistics-wrapper div:last-of-type, .support-statistics-block .border-block .statistics-wrapper div:last-of-type {
          flex: 2; }
          .advertising-statistics-block .border-block .statistics-wrapper div:last-of-type table, .support-statistics-block .border-block .statistics-wrapper div:last-of-type table {
            margin: 0 auto;
            width: auto;
            font-size: 14px;
            line-height: 2;
            color: #333333;
            text-align: left;
            padding: 0; }
            .advertising-statistics-block .border-block .statistics-wrapper div:last-of-type table td:first-of-type, .support-statistics-block .border-block .statistics-wrapper div:last-of-type table td:first-of-type {
              text-align: right;
              padding-right: 10px; }
    .advertising-statistics-block .border-block .border-inner-block, .support-statistics-block .border-block .border-inner-block {
      background-color: #f0f3f9;
      margin-top: 1.5em;
      padding: 1em;
      border-radius: 3px;
      border: solid 1px #bbb; }
      .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper {
        margin: 0;
        border: 0; }
        .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left, .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right {
          height: 106px; }
          .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left:hover, .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right:hover, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left:hover, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right:hover {
            background-position-y: -136px; }
        .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-right {
          background-position: 40px 45px; }
        .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left {
          background-position: 10px 45px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left .product-jcarousel-counter, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .feat-arrow-left .product-jcarousel-counter {
            position: absolute;
            padding-left: 2em;
            font-size: 14px;
            line-height: 2.3;
            color: #333;
            text-decoration: none; }
        .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel {
          position: relative;
          overflow: hidden;
          width: 580px; }
          .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel.jcarousel__product_detail, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel.jcarousel__product_detail {
            height: auto; }
          .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .product_detail_list, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .product_detail_list {
            display: flex;
            align-items: center;
            min-height: 106px;
            height: auto; }
          .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item {
            float: left;
            width: 480px;
            margin: 0 50px; }
            .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div {
              display: flex;
              flex-direction: column; }
              .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header {
                display: flex;
                align-items: center;
                flex-direction: row; }
                .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header h4, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header h4 {
                  font-size: 19px;
                  font-weight: 600;
                  color: #1518ad; }
                .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header .edit, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .item-header .edit {
                  height: 20px;
                  margin-left: 10px;
                  padding: 0 18px;
                  border-radius: 3px;
                  border: none;
                  background-color: #2479c3;
                  font-size: 10px;
                  font-weight: bold;
                  color: #fff;
                  cursor: pointer;
                  text-decoration: none; }
              .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .green-link, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div .green-link {
                font-size: 13px;
                color: #0a6d2e;
                text-decoration: none; }
              .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div p, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div p {
                font-size: 12px;
                line-height: 1.5;
                color: #313131;
                margin: 0; }
              .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul {
                width: 100%;
                list-style-type: disc; }
                .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li {
                  padding: 0 2.2em 0 0; }
                  .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li:first-of-type, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li:first-of-type {
                    list-style-type: none; }
                  .advertising-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li a, .support-statistics-block .border-block .border-inner-block .jcarousel-wrapper .jcarousel .carousel-item div ul li a {
                    font-size: 14px;
                    line-height: 2.29;
                    color: #1919af;
                    text-decoration: none; }

.advertising-statistics-block .selects {
  padding: 1em;
  display: flex;
  justify-content: space-between; }
  .advertising-statistics-block .selects > div {
    width: 200px; }
  .advertising-statistics-block .selects .period-wrapper {
    position: relative;
    text-align: left; }
    .advertising-statistics-block .selects .period-wrapper #datepickers {
      z-index: 10;
      position: absolute;
      right: -10px;
      display: none;
      background-color: #fff;
      padding: 7px;
      border: 1px solid #bbb;
      border-radius: 3px;
      width: auto; }
      .advertising-statistics-block .selects .period-wrapper #datepickers button {
        margin: 0 5px 5px 0;
        color: #fff;
        padding: 2px 4px;
        border-radius: 3px;
        background-color: #1565b7;
        text-decoration: none;
        cursor: pointer;
        border: none; }
      .advertising-statistics-block .selects .period-wrapper #datepickers #datepicker-wrapper {
        display: flex; }
        .advertising-statistics-block .selects .period-wrapper #datepickers #datepicker-wrapper .datepicker-inner {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .advertising-statistics-block .selects .period-wrapper #datepickers #datepicker-wrapper .datepicker-inner:first-of-type {
            border-right: 1px solid #bbb; }
          .advertising-statistics-block .selects .period-wrapper #datepickers #datepicker-wrapper .datepicker-inner .datepicker-block-header {
            font-size: 13px;
            font-weight: bold;
            color: #1565b7; }
          .advertising-statistics-block .selects .period-wrapper #datepickers #datepicker-wrapper .datepicker-inner .ui-datepicker {
            border: none;
            padding: 0 12px; }
      .advertising-statistics-block .selects .period-wrapper #datepickers .datepicker-block {
        padding: 5px 0; }
        .advertising-statistics-block .selects .period-wrapper #datepickers .datepicker-block:first-of-type {
          padding-right: 2px; }
        .advertising-statistics-block .selects .period-wrapper #datepickers .datepicker-block:last-of-type {
          padding-left: 2px; }
    .advertising-statistics-block .selects .period-wrapper #period option[value='7'] {
      display: none; }
  .advertising-statistics-block .selects select {
    width: 240px;
    height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #ffffff, #d9d9d9);
    border: solid 1px #a5a5a5;
    font-size: 13px;
    font-weight: bold;
    color: #333; }
    .advertising-statistics-block .selects select:last-of-type {
      width: 290px; }

.flex-block {
  display: flex;
  justify-content: space-between; }
  .flex-block .comment-history {
    width: 70%;
    margin: 1em auto; }

.comment-history #ticket-message-form .commentary-information .attachments-block {
  display: inline-block;
  width: 100px; }
  .comment-history #ticket-message-form .commentary-information .attachments-block .green-button {
    height: auto; }
    .comment-history #ticket-message-form .commentary-information .attachments-block .green-button input {
      width: 100px;
      left: 0;
      top: 2px;
      position: absolute; }

.comment-history ul {
  margin-top: 0.5em;
  text-align: center;
  display: flex;
  justify-content: space-between; }

.comment-history ul li {
  list-style: none;
  display: inline-block; }

.comment-history ul li > a {
  text-decoration: none;
  color: #313131;
  padding: 0.5em 4em;
  border: 1px solid #ccc; }

.commentary-information {
  margin-top: 1em; }

.commentary-information .item {
  margin-top: 1em; }

.commentary-information .item .info {
  padding: 0.5em 0;
  font-size: 14px; }

.commentary-information .item p {
  background: #6aace6;
  color: #fff;
  padding: .5em .5em;
  font-size: 14px;
  margin: 0;
  word-break: break-word; }

.commentary-information .item > :nth-last-child(1) {
  background: #0273D4;
  padding: 0; }

.commentary-information .item :nth-last-child(1) > a {
  background: #aaaaaa;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
  margin: 0.5em;
  border-radius: 6px;
  color: #fff;
  text-decoration: none; }

.commentary-information .item :nth-last-child(1) > a:before {
  content: "\f0c6";
  vertical-align: bottom;
  margin-right: 5px;
  font-family: FontAwesome;
  font-size: 18px; }

.total-count {
  color: #1565b7; }

.tickets-count, .buyers-count, .rma-count span {
  line-height: 2rem; }

.tickets-count, .rma-count span {
  color: #1565b7; }

.tickets-count, .buyers-count, .rma-count {
  font-size: 14px; }

.tickets-count, .buyers-count, .rma-count h4 {
  color: #3d3d3d; }

.info .author-name {
  color: #1565b7;
  margin-right: 1em; }

.commentary-information .text-area-send textarea {
  width: 100%;
  border-radius: 3px;
  min-width: 200px;
  padding: 1em;
  box-shadow: inset 0 7px 10px -7px rgba(0, 0, 0, 0.7);
  height: 10vh;
  box-sizing: border-box;
  color: #313131; }

.comment-history ul .send-comment input {
  background-color: #45cb48;
  font-weight: 800;
  color: #fff;
  width: 120px;
  float: right;
  line-height: 0;
  border-radius: 6px;
  height: 30px; }

.action-block .send-comment input:hover {
  opacity: 0.8;
  color: #fff;
  background-color: #59d15c; }

.action-block .new-files {
  margin-top: 5px; }

.action-block .new-files .progress {
  margin-top: 0;
  width: auto; }

.action-block .new-files .progress .progress-bar {
  height: auto;
  font-size: 10px; }

.upload-file-button .attachments-block span input {
  display: block;
  width: 100%;
  height: 30px; }

.commentary-information .text-area-send {
  padding: 0;
  width: 100%;
  margin-top: 1em; }

.thread-navigation {
  margin-bottom: 1em; }

.thread-navigation ul li {
  color: #313131;
  padding: 0.5em 3em;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative; }

.thread-navigation ul li label {
  opacity: 0;
  position: absolute;
  width: 140px;
  height: 50px;
  top: 0;
  left: 3%;
  cursor: pointer; }

.thread-navigation ul li:hover {
  background-color: #3d3d3d;
  color: #fff; }

.thread-navigation ul li:before {
  font-size: 16px;
  font-family: FontAwesome; }

.thread-navigation ul li:after {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 600; }

.thread-navigation ul li:nth-child(1):before {
  content: "\f013"; }

.thread-navigation ul li:nth-child(2):before {
  content: "\f121"; }

.thread-navigation ul li:nth-child(3):before {
  content: "\f0eb"; }

.thread-navigation ul li:nth-child(1):after {
  content: "Hardware"; }

.thread-navigation ul li:nth-child(2):after {
  content: "Software"; }

.thread-navigation ul li:nth-child(3):after {
  content: "Release"; }

.upload-file-button {
  cursor: pointer;
  border-radius: 6px;
  width: 100px; }

.upload-file-button span {
  display: block;
  padding: 0.5em;
  position: relative;
  font-size: 16px; }

.upload-file-button .attachments-block {
  padding: 0;
  position: absolute;
  top: 0;
  /*opacity: 0;*/
  cursor: pointer; }

.upload-file-button .attachments-block h3 {
  display: none; }

.upload-file-button .attachments-block :nth-child(2) {
  display: none; }

.upload-file-button .green-button {
  height: 0;
  width: 90px;
  cursor: pointer; }

.upload-file-button span .attachments-block > h3 {
  display: none; }

/*.upload-file-button:hover {*/
/*background-color: #3d3d3d;*/
/*color: #fff;*/
/*}*/
.upload-file-button span #files .progress {
  display: none; }

.send-with-enter label {
  font-size: 14px;
  display: block;
  padding: 0.5em; }

.send-with-enter label input {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  vertical-align: middle; }

.send-with-enter label span {
  vertical-align: middle;
  margin-right: 0.5em; }

.upload-file-button {
  border: 1px solid #ccc;
  max-width: 100px;
  position: relative;
  font-size: 14px; }

#id_thread .active-thread {
  background-color: #4a4a4a;
  color: #fff; }

.commentary-information .new-files div {
  height: 0;
  display: inline-block;
  margin: 5px 0; }

/*.commentary-information #files .progress {*/
/*height: 5px;*/
/*}*/
.commentary-information #files .item {
  background-color: #fff;
  height: 0;
  margin: 0; }

.new-files div .item .item a {
  padding: 0 10px;
  margin: 0; }

.new-files div .item .item .delete {
  display: none; }

.new-files div .item .item div {
  display: none; }

.commentary-information {
  position: relative; }

.commentary-information .attachments-block {
  text-align: left;
  position: relative;
  padding: 0;
  border: none;
  bottom: 40px;
  opacity: 0; }

.commentary-information .attachments-block h3 {
  display: none; }

.commentary-information .attachments-block div {
  display: none; }

.commentary-information .fileinput-button {
  height: 0;
  width: auto;
  text-align: left; }

.commentary-information .fileinput-button input {
  width: 20%;
  height: 30px; }

.commentary-information .new-files {
  margin-top: -1em; }

.commentary-information .new-files .progress {
  margin-top: 2em;
  display: block; }

.commentary-information .new-files {
  margin-bottom: 0.5em; }

.commentary-information .new-files div .item {
  height: 25px;
  margin: 0; }

/*commentary and statistics blocks end*/
/*Employee access commentary block start*/
.ticket-details .block-content .content .commentary-block .flex-block {
  flex-direction: column; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.ticket-details .block-content .content .commentary-block {
  border: none; }

.ticket-details .block-content .content .commentary-block .flex-block h2 {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  color: #0a0a0a; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter, .comment-history {
  margin: 0; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter .rma-count, .tickets-count, .buyers-count > h4 {
  font-size: 20px; }

.ticket-details .block-content .content .commentary-block .flex-block .comment-history #ticket-message-form .thread-navigation {
  margin: 1em 0; }

.attachments-block .fileinput-button {
  overflow: visible;
  color: #45cb48 !important;
  border: 1px solid #45cb48;
  background-color: #fff; }

.attachments-block .fileinput-button input {
  font-size: 20px;
  right: auto; }

.new-files .item a.delete {
  display: none; }

.new-files .item div {
  display: none; }

.email-verified .continue-verified {
  text-align: center; }

.email_activated:before {
  content: "\f00c";
  font-family: FontAwesome; }

.email-verified p:before {
  content: "\f00c";
  font-family: FontAwesome; }

.verified-title {
  font-size: 20px;
  font-weight: 300; }

.login_activated .form-signin {
  padding: 0;
  margin: 1em 0; }

.email_activated, .email-verified {
  text-align: center;
  color: #333333;
  margin-top: 1em; }

.email_activated, .email-verified h4 {
  font-size: 24px; }

.email_activated, .email-verified p {
  font-family: Open Sans;
  font-size: 14px; }

.commentary-block {
  border-top: 1px solid #ccc;
  font-family: 'Open Sans', sans-serif; }

.commentary-block > span {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  padding: 0.5em;
  font-weight: 800;
  font-size: 16px; }

.flex-block {
  display: flex;
  justify-content: space-between; }

.comment-history ul {
  margin-top: 0.5em;
  text-align: center;
  display: flex;
  justify-content: space-between; }

.comment-history ul li {
  list-style: none;
  display: inline-block; }

.comment-history ul li > a {
  text-decoration: none;
  color: #313131;
  padding: 0.5em 4em;
  border: 1px solid #ccc; }

.commentary-information {
  margin-top: 1em; }

.commentary-information .item {
  margin-top: 1em; }

.commentary-information .item .info {
  padding: 0.5em 0;
  font-size: 14px; }

.commentary-information .item p {
  background: #6aace6;
  color: #fff;
  padding: .5em .5em;
  font-size: 14px;
  margin: 0;
  word-break: break-word; }

.commentary-information .item > :nth-last-child(1) {
  background: #0273D4;
  padding: 0; }

.commentary-information .item :nth-last-child(1) > a {
  background: #aaaaaa;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
  margin: 0.5em;
  border-radius: 6px;
  color: #fff;
  text-decoration: none; }

.commentary-information .item :nth-last-child(1) > a:before {
  content: "\f0c6";
  vertical-align: bottom;
  margin-right: 5px;
  font-family: FontAwesome;
  font-size: 14px; }

.overall-counter {
  flex: 1; }

.total-count {
  color: #1565b7; }

.tickets-count, .buyers-count, .rma-count span {
  line-height: 2rem; }

.tickets-count, .rma-count span {
  color: #1565b7; }

.tickets-count, .buyers-count, .rma-count {
  font-size: 14px; }

.tickets-count, .buyers-count, .rma-count h4 {
  color: #3d3d3d; }

.info .author-name {
  color: #1565b7;
  margin-right: 1em; }

.commentary-information .text-area-send textarea {
  width: 100%;
  border-radius: 3px;
  min-width: 200px;
  padding: 1em;
  box-shadow: inset 0 7px 10px -7px rgba(0, 0, 0, 0.7);
  height: 10vh;
  box-sizing: border-box;
  color: #313131; }

.comment-history ul .send-comment input {
  background-color: #45cb48;
  font-weight: 800;
  color: #fff;
  width: 120px;
  float: right;
  line-height: 0;
  border-radius: 6px;
  height: 30px; }

.action-block .send-comment input:hover {
  opacity: 0.8;
  color: #fff;
  background-color: #59d15c; }

.action-block .new-files {
  margin-top: 5px; }

.action-block .new-files .progress {
  margin-top: 0;
  width: auto; }

.action-block .new-files .progress .progress-bar {
  height: auto;
  font-size: 10px; }

.upload-file-button .attachments-block span input {
  display: block;
  width: 100%;
  height: 30px; }

.commentary-information .text-area-send {
  padding: 0;
  width: 100%;
  margin-top: 1em; }

.thread-navigation {
  margin-bottom: 1em; }

.thread-navigation ul li {
  color: #313131;
  padding: 0.5em 3em;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative; }

.thread-navigation ul li label {
  opacity: 0;
  position: absolute;
  width: 140px;
  height: 50px;
  top: 0;
  left: 3%;
  cursor: pointer; }

.thread-navigation ul li:hover {
  background-color: #3d3d3d;
  color: #fff; }

.thread-navigation ul li:before {
  font-size: 16px;
  font-family: FontAwesome; }

.thread-navigation ul li:after {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 600; }

.thread-navigation ul li:nth-child(1):before {
  content: "\f013"; }

.thread-navigation ul li:nth-child(2):before {
  content: "\f121"; }

.thread-navigation ul li:nth-child(3):before {
  content: "\f0eb"; }

.thread-navigation ul li:nth-child(1):after {
  content: "Hardware"; }

.thread-navigation ul li:nth-child(2):after {
  content: "Software"; }

.thread-navigation ul li:nth-child(3):after {
  content: "Release"; }

.upload-file-button {
  cursor: pointer;
  border-radius: 6px;
  width: 100px; }

.upload-file-button span {
  display: block;
  padding: 0.5em;
  position: relative;
  font-size: 16px; }

.upload-file-button .attachments-block {
  padding: 0;
  position: absolute;
  top: 0;
  /*opacity: 0;*/
  cursor: pointer; }

.upload-file-button .attachments-block h3 {
  display: none; }

.upload-file-button .attachments-block :nth-child(2) {
  display: none; }

.upload-file-button .green-button {
  height: 0;
  width: 90px;
  cursor: pointer; }

.upload-file-button span .attachments-block > h3 {
  display: none; }

.upload-file-button span #files .progress {
  display: none; }

.send-with-enter label {
  font-size: 14px;
  display: block;
  padding: 0.5em; }

.send-with-enter label input {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  vertical-align: middle; }

.send-with-enter label span {
  vertical-align: middle;
  margin-right: 0.5em; }

.upload-file-button {
  border: 1px solid #ccc;
  max-width: 100px;
  position: relative;
  font-size: 14px; }

#id_thread .active-thread {
  background-color: #4a4a4a;
  color: #fff; }

.commentary-information .new-files div {
  height: 0;
  display: inline-block;
  margin: 5px 0; }

.commentary-information #files .item {
  background-color: #fff;
  height: 0;
  margin: 0; }

.new-files div .item .item a {
  padding: 0 10px;
  margin: 0; }

.new-files div .item .item .delete {
  display: none; }

.new-files div .item .item div {
  display: none; }

.commentary-information {
  position: relative; }

.commentary-information .attachments-block {
  text-align: left;
  position: relative;
  padding: 0;
  border: none;
  bottom: 40px;
  opacity: 0; }

.commentary-information .attachments-block h3 {
  display: none; }

.commentary-information .attachments-block div {
  display: none; }

.commentary-information .fileinput-button {
  height: 0;
  width: auto;
  text-align: left; }

.commentary-information .fileinput-button input {
  width: 20%;
  height: 30px; }

.commentary-information .new-files {
  margin-top: -1em; }

.commentary-information .new-files .progress {
  margin-top: 2em;
  display: block; }

.commentary-information .new-files {
  margin-bottom: 0.5em; }

.commentary-information .new-files div .item {
  height: 25px;
  margin: 0; }

.ticket-details .block-content .content .commentary-block .flex-block {
  flex-direction: column; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.ticket-details .block-content .content .commentary-block {
  border: none; }

.ticket-details .block-content .content .commentary-block .flex-block h2 {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  color: #0a0a0a; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter, .comment-history {
  margin: 0; }

.ticket-details .block-content .content .commentary-block .flex-block .overall-counter .rma-count, .tickets-count, .buyers-count > h4 {
  font-size: 20px; }

.ticket-details .block-content .content .commentary-block .flex-block .comment-history #ticket-message-form .thread-navigation {
  margin: 1em 0; }

.attachments-block .fileinput-button {
  overflow: visible;
  color: #45cb48 !important;
  border: 1px solid #45cb48;
  background-color: #fff; }

.attachments-block .fileinput-button input {
  font-size: 20px;
  right: auto; }

.new-files .item a.delete {
  display: none; }

.new-files .item div {
  display: none; }

.email-verified .continue-verified {
  text-align: center; }

.verified-title {
  font-size: 20px;
  font-weight: 300; }

.login_activated .form-signin {
  padding: 0;
  margin: 1em 0; }

.email_activated, .email-verified {
  text-align: center;
  color: #333333;
  margin-top: 2em; }

.email_activated, .email-verified h4 {
  font-size: 24px; }

.email_activated, .email-verified p {
  font-family: Open Sans;
  font-size: 14px; }

.email_activated, .email-verified p:before {
  content: "\f00c";
  margin-right: 5px;
  font-family: FontAwesome;
  font-size: 14px; }

.fa-paperclip {
  margin-right: 5px; }

.email_activated span {
  font-family: Open Sans;
  font-size: 14px; }

footer .wrapper {
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  -webkit-align-items: center;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: row; }
  footer .wrapper div #useful-links, footer .wrapper div #copyrights, footer .wrapper div #contact-info {
    margin: 0;
    float: none;
    text-align: center; }
  footer .wrapper #footer-logo {
    margin: 0;
    position: absolute;
    right: 0; }

.post-icons {
  position: relative; }
  .post-icons .post-form-add-attach .attachments-block {
    margin-right: 3em; }
    .post-icons .post-form-add-attach .attachments-block #files .item {
      margin: 0; }
  .post-icons .post-submit {
    display: inline-block; }
    .post-icons .post-submit #post-submit-btn {
      width: auto !important;
      margin: 2em 0;
      padding: 0.1em 4em;
      color: #fff;
      background-color: #1f99f2;
      border-radius: 3px; }
    .post-icons .post-submit .post-form-add-attach {
      width: 100%;
      float: none; }
  .post-icons #emoticons {
    right: 5%;
    padding: 0;
    top: 22%; }
  .post-icons .form-control textarea {
    width: 750px;
    border-radius: 6px;
    border: 1px solid #afafaf;
    min-height: 100px; }
  .post-icons .form-control .markItUpFooter {
    width: 750px; }
    .post-icons .form-control .markItUpFooter .markItUpResizeHandle {
      margin-top: 2px; }
  .post-icons .form-control .markItUpPreviewFrame {
    width: 750px; }

.post-content .image {
  margin-top: 20px !important; }
  .post-content .image img {
    margin: 0 5px !important;
    width: auto !important;
    display: inline !important; }

.confirmed-title, .verified-title {
  text-align: center;
  font-family: OpenSans;
  font-size: 24px;
  color: #333333;
  font-weight: 300;
  margin-top: 1.5em; }

.administration .logic-block .offer-review {
  position: absolute;
  left: 25px;
  padding: 0 15px;
  border-radius: 3px;
  line-height: 20px;
  color: #ffffff;
  font-weight: bold; }

.offer-delete {
  background-color: #fee8e8;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  font-size: inherit; }

.offer-list-delete {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  color: #1565b7;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit; }

.offer-form {
  display: inline-block; }

.offer-form-submit {
  margin: 0 auto; }

.commentary-block .text-area-send .action-block ul li {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center; }

.commentary-block .flex-block .overall-counter .rma-count, .commentary-block .flex-block .overall-counter .tickets-count, .commentary-block .flex-block .overall-counter .buyers-count {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-word; }

.commentary-block .flex-block .overall-counter .rma-count {
  padding-top: 2px; }

.newsletter-subscribe-block {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0 25px; }
  .newsletter-subscribe-block .titled-block {
    margin-bottom: 0; }
    .newsletter-subscribe-block .titled-block .content {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px; }
      .newsletter-subscribe-block .titled-block .content__info {
        display: flex;
        align-items: center;
        margin-right: 20px; }
      .newsletter-subscribe-block .titled-block .content__heading {
        font-size: 21px;
        font-weight: normal; }
      .newsletter-subscribe-block .titled-block .content .fa {
        margin-right: 16px;
        font-size: 38px; }
      .newsletter-subscribe-block .titled-block .content__text {
        white-space: nowrap;
        font-size: 13px; }
      .newsletter-subscribe-block .titled-block .content__form {
        display: flex; }
      .newsletter-subscribe-block .titled-block .content__email-input {
        box-sizing: border-box;
        height: 30px;
        width: 225px;
        margin-right: 5px;
        font-size: 13px; }
      .newsletter-subscribe-block .titled-block .content__subscribe-btn {
        width: 140px;
        height: 30px;
        border: none;
        border-radius: 5px;
        text-align: center;
        font-size: 13px;
        color: #fff;
        background-color: #ffa82b;
        outline: none;
        cursor: pointer; }
        .newsletter-subscribe-block .titled-block .content__subscribe-btn:hover {
          background-color: #ffb245; }

#cboxOverlay.subscribe-modal {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.8); }

.subscribe-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible !important; }
  .subscribe-modal #cboxBottomLeft,
  .subscribe-modal #cboxBottomCenter,
  .subscribe-modal #cboxBottomRight,
  .subscribe-modal #cboxMiddleLeft,
  .subscribe-modal #cboxMiddleRight,
  .subscribe-modal #cboxTopLeft,
  .subscribe-modal #cboxTopCenter,
  .subscribe-modal #cboxTopRight {
    background: none; }
  .subscribe-modal #cboxWrapper {
    overflow: visible; }
  .subscribe-modal #cboxLoadedContent {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .subscribe-modal #cboxContent {
    border-radius: 3px;
    overflow: visible; }
    .subscribe-modal #cboxContent .subscribe-ok {
      text-align: center;
      padding: 30px 0 35px 100px;
      background: url('/static/img/ok-v.png?7125e66eae5a') no-repeat 50px 0; }
  .subscribe-modal #cboxClose {
    bottom: 10px;
    right: 10px; }
  .subscribe-modal__heading {
    position: absolute;
    width: 100%;
    top: -40px;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff; }
  .subscribe-modal__content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .subscribe-modal .fa {
    margin-bottom: 15px;
    font-size: 40px; }
  .subscribe-modal__content-heading {
    font-size: 28px;
    font-weight: normal; }
  .subscribe-modal__text {
    margin-bottom: 35px;
    font-size: 13px; }
  .subscribe-modal__form {
    /*display: flex;*/
    /*flex-shrink: 0;*/ }
  .subscribe-modal__email-input {
    box-sizing: border-box;
    width: 225px !important;
    height: 30px;
    margin-right: 5px;
    font-size: 13px; }
    .subscribe-modal__email-input::placeholder {
      color: #444; }
  .subscribe-modal__subscribe-btn {
    width: 140px;
    height: 30px;
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #ffa82b;
    outline: none;
    cursor: pointer; }
    .subscribe-modal__subscribe-btn:hover {
      background-color: #ffb245; }

#adwords-menu {
  left: 25px;
  top: 15px; }
  #adwords-menu .menu-dropdown {
    z-index: 5;
    position: absolute;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: #4f4f4f;
    display: block;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 11px;
    padding: 7px 12px; }
    #adwords-menu .menu-dropdown:hover, #adwords-menu .menu-dropdown.active {
      color: #fff;
      background-color: #545454; }
      #adwords-menu .menu-dropdown:hover .dropdown-block, #adwords-menu .menu-dropdown.active .dropdown-block {
        display: block; }
    #adwords-menu .menu-dropdown .dropdown-block {
      display: none; }
      #adwords-menu .menu-dropdown .dropdown-block a {
        color: #fff;
        padding: 10px 0 0 0; }
    #adwords-menu .menu-dropdown i {
      padding-left: 7px; }
  #adwords-menu .menu-button {
    margin: 5px 0 0 10px;
    border: none;
    float: right;
    line-height: 1;
    padding: 3px 20px 5px 20px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px; }
    #adwords-menu .menu-button i {
      padding-right: 5px; }
    #adwords-menu .menu-button:hover {
      outline: none;
      cursor: pointer; }
    #adwords-menu .menu-button.get {
      background-color: #727272; }
    #adwords-menu .menu-button.upload {
      background-color: #438bca; }

.adwords-search-bar {
  width: 1035px;
  margin: 0 auto 20px auto; }
  .adwords-search-bar .new-button {
    display: inline;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    float: left;
    width: 150px;
    border-radius: 3px;
    background-color: #438bca;
    border: none;
    color: #fff;
    margin-right: 25px; }
  .adwords-search-bar #id_name {
    float: left;
    width: 300px;
    height: 21px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #999999; }
  .adwords-search-bar .green-button {
    margin: 0 15px 0 7px;
    float: left;
    background-color: #438bca;
    width: 30px; }
  .adwords-search-bar .delete {
    float: left;
    margin: 9px 15px 0 0; }
  .adwords-search-bar #campaign-status {
    float: left;
    width: 100px;
    position: relative;
    height: 35px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    border-radius: 3px;
    background-color: #eaeaea;
    border: solid 1px #c5c5c5; }
    .adwords-search-bar #campaign-status:hover {
      cursor: pointer; }
    .adwords-search-bar #campaign-status:active, .adwords-search-bar #campaign-status:focus {
      outline: none; }
      .adwords-search-bar #campaign-status:active .change-status, .adwords-search-bar #campaign-status:focus .change-status {
        display: block; }
    .adwords-search-bar #campaign-status span {
      padding-right: 16px; }
    .adwords-search-bar #campaign-status .change-status {
      top: 20px;
      left: 0;
      line-height: 1;
      z-index: 2;
      position: absolute;
      min-width: 100px;
      width: auto;
      display: none;
      padding: 3px 0; }
      .adwords-search-bar #campaign-status .change-status.with-budget {
        width: 135px; }
      .adwords-search-bar #campaign-status .change-status.with-max-cpc {
        width: 150px; }
      .adwords-search-bar #campaign-status .change-status .before {
        width: 100%;
        height: 13px;
        background-color: rgba(255, 255, 255, 0);
        border: none; }
        .adwords-search-bar #campaign-status .change-status .before:hover {
          outline: none; }
      .adwords-search-bar #campaign-status .change-status ul {
        padding: 0; }
      .adwords-search-bar #campaign-status .change-status li {
        margin: 0;
        text-align: left;
        padding: 7px 0 7px 10px;
        background-color: #e9e9e9; }
        .adwords-search-bar #campaign-status .change-status li:hover {
          background-color: #cbcbcb; }
        .adwords-search-bar #campaign-status .change-status li .circle {
          background-color: #70d700;
          display: inline-block;
          padding: 0;
          width: 10px;
          height: 10px;
          border-radius: 7px;
          border: none;
          cursor: pointer; }
          .adwords-search-bar #campaign-status .change-status li .circle.green {
            background-color: #70d700; }
          .adwords-search-bar #campaign-status .change-status li .circle.grey {
            background-color: #727272; }
          .adwords-search-bar #campaign-status .change-status li .circle.red {
            background-color: #cd273b; }
        .adwords-search-bar #campaign-status .change-status li span {
          padding-left: 7px;
          font-size: 14px;
          font-weight: normal;
          color: #555; }
        .adwords-search-bar #campaign-status .change-status li a {
          text-decoration: none; }

.list-table {
  border-collapse: collapse;
  width: 100%;
  max-height: 594px;
  overflow: auto;
  box-sizing: border-box; }
  .list-table thead {
    background-color: #5a97ce;
    font-size: 12px;
    font-weight: bold;
    color: #fff; }
    .list-table thead td {
      padding: 13px 0 14px 10px;
      border: 1px solid #dadada;
      border-top-color: #5a97ce; }
  .list-table tbody {
    background-color: #fff; }
    .list-table tbody td {
      padding: 8px 0 9px 10px;
      border: 1px solid #dadada;
      font-size: 14px;
      color: #333; }
      .list-table tbody td a {
        font-size: 14px;
        color: #333;
        text-decoration: none; }
      .list-table tbody td .count {
        position: absolute;
        padding: 1px;
        right: 0;
        bottom: 0;
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        background-color: #9b9b9b;
        line-height: 1; }
      .list-table tbody td input[type=text] {
        border: none;
        border-bottom: 1px solid #e0e0e0;
        border-radius: 0;
        padding: 0;
        width: 90%;
        outline: none; }
        .list-table tbody td input[type=text]:hover, .list-table tbody td input[type=text]:active, .list-table tbody td input[type=text]:focus {
          border-bottom: 1px solid #9b9b9b; }
  .list-table .number {
    width: 41px;
    border-left: none;
    text-align: right;
    padding: 0 11px 0 0; }
  .list-table .checkout {
    width: 37px;
    padding: 0; }
    .list-table .checkout input {
      background-color: #fff;
      outline: none; }
  .list-table .status {
    width: 30px;
    padding: 0; }
  .list-table tbody .status:hover {
    background-color: #dbeeff; }
  .list-table.campaign .budget {
    width: 12%;
    text-align: right;
    padding: 0 11px 0 0; }
  .list-table.campaign .settings {
    width: 8%;
    border-right: none;
    text-align: center;
    padding: 0; }
    .list-table.campaign .settings i {
      font-size: 20px;
      color: #8c8c8c;
      opacity: 0.3; }
      .list-table.campaign .settings i:hover {
        opacity: 1;
        cursor: pointer; }
  .list-table.group {
    width: 1516px; }
    .list-table.group .headline-one, .list-table.group .headline-two, .list-table.group .description, .list-table.group .path-one, .list-table.group .path-two {
      position: relative; }
      .list-table.group .headline-one .count, .list-table.group .headline-two .count, .list-table.group .description .count, .list-table.group .path-one .count, .list-table.group .path-two .count {
        position: absolute;
        padding: 1px;
        right: 0;
        bottom: 0;
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        background-color: #9b9b9b;
        line-height: 1; }
    .list-table.group .group {
      width: 199px; }
    .list-table.group .headline-one {
      width: 179px; }
    .list-table.group .headline-two {
      width: 99px; }
    .list-table.group .description {
      width: 199px; }
    .list-table.group .path-one, .list-table.group .path-two {
      width: 109px; }
    .list-table.group .final-url {
      width: 206px;
      border-right: none; }
  .list-table.group-create .group {
    width: auto; }
  .list-table.group-create .headline-one {
    width: 179px; }
  .list-table.group-create .headline-two {
    width: 99px; }
  .list-table.group-create .description {
    width: 199px; }
  .list-table.group-create .path {
    width: 140px; }
  .list-table.group-create .last {
    border-right: none; }
  .list-table.keywords .keywords {
    width: 229px; }
  .list-table.keywords .group {
    width: 259px; }
  .list-table.keywords .max {
    width: 114px;
    border-right: none; }
  .list-table.keywords tbody .max {
    text-align: right;
    padding: 0 10px 0 0; }
  .list-table.keyword-create .keywords {
    width: 208px; }
  .list-table.keyword-create .ads-group {
    width: 319px; }
  .list-table.keyword-create .max {
    width: 121px;
    border-right: none; }
  .list-table.keyword-create tbody .max {
    text-align: right;
    padding: 0 10px 0 0; }
  .list-table.negative .negative {
    width: 359px; }
  .list-table.negative .campaign {
    border-right: none; }
  .list-table.extension .campaign {
    border-right: none; }
  .list-table.extension .extension {
    width: 359px; }
    .list-table.extension .extension i {
      padding-left: 5px;
      color: #777;
      font-size: 16px;
      display: none; }
    .list-table.extension .extension:hover i {
      display: inline-block; }
      .list-table.extension .extension:hover i:hover {
        color: #333;
        cursor: pointer; }
  .list-table .negative-create {
    border: none; }
  .list-table:last-child td {
    border-bottom: none !important; }

.adwords-pagination .pagination {
  margin: 20px 0; }
  .adwords-pagination .pagination a {
    padding: 3px 13px;
    border-radius: 3px;
    background-color: #eaeaea;
    border: solid 1px #c5c5c5;
    font-size: 12px;
    color: #555; }
    .adwords-pagination .pagination a.active {
      background-color: #438bca;
      border: solid 1px #438bca;
      color: #fff; }
  .adwords-pagination .pagination form {
    float: right; }
    .adwords-pagination .pagination form label {
      padding-right: 5px;
      font-size: 12px;
      font-weight: bold;
      color: #555555; }
    .adwords-pagination .pagination form select {
      padding: 8.5px 13px;
      border-radius: 3px;
      background-color: #eaeaea;
      border: solid 1px #c5c5c5;
      font-size: 12px;
      font-weight: bold;
      color: #555; }

.adwords-content-block {
  width: 1035px;
  margin: 30px auto 0 auto;
  border: solid 1px #4d89c3;
  overflow: auto; }
  .adwords-content-block .circle {
    background-color: #70d700;
    display: inline-block;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 7px;
    border: none;
    cursor: pointer; }
    .adwords-content-block .circle.green {
      background-color: #70d700; }
    .adwords-content-block .circle.grey {
      background-color: #727272; }
    .adwords-content-block .circle.red {
      background-color: #cd273b; }
    .adwords-content-block .circle:active, .adwords-content-block .circle:focus {
      outline: none; }
      .adwords-content-block .circle:active .change-status, .adwords-content-block .circle:focus .change-status {
        display: block; }
    .adwords-content-block .circle .change-status {
      z-index: 1;
      min-width: 90px;
      display: none;
      position: absolute;
      padding: 3px 0; }
      .adwords-content-block .circle .change-status .before {
        width: 100%;
        height: 13px;
        background-color: rgba(255, 255, 255, 0);
        border: none; }
        .adwords-content-block .circle .change-status .before:hover {
          outline: none; }
      .adwords-content-block .circle .change-status li {
        text-align: left;
        padding: 7px 10px;
        background-color: #e9e9e9; }
        .adwords-content-block .circle .change-status li:hover {
          background-color: #cbcbcb; }
        .adwords-content-block .circle .change-status li span {
          padding-left: 7px;
          font-size: 14px;
          color: #555; }

#ui-datepicker-div, .ui-datepicker {
  padding: 12px;
  background-color: #fff;
  border: 1px solid #1565b7;
  display: none; }
  #ui-datepicker-div td, .ui-datepicker td {
    text-align: center; }
    #ui-datepicker-div td a, #ui-datepicker-div td span, .ui-datepicker td a, .ui-datepicker td span {
      padding: 2px 4px; }
  #ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    background-color: #1565b7;
    text-decoration: none;
    cursor: pointer; }
  #ui-datepicker-div .ui-state-highlight, .ui-datepicker .ui-state-highlight {
    background-color: #fff;
    color: #1565b7;
    padding: 2px 4px;
    border-radius: 3px;
    border: 0.5px solid #1565b7; }
  #ui-datepicker-div span.ui-state-default, .ui-datepicker span.ui-state-default {
    font-size: 13px;
    color: #333; }
  #ui-datepicker-div .ui-state-active, .ui-datepicker .ui-state-active {
    background-color: #1565b7;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px; }
  #ui-datepicker-div .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev {
    float: left; }
  #ui-datepicker-div .ui-datepicker-next, .ui-datepicker .ui-datepicker-next {
    float: right; }
  #ui-datepicker-div .ui-datepicker-title, .ui-datepicker .ui-datepicker-title {
    text-align: center;
    padding-top: 20px; }
  #ui-datepicker-div span, .ui-datepicker span {
    color: #333; }
  #ui-datepicker-div a, .ui-datepicker a {
    text-decoration: none; }
  #ui-datepicker-div table thead, .ui-datepicker table thead {
    font-size: 14px; }

.keyword-table, .ad-group-list-table {
  width: 100%; }

.disabledbutton {
  pointer-events: none;
  opacity: 0.4; }

.handsontable {
  width: 100%;
  z-index: 1; }
  .handsontable button.group-edit-button {
    line-height: 1;
    border-radius: 3px;
    background-color: #438bca;
    padding: 7px 44px 9px;
    border: none;
    color: #fff;
    font-size: 14px;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer; }
  .handsontable .with-faq:hover .path-faq {
    display: block; }
  .handsontable .path-faq {
    position: relative;
    padding-right: 15px;
    display: none;
    float: right;
    cursor: pointer; }
  .handsontable .relative {
    padding: 0 !important; }
  .handsontable thead tr th {
    letter-spacing: -0.5px;
    text-align: left;
    padding-left: 10px;
    line-height: 39px;
    background-color: #5a97ce;
    font-size: 12px;
    font-weight: bold;
    color: #fff; }
    .handsontable thead tr th .columnSorting::after {
      color: #fff !important; }
    .handsontable thead tr th.ht__highlight .columnSorting::after {
      color: #000 !important; }
  .handsontable tbody tr td, .handsontable tbody tr th {
    line-height: 39px;
    background-color: #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis; }
    .handsontable tbody tr td.htNumeric, .handsontable tbody tr th.htNumeric {
      padding-right: 10px; }
    .handsontable tbody tr td i, .handsontable tbody tr th i {
      font-size: 20px;
      opacity: 0.35;
      color: #8c8c8c;
      margin: 0 20px; }
      .handsontable tbody tr td i:hover, .handsontable tbody tr th i:hover {
        cursor: pointer;
        opacity: 1; }
  .handsontable .handsontableInputHolder::after {
    content: attr(data-content);
    display: block;
    position: absolute;
    font-size: 9px;
    right: 3px;
    bottom: 3px; }
  .handsontable .handsontableInputHolder .handsontableInput {
    display: block; }

.administration .wrapper #colums #content #message-allert {
  z-index: 3;
  position: absolute;
  top: 5px;
  width: 100%;
  display: block;
  transition: all .2s;
  left: 0; }
  .administration .wrapper #colums #content #message-allert ul {
    margin: 0 !important;
    padding: 0 !important; }
    .administration .wrapper #colums #content #message-allert ul li {
      margin: 0; }
  .administration .wrapper #colums #content #message-allert.invisible {
    opacity: 0; }

.changeTableInput {
  background-color: #fde3e4 !important; }

.cellColorRed {
  background-color: #fd0500 !important; }

.cellColorGrey {
  background-color: #95a4bd !important; }

.cellColorGreen {
  background-color: rgba(41, 200, 60, 0.99) !important; }

.negative-location {
  display: none; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-spinner {
  display: none;
  position: fixed;
  z-index: 100000000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url('data:image/gif;base64,R0lGODlhHwAfAPUAAP///4oaGvPq6unW1t/Cwtm2ttOrq+7f396/v9CkpPLm5uzb29eystOpqdq3t+fR0fr29tawsOrY2PPo6KJKSps8PK5hYePJyb1+fsydnbFnZ/z6+rl3d6lYWOTLy/v4+KpaWqBGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==') 50% 50% no-repeat; }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden; }

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-spinner {
  display: block; }

.choose-campaign {
  margin-bottom: 20px; }
  .choose-campaign label {
    font-size: 14px;
    font-weight: normal;
    color: #333; }
  .choose-campaign select {
    margin-left: 10px;
    width: 314px;
    height: 30px;
    border-radius: 3px;
    background-color: #eaeaea;
    border: solid 1px #c5c5c5;
    font-size: 12px;
    padding-left: 10px;
    color: #777; }

.adwords-create-block {
  width: 1035px !important;
  margin: 60px auto 0 auto; }
  .adwords-create-block .create-wrapper {
    margin: 22px 30px; }
    .adwords-create-block .create-wrapper i {
      padding-left: 10px; }
  .adwords-create-block form .input {
    position: relative; }
    .adwords-create-block form .input .errorlist {
      position: absolute;
      bottom: 0; }
  .adwords-create-block form .errors label {
    color: #ff2323 !important; }
  .adwords-create-block form .errors input, .adwords-create-block form .errors select {
    border: 1px solid #ff2323 !important;
    background-color: #fff4f4 !important; }
  .adwords-create-block table tbody .input#time select option:disabled {
    color: #ccc; }
  .adwords-create-block table tbody .input div .languages-container,
  .adwords-create-block table tbody .input div #positive-locations,
  .adwords-create-block table tbody .input div #negative-locations {
    display: none;
    margin-top: 10px;
    border: solid 1px #c5c5c5;
    border-radius: 3px;
    width: 500px; }
    .adwords-create-block table tbody .input div .languages-container span,
    .adwords-create-block table tbody .input div #positive-locations span,
    .adwords-create-block table tbody .input div #negative-locations span {
      padding: 5px; }
    .adwords-create-block table tbody .input div .languages-container .location,
    .adwords-create-block table tbody .input div #positive-locations .location,
    .adwords-create-block table tbody .input div #negative-locations .location {
      border-radius: 3px; }
      .adwords-create-block table tbody .input div .languages-container .location.straight-corner,
      .adwords-create-block table tbody .input div #positive-locations .location.straight-corner,
      .adwords-create-block table tbody .input div #negative-locations .location.straight-corner {
        border-radius: 0 0 3px 3px; }
    .adwords-create-block table tbody .input div .languages-container .languages,
    .adwords-create-block table tbody .input div #positive-locations .languages,
    .adwords-create-block table tbody .input div #negative-locations .languages {
      border-radius: 3px; }
    .adwords-create-block table tbody .input div .languages-container .location,
    .adwords-create-block table tbody .input div .languages-container .languages,
    .adwords-create-block table tbody .input div #positive-locations .location,
    .adwords-create-block table tbody .input div #positive-locations .languages,
    .adwords-create-block table tbody .input div #negative-locations .location,
    .adwords-create-block table tbody .input div #negative-locations .languages {
      display: block;
      box-sizing: border-box;
      padding: 5px;
      width: 100%;
      background-color: #fff;
      line-height: 1; }
      .adwords-create-block table tbody .input div .languages-container .location div,
      .adwords-create-block table tbody .input div .languages-container .languages div,
      .adwords-create-block table tbody .input div #positive-locations .location div,
      .adwords-create-block table tbody .input div #positive-locations .languages div,
      .adwords-create-block table tbody .input div #negative-locations .location div,
      .adwords-create-block table tbody .input div #negative-locations .languages div {
        display: block;
        width: 100%;
        padding: 5px 0 0; }
        .adwords-create-block table tbody .input div .languages-container .location div a,
        .adwords-create-block table tbody .input div .languages-container .languages div a,
        .adwords-create-block table tbody .input div #positive-locations .location div a,
        .adwords-create-block table tbody .input div #positive-locations .languages div a,
        .adwords-create-block table tbody .input div #negative-locations .location div a,
        .adwords-create-block table tbody .input div #negative-locations .languages div a {
          cursor: pointer;
          text-decoration: none;
          float: right; }
  .adwords-create-block .formset-div {
    position: relative; }
    .adwords-create-block .formset-div .suggestion-box.languages ul {
      width: 185px !important; }
    .adwords-create-block .formset-div .suggestion-box ul {
      z-index: 1;
      position: absolute;
      background-color: #fff;
      border: 1px solid #c5c5c5;
      width: 420px !important; }
      .adwords-create-block .formset-div .suggestion-box ul li .location {
        width: 230px !important;
        text-overflow: ellipsis;
        overflow: hidden; }
      .adwords-create-block .formset-div .suggestion-box ul li .actions {
        float: right; }
        .adwords-create-block .formset-div .suggestion-box ul li .actions a {
          border-right: 1px solid #424242;
          padding: 0 5px;
          color: #1565b7;
          text-decoration: none; }
          .adwords-create-block .formset-div .suggestion-box ul li .actions a:first-of-type {
            padding-left: 20px; }
          .adwords-create-block .formset-div .suggestion-box ul li .actions a:last-of-type {
            border-right: none; }
  .adwords-create-block.campaign-create .input .languages-container {
    display: none; }
  .adwords-create-block.campaign-create .label button.next {
    display: inline-block;
    text-align: center;
    padding: 2px 8px;
    height: 25px;
    border-radius: 3px;
    border: none;
    background-color: #7e7e7e;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    outline: none; }
    .adwords-create-block.campaign-create .label button.next:hover {
      background-color: #438bca;
      transition: 0.2s; }
  .adwords-create-block .add-row {
    position: relative;
    top: -35px;
    left: 620px; }
  .adwords-create-block .header-block {
    padding: 0 0 40px 0;
    position: relative; }
    .adwords-create-block .header-block.campaign-create {
      padding: 50px;
      position: relative; }
    .adwords-create-block .header-block h1, .adwords-create-block .header-block h3 {
      display: inline; }
    .adwords-create-block .header-block h1 {
      font-size: 22px;
      font-weight: normal;
      color: #333; }
    .adwords-create-block .header-block h3 {
      padding-left: 15px;
      font-weight: normal;
      font-size: 16px;
      color: #666; }
    .adwords-create-block .header-block select {
      margin-right: 50px;
      position: absolute;
      right: 0;
      width: 71px;
      height: 25px;
      border-radius: 3px;
      background-color: #60b45d;
      color: #fff;
      font-weight: bold;
      padding: 4px 10px; }
  .adwords-create-block .extension-table {
    width: 100%; }
    .adwords-create-block .extension-table .label {
      width: 35%;
      text-align: right;
      padding: 10px 0; }
      .adwords-create-block .extension-table .label.top {
        vertical-align: top;
        padding: 20px 0 10px; }
      .adwords-create-block .extension-table .label label {
        padding-top: 10px;
        font-size: 14px;
        color: #333; }
    .adwords-create-block .extension-table .input {
      padding: 10px 0 17px 10px; }
      .adwords-create-block .extension-table .input select {
        width: 275px;
        height: 30px;
        border-radius: 3px;
        background-color: #eaeaea;
        border: solid 1px #c5c5c5;
        font-size: 12px;
        color: #777;
        padding-left: 15px; }
      .adwords-create-block .extension-table .input input {
        width: 264px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c5c5c5;
        font-size: 14px;
        color: #333;
        padding: 6px 0 6px 10px;
        line-height: 1; }
      .adwords-create-block .extension-table .input a {
        padding: 0; }
      .adwords-create-block .extension-table .input span {
        padding-left: 7px;
        font-size: 14px;
        color: #333; }
  .adwords-create-block .formset-div {
    display: inline-block;
    padding: 10px 10px 10px 0; }
    .adwords-create-block .formset-div:last-of-type {
      padding: 10px 0; }
  .adwords-create-block #id_load_settings_campaigns {
    width: 187px; }
  .adwords-create-block .buttons {
    margin-top: 40px;
    text-align: center; }
    .adwords-create-block .buttons button {
      padding: 11px 35px 10px; }
    .adwords-create-block .buttons a {
      padding: 10px 35px 9px; }
    .adwords-create-block .buttons button, .adwords-create-block .buttons a {
      line-height: 1;
      border-radius: 3px;
      border: none;
      color: #fff;
      font-size: 14px;
      margin: 0 10px;
      text-decoration: none; }
      .adwords-create-block .buttons button:hover, .adwords-create-block .buttons button:active, .adwords-create-block .buttons a:hover, .adwords-create-block .buttons a:active {
        outline: none;
        cursor: pointer; }
      .adwords-create-block .buttons button.blue, .adwords-create-block .buttons a.blue {
        background-color: #438bca; }
      .adwords-create-block .buttons button.cancel, .adwords-create-block .buttons a.cancel {
        background-color: #b1b3b5; }
  .adwords-create-block .table-wrapper {
    border: 1px solid #5a97ce;
    overflow: auto;
    margin-top: 21px; }
  .adwords-create-block .negative-wrapper {
    width: 390px;
    margin: 0 auto; }
    .adwords-create-block .negative-wrapper #campaign {
      width: calc(100% - 78px); }
  .adwords-create-block .logic-block {
    margin: 0 auto;
    padding: 0 !important; }
    .adwords-create-block .logic-block table {
      border-collapse: collapse;
      width: 100%; }
      .adwords-create-block .logic-block table tr.grey {
        background-color: #eee; }
      .adwords-create-block .logic-block table tr td {
        padding: 20px 0; }
      .adwords-create-block .logic-block table tr .label {
        text-align: right;
        width: 40%; }
        .adwords-create-block .logic-block table tr .label.top {
          vertical-align: top;
          padding: 30px 0 10px; }
        .adwords-create-block .logic-block table tr .label label {
          font-size: 14px;
          font-style: normal !important;
          color: #333; }
      .adwords-create-block .logic-block table tr .input {
        padding-left: 10px; }
        .adwords-create-block .logic-block table tr .input div {
          display: inline-block; }
        .adwords-create-block .logic-block table tr .input input {
          padding-left: 10px;
          padding-right: 0;
          border-radius: 3px;
          background-color: #ffffff;
          border: solid 1px #c5c5c5;
          font-size: 14px;
          color: #333; }
        .adwords-create-block .logic-block table tr .input select {
          height: 30px;
          border-radius: 3px;
          border: solid 1px #c5c5c5;
          color: #999999;
          font-size: 12px;
          padding-left: 10px; }
        .adwords-create-block .logic-block table tr .input #name {
          width: 278px; }
        .adwords-create-block .logic-block table tr .input #budget {
          width: 140px; }
        .adwords-create-block .logic-block table tr .input #setting {
          background-color: #eaeaea;
          width: 290px;
          font-weight: bold; }
        .adwords-create-block .logic-block table tr .input .date {
          height: 30px;
          width: 120px; }
        .adwords-create-block .logic-block table tr .input .date-to {
          padding: 0 10px; }
        .adwords-create-block .logic-block table tr .input #relative {
          display: inline;
          position: relative; }
        .adwords-create-block .logic-block table tr .input #optional {
          position: absolute;
          top: -27px;
          left: 0;
          font-size: 10px;
          color: #333; }
        .adwords-create-block .logic-block table tr .input .day-of-week input {
          display: none; }
        .adwords-create-block .logic-block table tr .input .day-of-week input:checked + span {
          background-color: #438bca; }
        .adwords-create-block .logic-block table tr .input .day-of-week span {
          display: inline-block;
          text-align: center;
          margin-right: 4px;
          width: 35.3px;
          height: 25px;
          border-radius: 3px;
          border: none;
          background-color: #7e7e7e;
          font-size: 12px;
          color: #fff; }
          .adwords-create-block .logic-block table tr .input .day-of-week span:hover, .adwords-create-block .logic-block table tr .input .day-of-week span:focus {
            cursor: pointer;
            outline: none; }
        .adwords-create-block .logic-block table tr .input .time {
          height: 30px;
          width: 80px; }
        .adwords-create-block .logic-block table tr .input .white-select {
          background-color: #fff;
          width: 190px;
          font-size: 14px;
          color: #333; }
        .adwords-create-block .logic-block table tr .input #campaign-positive-location, .adwords-create-block .logic-block table tr .input #campaign-negative-location {
          background-color: #fff;
          width: 178px;
          font-size: 14px;
          color: #333; }
        .adwords-create-block .logic-block table tr .input a {
          padding-left: 10px; }
    .adwords-create-block .logic-block .accordion-wrapper #accordion-button {
      background-color: #d7eaff;
      width: 100%;
      border: none;
      text-align: center;
      cursor: pointer;
      outline: none;
      transition: 0.4s;
      padding: 20px;
      font-weight: normal;
      font-size: 22px; }
      .adwords-create-block .logic-block .accordion-wrapper #accordion-button i {
        font-size: 16px;
        color: #7e7e7e; }
    .adwords-create-block .logic-block .accordion-wrapper #accordion-block {
      background-color: #f4f4f4;
      padding: 5px 0 20px 0;
      overflow: hidden;
      transition: 0.6s ease-in-out; }
      .adwords-create-block .logic-block .accordion-wrapper #accordion-block.hide {
        display: none; }
      .adwords-create-block .logic-block .accordion-wrapper #accordion-block table td {
        padding: 10px 0; }
      .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect {
        padding: 10px; }
        .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input h3, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect h3 {
          font-size: 18px;
          color: #333;
          font-weight: normal;
          padding: 15px 0 0 0; }
        .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input p, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect p {
          font-size: 12px;
          color: #777;
          margin: 7px 0 0; }
          .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input p a, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect p a {
            padding: 0;
            text-decoration: none;
            font-size: 12px; }
          .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input p .blue, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect p .blue {
            color: #438bca; }
        .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input select, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect select {
          width: 186px;
          min-height: 30px;
          border-radius: 3px;
          background-color: #ffffff;
          border: solid 1px #c5c5c5; }
        .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .input i, .adwords-create-block .logic-block .accordion-wrapper #accordion-block table .multiselect i {
          margin-left: 5px; }
    .adwords-create-block .logic-block #buttons {
      text-align: center;
      padding: 30px 0; }
      .adwords-create-block .logic-block #buttons button, .adwords-create-block .logic-block #buttons a {
        padding: 10px 35px 9px;
        border-radius: 3px;
        line-height: 1;
        font-size: 14px;
        color: #fff;
        border: none;
        margin: 0 10px; }
        .adwords-create-block .logic-block #buttons button:hover, .adwords-create-block .logic-block #buttons button:active, .adwords-create-block .logic-block #buttons a:hover, .adwords-create-block .logic-block #buttons a:active {
          outline: none;
          cursor: pointer;
          text-decoration: none; }
        .adwords-create-block .logic-block #buttons button.cancel, .adwords-create-block .logic-block #buttons a.cancel {
          background-color: #b1b3b5; }
        .adwords-create-block .logic-block #buttons button.next, .adwords-create-block .logic-block #buttons a.next {
          background-color: #438bca; }

.adwords-modal #modal-window {
  background-color: #fff;
  margin: 0 auto;
  width: 443px;
  padding: 22px 30px 30px 30px; }
  .adwords-modal #modal-window h1 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
    padding-bottom: 40px; }
  .adwords-modal #modal-window select {
    height: 30px;
    border-radius: 3px;
    background-color: #eaeaea;
    border: solid 1px #c5c5c5;
    font-size: 14px;
    padding-left: 10px;
    color: #333; }
    .adwords-modal #modal-window select#for {
      width: 215px; }
    .adwords-modal #modal-window select#money {
      width: 80px; }
  .adwords-modal #modal-window input {
    width: 87px;
    height: 30px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #c5c5c5;
    text-align: right;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    margin: 0 15px; }
  .adwords-modal #modal-window .buttons {
    margin-top: 40px;
    height: 35px; }
    .adwords-modal #modal-window .buttons button, .adwords-modal #modal-window .buttons a {
      right: 0;
      padding: 10px 35px 9px;
      border-radius: 3px;
      line-height: 1;
      border: none;
      color: #fff;
      font-size: 14px;
      float: right;
      margin-left: 20px; }
      .adwords-modal #modal-window .buttons button:hover, .adwords-modal #modal-window .buttons button:active, .adwords-modal #modal-window .buttons a:hover, .adwords-modal #modal-window .buttons a:active {
        outline: none;
        cursor: pointer;
        text-decoration: none; }
      .adwords-modal #modal-window .buttons button#save, .adwords-modal #modal-window .buttons a#save {
        background-color: #438bca; }
      .adwords-modal #modal-window .buttons button#cancel, .adwords-modal #modal-window .buttons a#cancel {
        background-color: #b1b3b5; }

.step-two .content-block {
  position: relative;
  padding: 0; }

.step-two .left-side {
  display: inline-block;
  margin: 0 31px;
  border: 1px solid #5a97ce;
  width: 50%; }

.step-two .right-side {
  position: absolute;
  top: 0;
  right: 31px;
  width: 40%;
  bottom: 8px;
  display: inline-block;
  border: 1px solid #5a97ce; }

.step-two .buttons {
  margin: 40px 30px;
  text-align: center; }
  .step-two .buttons button {
    padding: 10px 35px 9px;
    border-radius: 3px;
    line-height: 1;
    border: none;
    color: #fff;
    font-size: 14px;
    margin: 0 10px; }
    .step-two .buttons button:hover, .step-two .buttons button:active {
      outline: none;
      cursor: pointer; }
    .step-two .buttons button.blue {
      background-color: #438bca; }
    .step-two .buttons button#cancel {
      background-color: #b1b3b5; }

.inline-keywords-table {
  width: 650px;
  display: inline-block; }

.inline-negative-table {
  width: 320px;
  display: inline-block;
  vertical-align: top; }
  .inline-negative-table .handsontable td {
    height: 40px; }

.bottom-fixed-buttons {
  width: 955px;
  position: fixed;
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #b1b3b5;
  bottom: 0;
  z-index: 1; }

#waypoint-block.long {
  height: 75px; }

#empty-data {
  margin: 10px;
  text-align: center;
  font-size: 26px;
  color: #4f4f4f; }

#up-to-header {
  padding: 30px 15px 15px 30px;
  border-radius: 100% 0 0 0;
  position: fixed;
  transition: all 0.5s ease-out;
  right: -80px;
  bottom: -80px;
  background-color: #5a97ce; }
  #up-to-header i {
    color: #fff;
    font-size: 25px; }
  #up-to-header.show {
    right: 0;
    bottom: 0; }

.table-description {
  z-index: 1050;
  position: fixed;
  transition: all 0.5s ease-out;
  right: -350px;
  top: 40vh;
  padding: 5px 10px;
  background-color: #d3dadf;
  border: 1px solid #c4cbd0;
  color: #4f4f4f;
  width: 300px;
  height: auto; }
  .table-description.visible {
    right: -1px; }
  .table-description i {
    float: left;
    font-size: 13px;
    cursor: pointer; }
  .table-description p {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.5; }

.adwords-menu__buttons {
  display: flex; }
  .adwords-menu__buttons .adwords-menu__button, .adwords-menu__buttons .adwords-menu__button--get, .adwords-menu__buttons .adwords-menu__button--upload {
    transition: background-color, 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    padding: 0 20px;
    border: none;
    border-radius: 3px;
    outline: none;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    cursor: pointer; }
    .adwords-menu__buttons .adwords-menu__button:first-of-type, .adwords-menu__buttons .adwords-menu__button--get:first-of-type, .adwords-menu__buttons .adwords-menu__button--upload:first-of-type {
      margin-right: 10px; }
    .adwords-menu__buttons .adwords-menu__button i, .adwords-menu__buttons .adwords-menu__button--get i, .adwords-menu__buttons .adwords-menu__button--upload i {
      margin-right: 5px; }
  .adwords-menu__buttons .adwords-menu__button--get {
    background-color: #727272; }
    .adwords-menu__buttons .adwords-menu__button--get:hover {
      background-color: #848484; }
    .adwords-menu__buttons .adwords-menu__button--get:active {
      background-color: #606060; }
  .adwords-menu__buttons .adwords-menu__button--upload {
    background-color: #438bca; }
    .adwords-menu__buttons .adwords-menu__button--upload:hover {
      background-color: #5f9cd2; }
    .adwords-menu__buttons .adwords-menu__button--upload:active {
      background-color: #3379b6; }

.product-pages .tabs-button {
  margin: 20px 0 0 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  font-size: 12px;
  padding: 6px 30px;
  font-weight: bold;
  color: #555;
  outline: none;
  text-decoration: none;
  display: inline-block; }
  .product-pages .tabs-button.active {
    background-color: #2a78ba;
    color: #fff; }

.product-pages__tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .product-pages__tabs .adwords-menu__buttons {
    padding: 3px 0; }

.product-pages .automator-wrapper {
  border-radius: 3px;
  padding: 5px 5px 50px;
  background-color: #ffffff;
  border: solid 1px #979797;
  min-height: 550px; }
  .product-pages .automator-wrapper.no-related-campaign {
    padding: 100px 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .product-pages .automator-wrapper.no-related-campaign h4 {
      margin: 15px 0; }
    .product-pages .automator-wrapper.no-related-campaign a {
      width: auto;
      padding: 0 10px; }

#simplemodal-overlay {
  background-color: #000; }

#simplemodal-container {
  position: absolute !important; }

.modal-window {
  position: relative;
  display: none;
  background-color: #fff;
  padding: 30px 50px 30px; }
  .modal-window#ad-modal, .modal-window#group-modal {
    width: 1110px; }
  .modal-window#confirmation-modal, .modal-window#delete-confirmation-modal, .modal-window#update-confirmation-modal, .modal-window#upload-confirmation-modal {
    width: 760px;
    text-align: center; }
    .modal-window#confirmation-modal span, .modal-window#confirmation-modal p, .modal-window#delete-confirmation-modal span, .modal-window#delete-confirmation-modal p, .modal-window#update-confirmation-modal span, .modal-window#update-confirmation-modal p, .modal-window#upload-confirmation-modal span, .modal-window#upload-confirmation-modal p {
      color: #555; }
    .modal-window#confirmation-modal span, .modal-window#delete-confirmation-modal span, .modal-window#update-confirmation-modal span, .modal-window#upload-confirmation-modal span {
      font-size: 16px; }
    .modal-window#confirmation-modal p, .modal-window#delete-confirmation-modal p, .modal-window#update-confirmation-modal p, .modal-window#upload-confirmation-modal p {
      padding-top: 30px;
      font-size: 18px; }
    .modal-window#confirmation-modal .red, .modal-window#delete-confirmation-modal .red, .modal-window#update-confirmation-modal .red, .modal-window#upload-confirmation-modal .red {
      padding-top: 20px;
      font-size: 14px;
      color: #cd273b; }
  .modal-window .list-table {
    margin-top: 20px; }
  .modal-window i {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
    color: #777;
    cursor: pointer; }
  .modal-window h2 {
    text-align: center;
    padding: 0 0 40px;
    font-size: 24px;
    color: #333; }
  .modal-window .select-block {
    padding-bottom: 26px; }
    .modal-window .select-block span {
      display: inline-block;
      font-size: 14px;
      line-height: 1;
      color: #333; }
    .modal-window .select-block select, .modal-window .select-block input {
      margin-left: 10px;
      width: 250px;
      height: 30px;
      border-radius: 3px;
      background-color: #ffffff;
      border: solid 1px #c5c5c5;
      font-size: 14px;
      color: #777;
      padding-left: 10px; }
  .modal-window .handsontable:first-of-type {
    min-height: 81px; }
    .modal-window .handsontable:first-of-type td {
      min-height: 40px; }
  .modal-window .buttons-wrapper {
    margin-top: 40px;
    width: 100%;
    text-align: center; }
    .modal-window .buttons-wrapper button {
      border: none;
      margin: 0 10px;
      width: 110px;
      height: 35px;
      border-radius: 3px;
      font-size: 14px;
      color: #fff; }
      .modal-window .buttons-wrapper button.cancel {
        background-color: #b1b3b5; }
      .modal-window .buttons-wrapper button.save {
        background-color: #438bca; }

.adwords-automator-page .wrapper {
  display: table; }
  .adwords-automator-page .wrapper > div:last-of-type {
    display: table-header-group;
    outline: red; }
    .adwords-automator-page .wrapper > div:last-of-type #content {
      width: 100%; }
      .adwords-automator-page .wrapper > div:last-of-type #content #message-allert {
        position: relative !important;
        margin-bottom: 5px; }

.adwords-automator-page .mfp-bg {
  background-color: #111 !important;
  opacity: 0.5 !important; }

.adwords-automator-page .mfp-content {
  position: relative;
  background-color: #fff !important;
  width: auto !important;
  padding: 20px 30px 30px;
  text-align: center !important; }
  .adwords-automator-page .mfp-content .mfp-close {
    position: absolute; }
    .adwords-automator-page .mfp-content .mfp-close span {
      display: none; }
  .adwords-automator-page .mfp-content .header-block {
    text-align: left !important; }
  .adwords-automator-page .mfp-content h1 {
    font-size: 22px;
    color: #333;
    padding-bottom: 40px; }
  .adwords-automator-page .mfp-content .label {
    vertical-align: top;
    text-align: right;
    padding-right: 10px; }
  .adwords-automator-page .mfp-content label, .adwords-automator-page .mfp-content span {
    font-size: 14px;
    color: #333; }
  .adwords-automator-page .mfp-content input {
    width: 270px; }
  .adwords-automator-page .mfp-content select {
    width: 286px;
    height: 29px;
    border-radius: 3px;
    background-color: #eaeaea;
    border: solid 1px #c5c5c5;
    font-size: 12px;
    color: #777;
    padding-left: 15px; }
  .adwords-automator-page .mfp-content .input {
    text-align: left !important;
    position: relative; }
    .adwords-automator-page .mfp-content .input .desc {
      position: absolute;
      left: 0;
      bottom: 4px;
      font-size: 12px; }
    .adwords-automator-page .mfp-content .input i {
      top: 6px;
      right: 8px;
      position: absolute;
      color: #d4d4d4; }
    .adwords-automator-page .mfp-content .input ul {
      z-index: 100;
      position: absolute;
      background-color: #fff;
      border: 1px solid #d4d4d4; }
      .adwords-automator-page .mfp-content .input ul li {
        padding: 5px;
        font-size: 14px;
        color: #333;
        cursor: pointer; }
    .adwords-automator-page .mfp-content .input .ng-scope {
      max-width: 276px !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 5px;
      font-size: 14px;
      color: #333; }
      .adwords-automator-page .mfp-content .input .ng-scope span {
        white-space: normal;
        padding: 0; }
      .adwords-automator-page .mfp-content .input .ng-scope button {
        float: right;
        border: none;
        background-color: #fff;
        color: #318be7;
        cursor: pointer; }
  .adwords-automator-page .mfp-content span {
    padding-left: 7px; }
  .adwords-automator-page .mfp-content td {
    padding-bottom: 20px; }
  .adwords-automator-page .mfp-content button.blue {
    width: 110px;
    height: 35px;
    border-radius: 3px;
    background-color: #438bca;
    border: none;
    color: #fff;
    cursor: pointer; }

#edit-group-form .select-block {
  display: flex;
  align-items: center; }

.fa.full_screen_adwords {
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 4px; }

.fa.full_screen_adwords:hover,
.full_screen_adwords.enabled {
  color: #438bca;
  font-size: 28px;
  margin-top: -14px;
  margin-right: 0; }

.product-pages .choose-campaign {
  position: relative;
  padding-right: 30px; }

.statistic_msg {
  padding: 10px 20px 10px 10px;
  position: relative;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  box-sizing: border-box; }

.statistic_msg.error_msg {
  background-color: #fdb8bb;
  min-height: 75px; }

.statistic_msg.error_msg div {
  color: #b71419; }

.statistic_msg.success_msg {
  background-color: #C8FFD4;
  min-height: 40px; }

.statistic_msg.success_msg div {
  color: #424242; }

.statistic_msg .icon_action {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 10px;
  color: #b71419;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s; }

.icon_action:hover {
  color: #ff2027; }

.statistic_msg .fa-refresh {
  top: auto;
  color: #149a14;
  bottom: 10px; }

.statistic_msg .fa-refresh:hover {
  color: #00ff00; }

.statistic_msg.removed_statistic_error_msg {
  min-height: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.inserted-user {
  text-align: center;
  font-size: 14px; }

/* autocomplete*/
.item-product {
  color: #007d54; }

.item-solution {
  color: #900115; }

.item-product-id {
  color: #025E2A; }

.item-solution-id {
  color: #4b0f0f; }

.remote-edit-form .field {
  padding-left: 135px;
  position: relative;
  margin-bottom: 15px; }
  .remote-edit-form .field:last-child {
    margin-bottom: 0; }
  .remote-edit-form .field label:first-child {
    position: absolute;
    left: 15px;
    top: 2px;
    width: 114px;
    text-align: right;
    font-size: 14px;
    font-style: italic;
    color: #5a5a5a;
    font-family: 'Open Sans', sans-serif; }
  .remote-edit-form .field select {
    width: 191px; }

.remote-edit-form input[type=submit] {
  display: flex;
  margin: 0 auto; }

.remote .sidebar .actions span {
  font-size: 20px;
  font-family: "Open Sans";
  color: #000; }

.remote .sidebar .actions a {
  border-radius: 4px;
  font-family: "Helvetica";
  text-decoration: none;
  padding: 9px 87px;
  font-weight: bold;
  font-size: 12px;
  line-height: 4; }
  .remote .sidebar .actions a.blue {
    background-color: #248bda;
    color: #fff; }
    .remote .sidebar .actions a.blue:hover {
      color: #FFFFFF;
      background-color: #4fa2e2; }
  .remote .sidebar .actions a.red {
    color: #d46666;
    border: 1px solid #d46666; }
    .remote .sidebar .actions a.red:hover {
      background-color: #da7a7a;
      color: #fff; }