@charset "UTF-8";
/* :: CSS Makefile ::
------------------------
Actuellement, tous les `@import "xxx";` de Sass se font dans ce fichier.
*/
/* :: Fonts ::
-----------------
Ici sont definis toutes les polices, ce qui nous laisse la possibilité
de les utiliser comme ceci: `font-family: "brandontext-bold";`.
*/
@font-face {
  font-family: "tactill";
  src: url("/fonts/tactill-font.ttf"); }

@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/FontAwesome.otf"); }

@font-face {
  font-family: "brandontext";
  src: url("/fonts/brandontext-regular.otf"); }

@font-face {
  font-family: "brandontext-medium";
  src: url("/fonts/brandontext-medium.otf"); }

@font-face {
  font-family: "brandontext-bold";
  src: url("/fonts/brandontext-bold.otf"); }

@font-face {
  font-family: "brandontext-light";
  src: url("/fonts/brandontext-light.otf"); }

.load-font {
  position: absolute;
  opacity: 0; }

.load-font_light {
  font-family: "brandontext-light"; }

.load-font_medium {
  font-family: "brandontext-medium"; }

.load-font_bold {
  font-family: "brandontext-bold"; }

/* :: Icones ::
------------------
Actuellement j'utilise FontAwesome sauf que j'ai changé le naming et que je n'utilise plus le gros `fontawesome.css`.
Theoriquement, seul les valeurs telles que: `\f058` etc. devrait etre modifiées, pour laisser place aux vraies icones Tactill
car les noms donnés ici correspondent a Tactill (ex: `icon-refunded` au lieu de `fa-undo`).
À noter qu'il y a surement moyen de factoriser ce fichier avec boucle Sass ou whatever.
*/
.icon, .tpl-thumbnailEdit .colors a {
  display: inline-block;
  text-indent: 0;
  font-family: "tactill" !important;
  font-weight: normal !important;
  font-style: normal !important; }
  .icon.fa, .dataTable .public_fixedDataTable_header .asc:after,
  .dataTable .public_fixedDataTable_header .desc:after, .tpl-thumbnailEdit .colors a.fa {
    font-family: "FontAwesome" !important; }

@-webkit-keyframes anim-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes anim-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }
  .icon.spin, .tpl-thumbnailEdit .colors a.spin {
    -webkit-animation: anim-spin 2s infinite linear;
            animation: anim-spin 2s infinite linear; }
  .icon.fw, .tpl-thumbnailEdit .colors a {
    width: 1.28571429em;
    text-align: center; }
  .icon.angledown:after, .tpl-thumbnailEdit .colors a.angledown:after {
    content: "\F107"; }
  .icon.success:after, .tpl-thumbnailEdit .colors a.success:after {
    content: "\F058"; }
  .icon.error:after, .tpl-thumbnailEdit .colors a.error:after {
    content: "\F057"; }
  .icon.warn:after, .tpl-thumbnailEdit .colors a.warn:after {
    content: "\F071"; }
  .icon.info:after, .tpl-thumbnailEdit .colors a.info:after {
    content: "\F05A"; }
  .icon.account:after, .tpl-thumbnailEdit .colors a.account:after {
    content: "\F007"; }
  .icon.acquire:after, .tpl-thumbnailEdit .colors a.acquire:after {
    content: "\F1EB"; }
  .icon.activities:after, .tpl-thumbnailEdit .colors a.activities:after {
    content: "\E901"; }
  .icon.analyser:after, .tpl-thumbnailEdit .colors a.analyser:after {
    content: "\F080"; }
  .icon.arrowRight:after, .tpl-thumbnailEdit .colors a.arrowRight:after {
    content: "\F061"; }
  .icon.back:after, .tpl-thumbnailEdit .colors a.back:after, .icon.left:after, .tpl-thumbnailEdit .colors a.left:after {
    content: "\E943"; }
  .icon.calendar:after, .tpl-thumbnailEdit .colors a.calendar:after {
    content: "\F073"; }
  .icon.cash:after, .tpl-thumbnailEdit .colors a.cash:after {
    content: "\E913"; }
  .icon.catalog:after, .tpl-thumbnailEdit .colors a.catalog:after {
    content: "\E914"; }
  .icon.check:after, .tpl-thumbnailEdit .colors a.check:after, .tpl-thumbnailEdit .colors a.selected:after {
    content: "\F00C"; }
  .icon.checkmark:after, .tpl-thumbnailEdit .colors a.checkmark:after {
    content: "\E91E"; }
  .icon.circle:after, .tpl-thumbnailEdit .colors a.circle:after {
    content: "\F111"; }
  .icon.circle-o:after, .tpl-thumbnailEdit .colors a.circle-o:after {
    content: "\F10C"; }
  .icon.credit_card:after, .tpl-thumbnailEdit .colors a.credit_card:after {
    content: "\E926"; }
  .icon.tactillpay:after, .tpl-thumbnailEdit .colors a.tactillpay:after {
    content: "\E98A"; }
  .icon.customers:after, .tpl-thumbnailEdit .colors a.customers:after {
    content: "\F0C0"; }
  .icon.cross:after, .tpl-thumbnailEdit .colors a.cross:after, .icon.close:after, .tpl-thumbnailEdit .colors a.close:after, .icon.delete:after, .tpl-thumbnailEdit .colors a.delete:after {
    content: "\E920"; }
  .icon.email:after, .tpl-thumbnailEdit .colors a.email:after {
    content: "\F003"; }
  .icon.export:after, .tpl-thumbnailEdit .colors a.export:after {
    content: "\E937"; }
  .icon.fullscreen:after, .tpl-thumbnailEdit .colors a.fullscreen:after {
    content: "\F065"; }
  .icon.help:after, .tpl-thumbnailEdit .colors a.help:after {
    content: "\F059"; }
  .icon.import:after, .tpl-thumbnailEdit .colors a.import:after {
    content: "\E955"; }
  .icon.integrations:after, .tpl-thumbnailEdit .colors a.integrations:after {
    content: "\F121"; }
  .icon.lock:after, .tpl-thumbnailEdit .colors a.lock:after {
    content: "\F023"; }
  .icon.loading:after, .tpl-thumbnailEdit .colors a.loading:after, .icon.refresh:after, .tpl-thumbnailEdit .colors a.refresh:after {
    content: "\F021"; }
  .icon.logout:after, .tpl-thumbnailEdit .colors a.logout:after {
    content: "\E94E"; }
  .icon.new:after, .tpl-thumbnailEdit .colors a.new:after {
    content: "\E902"; }
  .icon.paycheck:after, .tpl-thumbnailEdit .colors a.paycheck:after {
    content: "\E91F"; }
  .icon.payment:after, .tpl-thumbnailEdit .colors a.payment:after {
    content: "\E98A"; }
  .icon.payments:after, .tpl-thumbnailEdit .colors a.payments:after {
    content: "\E968"; }
  .icon.folder:after, .tpl-thumbnailEdit .colors a.folder:after {
    content: "\E916"; }
  .icon.discount:after, .tpl-thumbnailEdit .colors a.discount:after {
    content: "\E92E"; }
  .icon.photo:after, .tpl-thumbnailEdit .colors a.photo:after {
    content: "\F030"; }
  .icon.placeholder:after, .tpl-thumbnailEdit .colors a.placeholder:after {
    content: "\F243"; }
  .icon.print:after, .tpl-thumbnailEdit .colors a.print:after {
    content: "\F02F"; }
  .icon.refunded:after, .tpl-thumbnailEdit .colors a.refunded:after {
    content: "\F0E2"; }
  .icon.reset:after, .tpl-thumbnailEdit .colors a.reset:after {
    content: "\F12D"; }
  .icon.right:after, .tpl-thumbnailEdit .colors a.right:after {
    content: "\F105"; }
  .icon.save:after, .tpl-thumbnailEdit .colors a.save:after {
    content: "\F0C7"; }
  .icon.search:after, .tpl-thumbnailEdit .colors a.search:after {
    content: "\E94C"; }
  .icon.settings:after, .tpl-thumbnailEdit .colors a.settings:after {
    content: "\E982"; }
  .icon.sort-asc:after, .tpl-thumbnailEdit .colors a.sort-asc:after {
    content: "\F0DE"; }
  .icon.sort-desc:after, .tpl-thumbnailEdit .colors a.sort-desc:after {
    content: "\F0DD"; }
  .icon.stock:after, .tpl-thumbnailEdit .colors a.stock:after, .icon.box:after, .tpl-thumbnailEdit .colors a.box:after {
    content: "\F187"; }
  .icon.stripe:after, .tpl-thumbnailEdit .colors a.stripe:after {
    content: "\F1F5"; }
  .icon.team:after, .tpl-thumbnailEdit .colors a.team:after {
    content: "\F0F0"; }
  .icon.trophy:after, .tpl-thumbnailEdit .colors a.trophy:after {
    content: "\F091"; }
  .icon.unfullscreen:after, .tpl-thumbnailEdit .colors a.unfullscreen:after {
    content: "\F066"; }
  .icon.willBeRefund:after, .tpl-thumbnailEdit .colors a.willBeRefund:after {
    content: "\F112"; }
  .icon.expand:after, .tpl-thumbnailEdit .colors a.expand:after {
    content: "\E998"; }
  .icon.contract:after, .tpl-thumbnailEdit .colors a.contract:after {
    content: "\E997"; }
  .icon.x2:after, .tpl-thumbnailEdit .colors a.x2:after {
    content: "x2";
    font-family: sans-serif; }
  .icon.x3:after, .tpl-thumbnailEdit .colors a.x3:after {
    content: "x3";
    font-family: sans-serif; }
  .icon.x4:after, .tpl-thumbnailEdit .colors a.x4:after {
    content: "x4";
    font-family: sans-serif; }
  .icon.x5:after, .tpl-thumbnailEdit .colors a.x5:after {
    content: "x5";
    font-family: sans-serif; }
  .icon.x6:after, .tpl-thumbnailEdit .colors a.x6:after {
    content: "x6";
    font-family: sans-serif; }
  .icon.x7:after, .tpl-thumbnailEdit .colors a.x7:after {
    content: "x7";
    font-family: sans-serif; }
  .icon.x8:after, .tpl-thumbnailEdit .colors a.x8:after {
    content: "x8";
    font-family: sans-serif; }

#sidemenu .icon, #sidemenu .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #sidemenu a {
  font-size: 34px; }
  #sidemenu .icon.payment, #sidemenu .tpl-thumbnailEdit .colors a.payment, .tpl-thumbnailEdit .colors #sidemenu a.payment {
    font-size: 46px; }

#header .right .icon, #header .right .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #header .right a {
  font-size: 28px; }

#header .icon.back, #header .tpl-thumbnailEdit .colors a.back, .tpl-thumbnailEdit .colors #header a.back {
  font-size: 14px; }

.fs-tiny {
  font-size: 12px; }

.fs-small {
  font-size: 14px; }

.fs-big {
  font-size: 20px; }

.fs-fat {
  font-size: 24px; }

.fw-bold {
  font-family: "brandontext-bold"; }

.fw-medium {
  font-family: "brandontext-medium"; }

.fw-normal {
  font-family: "brandontext"; }

.tt-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

#app {
  font: 16px "brandontext"; }

#sidemenu,
#header,
#ActSynth nav {
  font-size: 18px; }

h1 {
  font-size: 35px;
  font-family: "brandontext-light"; }

.tpl-fullList-details .top .title {
  font-size: 24px; }

.tpl-fullList-details .top .price {
  margin: 20px 0 5px 0;
  font-size: 30px; }

.tpl-row.articlePaid .title .options,
.tpl-fullList-details .articles .tpl-row.discountUsed,
.datepicker-dates label span {
  font-size: 12px; }

.paragraph {
  margin: 30px 0;
  font-size: 18px;
  color: #606060; }

html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: fixed; }

.svg-sprite {
  position: absolute;
  height: 0;
  width: 0;
  visibility: hidden; }

h1,
hr,
body {
  margin: 0;
  font-family: "brandontext"; }

h1, h2 {
  font-weight: normal; }

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

b {
  font-weight: normal;
  font-family: "brandontext-bold"; }

hr {
  margin: 0;
  border: 0;
  border-top: 1px solid; }
  hr.vr {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 1em;
    margin: 0 .5em;
    border-left: 1px solid; }

.hidden,
[hidden] {
  display: none !important; }

.tt-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tt-upper {
  text-transform: uppercase; }

.tt-lower {
  text-transform: lowercase; }

::-webkit-scrollbar {
  width: 5px;
  height: 5px; }
  ::-webkit-scrollbar-thumb {
    background: #d6d6d6; }
  ::-webkit-scrollbar-track {
    background: #f9f9f9; }

/**
 * FixedDataTable v0.6.3 
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellGroupLayout
 */
.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap; }

.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */
.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0 1px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal; }

.fixedDataTableCellLayout_lastChild {
  border-width: 0 1px 1px 0; }

.fixedDataTableCellLayout_alignRight {
  text-align: right; }

.fixedDataTableCellLayout_alignCenter {
  text-align: center; }

.fixedDataTableCellLayout_wrap1 {
  display: table; }

.fixedDataTableCellLayout_wrap2 {
  display: table-row; }

.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle; }

.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1; }

.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize; }

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible; }

.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px; }

.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 10; }

body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important; }

.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */
.fixedDataTableLayout_main {
  border-style: solid;
  border-width: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative; }

.fixedDataTableLayout_header,
.fixedDataTableLayout_hasBottomBorder {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px; }

.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1; }

.fixedDataTableLayout_bottomShadow {
  margin-top: -4px; }

.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative; }

.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */
.fixedDataTableRowLayout_main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0; }

.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0; }

.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-left-style: solid;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0; }

.fixedDataTableRowLayout_columnsShadow {
  width: 4px; }

.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */
.ScrollbarLayout_main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  -webkit-transition-property: background-color width;
  transition-property: background-color width;
  width: 15px; }

.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,
.ScrollbarLayout_mainVertical:hover {
  width: 17px; }

.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  -webkit-transition-property: background-color height;
  transition-property: background-color height; }

/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px; }

.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1; }

/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease; }

.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0; }

.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%; }

.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0; }

.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */
/**
 * Table.
 */
.public_fixedDataTable_main {
  border-color: #d3d3d3; }

.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
  border-color: #d3d3d3; }

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold; }

.public_fixedDataTable_header,
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
  background-image: linear-gradient(#fff, #efefef); }

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  border-color: #d3d3d3; }

.public_fixedDataTable_topShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x; }

.public_fixedDataTable_bottomShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x; }

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */
/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  background-color: #fff;
  border-color: #d3d3d3; }

.public_fixedDataTableCell_highlighted {
  background-color: #f4f4f4; }

.public_fixedDataTableCell_cellContent {
  padding: 4px 8px; }

.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */
/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */
/**
 * Table row.
 */
.public_fixedDataTableRow_main {
  background-color: #fff; }

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  background-color: #f6f7f8; }

.public_fixedDataTableRow_fixedColumnsDivider {
  border-color: #d3d3d3; }

.public_fixedDataTableRow_columnsShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y; }

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */
/**
 * Scrollbars.
 */
/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255, 255, 255, 0.8); }

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff; }

.public_Scrollbar_face:after {
  background-color: #c2c2c2; }

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d; }

.fixedDataTableLayout_main {
  border: 0; }

.public_fixedDataTable_header .fixedDataTableCellLayout_main {
  border-right-style: dashed; }
  .public_fixedDataTable_header .fixedDataTableCellLayout_main:last-child {
    border: 0; }

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: normal;
  font-family: "brandontext-medium"; }

.public_fixedDataTable_bodyRow .fixedDataTableCellLayout_main {
  border: 0; }

.fixedDataTableCellLayout_wrap1 {
  width: 100%;
  height: 100%; }

.public_fixedDataTableCell_main {
  background: #fff !important; }

.checkbox-custo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin-right: 15px;
  font-size: 22px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  overflow: hidden;
  -webkit-transition: .2s;
  transition: .2s; }

.checkbox-custo-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #57bd47;
  color: white;
  opacity: 0;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .2s;
  transition: .2s; }

.checkbox:checked + .checkbox-custo {
  border-color: transparent; }
  .checkbox:checked + .checkbox-custo .checkbox-custo-background {
    opacity: 1;
    border-radius: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }

.checkbox-custo-label {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: middle;
  margin-left: 10px; }

.checkbox-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px; }

.checkbox-list {
  text-align: left;
  min-width: 150px; }

.checkbox-list__title {
  margin-bottom: 10px;
  font-family: "brandontext-medium"; }

.checkbox-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px; }

.radio-container {
  display: inline-block;
  margin-bottom: 60px; }

.radio {
  display: none; }

.radio-custo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #808080;
  border-radius: 50%;
  -webkit-transition: .2s;
  transition: .2s; }
  .radio-custo::after {
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #57bd47;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .2s;
    transition: .2s; }

.radio:checked + .radio-custo {
  border-color: #57bd47; }
  .radio:checked + .radio-custo::after {
    -webkit-transform: scale(1);
            transform: scale(1); }

.radio-custo-label {
  margin-left: 10px;
  vertical-align: middle; }

.btn {
  display: inline-block;
  width: auto;
  height: auto;
  line-height: initial;
  padding: 10px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background .5s, padding .1s;
  transition: background .5s, padding .1s; }
  .btn.big {
    padding: 12px 40px;
    font-size: 18px; }
  .btn.submit {
    color: #fff;
    background: #68c45a; }
  .btn[disabled] {
    cursor: not-allowed;
    color: #8a8a8a;
    background: #bdbdbd; }
  .btn.blue {
    background: #058edd; }

select:not(.tt-form-input),
input[type="text"]:not(.tt-form-input),
input[type="password"]:not(.tt-form-input),
input[type="email"]:not(.tt-form-input),
input[type="number"]:not(.tt-form-input) {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  height: 44px;
  line-height: 44px;
  font-size: inherit;
  font-family: inherit;
  background: transparent; }
  select:not(.tt-form-input):disabled,
  input[type="text"]:not(.tt-form-input):disabled,
  input[type="password"]:not(.tt-form-input):disabled,
  input[type="email"]:not(.tt-form-input):disabled,
  input[type="number"]:not(.tt-form-input):disabled {
    background-color: #f3f3f3;
    color: #606060; }

input[type="submit"] {
  display: none; }

::-webkit-input-placeholder {
  color: #aaa; }

:-ms-input-placeholder {
  color: #aaa; }

::-moz-placeholder {
  color: #aaa; }

:-moz-placeholder {
  color: #aaa; }

.form-thumbnail-btn {
  width: 375px;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  cursor: pointer; }
  .form-thumbnail-btn .folder {
    position: relative;
    top: -2px;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 40px;
    color: #57bd47; }
  .form-thumbnail-btn input {
    display: none; }

.form-btn {
  height: 50px;
  line-height: 50px;
  margin: 20px 0;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 18px;
  color: #404040;
  cursor: pointer; }

.form-btn_delete {
  color: #f44f60; }

.form-btn__drop-icon {
  margin-left: 15px;
  font-size: 12px;
  -webkit-transform: scale(-1) rotate(90deg);
          transform: scale(-1) rotate(90deg);
  -webkit-transition: .3s;
  transition: .3s; }

.form-btn__drop-icon_reverse {
  -webkit-transform: scale(-1) rotate(-90deg);
          transform: scale(-1) rotate(-90deg); }

.form-field-set {
  margin: 35px 0; }

.form-field-set__title {
  padding: 5px 15px;
  color: #808080;
  border-bottom: 1px solid #d9d9d9;
  font-family: "brandontext-medium";
  font-size: 13px; }

.form-field-set__button {
  padding: 0 15px; }

.form-field-item {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.dd-dropdown {
  position: absolute;
  line-height: initial;
  color: black; }

.dd-pages {
  position: relative;
  overflow: hidden;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transition-property: height;
  transition-property: height; }

.dd-page {
  position: absolute;
  left: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transition-property: left;
  transition-property: left;
  border-radius: 3px;
  overflow: auto; }

.dd-back {
  position: absolute;
  z-index: 1; }

.dd-dropdown,
.dd-back {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s; }

.dd-show {
  visibility: visible;
  opacity: 1; }

.dd-items {
  background-color: white; }

.dd-dropdown {
  position: absolute;
  z-index: 1000;
  width: 250px;
  right: 0;
  top: 100%;
  margin-top: 10px;
  text-align: left; }
  .dd-dropdown .dd-pages {
    border-radius: 3px; }
    .dd-dropdown .dd-pages .dd-page {
      background: #fff; }
  .dd-dropdown .dd-title,
  .dd-dropdown .dd-item {
    padding: 0.4em 0.6em;
    border: 0 solid #d9d9d9; }
  .dd-dropdown .dd-title {
    text-align: center;
    font-family: "brandontext-bold";
    border-bottom-width: 1px; }
  .dd-dropdown .dd-item {
    line-height: 2.5em;
    cursor: pointer; }
  .dd-dropdown .dd-item + .dd-item {
    border-top-width: 1px;
    padding-left: 0;
    margin-left: 0.6em; }
  .dd-dropdown .dd-back {
    margin: 10px 0 0 0.6em; }

.tablist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0; }
  .tablist .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .tablist .data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: auto; }

#app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#app.unpaid {
  height: calc(100% - 50px); }

#sidemenu,
#sidemenu header,
#header,
#views > * {
  -webkit-transition-duration: .2s;
          transition-duration: .2s; }

.open-app-anim-enter#app {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  opacity: 0.01; }

.open-app-anim-enter.open-app-anim-enter-active#app {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }

.open-app-anim-leave#app {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.open-app-anim-leave.open-app-anim-leave-active#app {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  opacity: 0;
  -webkit-transition: .4s;
  transition: .4s; }

#blackscreen {
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s; }
  #blackscreen.show {
    opacity: 1;
    visibility: visible; }

#sidemenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
  width: 240px;
  color: #b0b1b5;
  background: #242331;
  -webkit-transition: .3s;
  transition: .3s; }
  #sidemenu header {
    position: relative; }
    #sidemenu header * {
      position: absolute;
      top: 50%;
      width: 100%;
      height: 35px;
      margin-top: -17.5px;
      text-align: center;
      color: #fff; }
  #sidemenu .picto {
    display: none; }
  #sidemenu nav.middle {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  #sidemenu nav.down {
    position: relative;
    padding-bottom: 0.75em; }
  #sidemenu hr {
    margin: 1em auto;
    border: 0;
    width: 78%;
    height: 1px;
    background: #353449; }
  #sidemenu nav.account {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 250px;
    padding: 0.75em 0;
    border-radius: 0 8px 0 0;
    background: #45435e;
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
    opacity: 0;
    margin-left: -10px; }
  #sidemenu a.account:focus + nav.account {
    visibility: visible;
    opacity: 1;
    margin-left: 0; }
  #sidemenu a {
    position: relative;
    left: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 2.3em;
    padding-right: 1em;
    margin: 15px 0;
    -webkit-transition: .2s;
    transition: .2s; }
    #sidemenu a .icon, #sidemenu a .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #sidemenu a a {
      width: 60px;
      min-width: 60px;
      text-align: center; }
    #sidemenu a.selected {
      color: #fff;
      font-family: "brandontext"; }
      #sidemenu a.selected .sidemenu-link__border {
        opacity: 1;
        -webkit-transform: scaleY(1);
                transform: scaleY(1); }
    #sidemenu a.account img {
      width: 32px;
      vertical-align: middle;
      border-radius: 50%; }
    #sidemenu a .sidemenu__icon-container {
      width: 60px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #sidemenu a .sidemenu__icon_standart {
      width: 27px;
      height: 26px; }
    #sidemenu a .sidemenu__icon_activities {
      width: 24px;
      height: 25px; }
    #sidemenu a .sidemenu__icon_catalog {
      width: 25px;
      height: 22px; }
    #sidemenu a .sidemenu__icon_customers {
      width: 25px;
      height: 21px; }
    #sidemenu a .sidemenu__icon_tactill-pay-icon {
      width: 22px;
      height: 40px; }
    #sidemenu a .sidemenu__icon_hammer {
      width: 26px;
      height: 26px; }
    #sidemenu a .sidemenu__icon_settings {
      width: 24px;
      height: 24px; }
    #sidemenu a .sidemenu__icon_logout {
      width: 22px;
      height: 22px; }
    #sidemenu a .sidemenu-link__border {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -3px;
      width: 3px;
      height: initial;
      margin: 0;
      border: none;
      background-color: #57bd47;
      opacity: 0;
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transition: .2s;
      transition: .2s; }
  @media screen and (max-width: 1200px) {
    #sidemenu {
      width: 70px; }
      #sidemenu .logo,
      #sidemenu > nav > a span {
        display: none; }
      #sidemenu .picto {
        display: block; }
      #sidemenu .go-live-container {
        width: 100%;
        border: none;
        padding: 0; }
      #sidemenu .go-live-sentence {
        display: none; }
      #sidemenu .go-live-btn {
        display: none; }
      #sidemenu .go-live-btn-min {
        display: inline-block; }
      #sidemenu .progress-bar-value-container {
        margin: 0; }
      #sidemenu .progress-bar, #sidemenu .progress-bar-label {
        display: none; } }

#sidecontent {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #sidecontent > .content {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

@media screen and (max-width: 900px) {
  #header,
  #views > * {
    padding-left: 0;
    padding-right: 0; } }

#sidemenu header,
#header {
  height: 127px;
  -webkit-transition-property: padding, height;
  transition-property: padding, height; }

#header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #d9d9d9;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10; }
  #header.header_push-down {
    z-index: 10;
    position: relative;
    top: 200px; }
  #header h1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    margin: 0;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 1.45rem; }
    @media screen and (max-width: 768px) {
      #header h1 {
        font-size: 1.25rem; } }
  #header h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    font-family: "brandontext-light";
    text-align: center;
    font-size: 22px;
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 1.25rem; }
    @media screen and (max-width: 768px) {
      #header h2 {
        font-size: 1.1rem; } }
  #header .line.top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px; }
    @media screen and (max-width: 768px) {
      #header .line.top {
        padding: 0 5px; } }
  #header .line.bottom {
    height: 33%;
    text-align: center;
    margin-bottom: -1px; }
    #header .line.bottom a {
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 100%;
      padding: 0 20px; }
      #header .line.bottom a.selected .header-link__border {
        -webkit-transform: scale(1);
                transform: scale(1); }
    #header .line.bottom .header-link__border {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 2px;
      border: none;
      background-color: #57bd47;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
      -webkit-transition: .2s;
      transition: .2s; }
    @media screen and (max-width: 768px) {
      #header .line.bottom {
        height: 25%; }
        #header .line.bottom a {
          font-size: 0.9rem;
          padding: 0 10px; } }
  #header nav {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    #header nav.left {
      z-index: 1;
      display: none; }
      #header nav.left span {
        cursor: pointer;
        margin-right: 0.8em; }
    #header nav.right {
      z-index: 1;
      text-align: right;
      color: #57bd47; }
      #header nav.right a {
        margin-left: 0.8em; }
      #header nav.right * {
        vertical-align: bottom; }
    #header nav span {
      margin-left: 0.4em; }
    #header nav .save {
      font-family: "brandontext-bold";
      cursor: pointer; }
  #header.editmode {
    height: 55px; }
    #header.editmode h1 {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      opacity: 0; }
    #header.editmode h2 {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
    #header.editmode .bottom {
      display: none; }
    #header.editmode nav.left {
      display: block; }

.header__btn {
  cursor: pointer; }

.header__help-button {
  z-index: 2;
  position: absolute;
  top: 25px;
  left: 20px;
  width: 20pt;
  height: 20pt;
  text-align: center;
  border: 1px solid;
  color: #57bd47;
  border-radius: 50%;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .header__help-button {
      top: 5pt;
      left: 5pt; } }

@media screen and (max-height: 650px) {
  #header {
    height: 80px; }
    #header h1 {
      top: 7px; } }

@media screen and (max-width: 750px) {
  #header nav a span {
    display: none; } }

#import .dropzone {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 250px;
  font-size: 16px;
  padding: 25px;
  border: 2px dashed rgba(0, 0, 0, 0.2);
  border-radius: 4px; }
  #import .dropzone.draghover {
    background: #f5fbf4; }
  #import .dropzone .progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    opacity: .17;
    background: #57bd47;
    -webkit-transition: width .4s linear;
    transition: width .4s linear; }
  #import .dropzone .info {
    opacity: .5; }
  #import .dropzone .file .name,
  #import .dropzone .file .size {
    font-size: 16px; }
  #import .dropzone .file .name {
    font-style: italic; }
  #import .dropzone .file .size {
    margin-left: 1em;
    font-size: .8em; }
    #import .dropzone .file .size:empty {
      display: none; }
    #import .dropzone .file .size:before {
      content: "("; }
    #import .dropzone .file .size:after {
      content: ")"; }
  #import .dropzone .icon, #import .dropzone .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #import .dropzone a {
    margin-right: .5em; }
    #import .dropzone .icon.check, #import .dropzone .tpl-thumbnailEdit .colors a.check, .tpl-thumbnailEdit .colors #import .dropzone a.check {
      color: #57bd47; }
  #import .dropzone .step {
    display: none; }
    #import .dropzone .step.check {
      display: block; }

#import .submit {
  margin-top: 1em; }

#infobulle {
  position: absolute;
  padding: .7em 1em;
  bottom: 0.5em;
  left: 0.5em;
  right: 0.5em;
  border-radius: 4px;
  border: 2px solid;
  color: white;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility; }
  #infobulle.success {
    border-color: green;
    background: rgba(0, 128, 0, 0.5); }
  #infobulle.error {
    border-color: red;
    background: rgba(255, 0, 0, 0.5); }
  #infobulle.warn {
    border-color: yellow;
    background: rgba(255, 255, 0, 0.5); }
  #infobulle.info {
    border-color: blue;
    background: rgba(0, 0, 255, 0.5); }
  #infobulle.show {
    visibility: visible;
    opacity: 1; }
    #infobulle.show.hiding {
      -webkit-transition-duration: 5s;
              transition-duration: 5s;
      visibility: hidden;
      opacity: 0; }
  #infobulle .icon, #infobulle .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #infobulle a,
  #infobulle .title {
    margin-right: .5em; }
  #infobulle .code {
    margin-left: 1em;
    font-size: 11px; }
    #infobulle .code:empty {
      display: none; }
    #infobulle .code:before {
      content: "( "; }
    #infobulle .code:after {
      content: " )"; }

.backoffice-widget {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #59abed;
  color: #FFF;
  font-size: 15px; }
  .backoffice-widget a {
    display: inline-block;
    padding: 5px 25px;
    margin: 0 15px;
    background-color: #8ac5f3;
    border: none;
    border-radius: 3px;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms; }
    .backoffice-widget a:hover {
      background-color: #77bbf3; }

.modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modal-container > span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.modal-view {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  bottom: 50px;
  width: 90%;
  margin: auto;
  background-color: white;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.modal-title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin: 0 0 30px 0;
  text-align: center;
  color: #202020;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 20px;
  font-weight: normal; }

.modal-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }

.modal-content_padding {
  padding: 0 30px; }

.modal-close-btn {
  position: absolute;
  top: -45px;
  right: -9px;
  font-size: 35px;
  color: white;
  cursor: pointer; }

.modal-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.75;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.modal-view-medium {
  max-width: 560px;
  max-height: 400px; }

.modal-view-xs {
  max-width: 320px;
  max-height: 250px;
  text-align: center; }

.modal-xs__content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 50px;
  padding: 20px; }

.modal-xs__title {
  margin-bottom: 10px;
  font-family: "brandontext-medium";
  font-size: 20px; }

.modal-xs__text {
  font-size: 16px; }

.modal-xs__text_email {
  font-family: "brandontext-medium"; }

.modal-xs__input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: 10px !important;
  font-family: "brandontext-light" !important;
  font-size: 18px !important;
  text-align: left;
  border: none;
  border-bottom: 1px solid #cccccc !important; }

.modal-xs__error {
  min-height: 20px;
  margin: 10px 0;
  font-size: 14px;
  text-align: center;
  color: #f44f60; }

.modal-xs__button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #cccccc;
  font-size: 18px;
  color: #57bd47;
  text-align: center;
  cursor: pointer; }

.modal-xs__button_left {
  right: 50%;
  color: black; }

.modal-xs__button_right {
  left: 50%;
  border-left: 1px solid #cccccc; }

.modal-xs__button_disabled {
  color: #a0a0a0;
  cursor: initial; }

.modal-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.modal-loading__img {
  width: 75px;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.modal-error__img {
  width: 60px; }

.modal-error__title {
  margin: 5px 0;
  font-family: "brandontext-medium"; }

.modal-error__text {
  font-size: 14px; }

.modal-info {
  margin: 15px 0 20px 0;
  text-align: center;
  font-size: 18px;
  color: #606060; }

.modal-view-one-action {
  max-width: 480px;
  max-height: 400px;
  text-align: center; }

.modal-view-pro-sub {
  max-width: 540px;
  max-height: 480px; }

.modal-one-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #404040; }

.modal-one-action-content {
  position: absolute;
  top: 0;
  bottom: 60px;
  left: 0;
  right: 0;
  padding: 30px 50px 0 50px;
  overflow: auto; }

.modal-one-action-icon {
  margin-bottom: 15px; }

.modal-one-action-title {
  text-align: center;
  font-size: 24px;
  font-family: "brandontext-medium"; }

.modal-one-action-error {
  font-size: 20px;
  font-family: "brandontext-medium"; }

.modal-bottom-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  line-height: 60px;
  border-radius: 0 0 10px 10px;
  font-size: 18px;
  text-align: center;
  border-top: 1px solid #cccccc;
  background-color: #57bd47;
  color: white;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s; }
  .modal-bottom-button.reverse-color {
    background-color: white;
    color: #57bd47; }

.modal-bottom-button-left {
  right: 50%;
  border-right: 1px solid #cccccc;
  border-radius: 0 0 0 10px;
  background-color: transparent;
  color: black; }

.modal-bottom-button-right {
  left: 50%;
  border-radius: 0 0 10px 0; }

.modal-bottom-button_disabled {
  background-color: transparent;
  color: #a0a0a0; }

.modal-separator {
  height: 1px;
  width: 80%;
  margin: auto;
  border: none;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0)); }

.modal-pro-price {
  margin: 25px 0;
  font-family: "brandontext-light"; }

.modal-pro-price-value {
  font-size: 36px;
  color: #202020; }

.modal-pro-price-details {
  font-size: 20px;
  color: #606060; }

.modal-pro-discount-rate {
  padding: 1px 5px;
  margin: 0 5px;
  border: 1px solid;
  border-radius: 2px;
  font-size: 10px;
  font-family: "brandontext-medium";
  color: #57bd47; }

.modal-error-message {
  font-size: 18px;
  line-height: 25px;
  color: #202020; }

.modal-error-details {
  margin: 30px auto;
  font-size: 18px;
  line-height: 25px;
  color: #f44f60; }

.modal-anim-enter .modal-overlay {
  opacity: 0.01; }

.modal-anim-enter .modal-view {
  opacity: 0.01;
  -webkit-transform: translateY(400px);
          transform: translateY(400px); }

.modal-anim-enter.modal-anim-enter-active .modal-overlay {
  opacity: 0.75; }

.modal-anim-enter.modal-anim-enter-active .modal-view {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.modal-anim-leave .modal-overlay {
  opacity: 0.75; }

.modal-anim-leave .modal-view {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.modal-anim-leave.modal-anim-leave-active .modal-overlay {
  opacity: 0.01; }

.modal-anim-leave.modal-anim-leave-active .modal-view {
  opacity: 0.01;
  -webkit-transform: translateY(400px);
          transform: translateY(400px); }

.modal-anim-view-enter {
  opacity: 0.01;
  -webkit-transform: translateX(600px);
          transform: translateX(600px); }

.modal-anim-view-enter.modal-anim-view-enter-active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: .3s;
          transition-delay: .3s; }

.modal-anim-view-leave {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.modal-anim-view-leave.modal-anim-view-leave-active {
  opacity: 0.01;
  -webkit-transform: translateX(-600px);
          transform: translateX(-600px); }

.modal-icon-loading {
  margin: 20px 0 50px 0;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 45px;
  margin: 10px 0 0 0; }

.tab {
  position: relative;
  padding: 10px 30px;
  font-size: 18px;
  cursor: pointer; }

.tab-bottom-border {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  border: none;
  background-color: #cccccc;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: .3s;
  transition: .3s; }

.tab-selected {
  font-family: "brandontext-medium"; }
  .tab-selected .tab-bottom-border {
    -webkit-transform: scaleY(3);
            transform: scaleY(3);
    background-color: #57bd47; }

.tab-info {
  position: absolute;
  top: 8px;
  right: 3px;
  font-size: 10px;
  font-family: "brandontext-medium";
  color: #57bd47; }

.progress-bar-container {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: white; }

.progress-bar {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 10px;
  margin-right: 5px;
  background-color: #d9d9d9;
  border-radius: 5px; }

.progress-bar-status {
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 4px;
  background-color: #57bd47; }

.progress-bar-value-container {
  display: inline-block;
  margin-right: 5px; }

.progress-bar-value {
  color: #57bd47; }

.dataTable {
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .dataTable .row {
    border-bottom: 1px solid #d9d9d9; }
  .dataTable .public_fixedDataTableCell_cellContent * {
    vertical-align: middle; }
  .dataTable .public_fixedDataTable_header .asc:after,
  .dataTable .public_fixedDataTable_header .desc:after {
    margin-left: .4em; }
  .dataTable .public_fixedDataTable_header .asc:after {
    content: "\F0DE"; }
  .dataTable .public_fixedDataTable_header .desc:after {
    content: "\F0DD"; }
  .dataTable .thumbnail {
    margin-right: .4em; }
  .dataTable .checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: default; }
  .dataTable.noHeader .fixedDataTableLayout_header {
    border: 0; }
  .dataTable.rowClickable .row {
    cursor: pointer; }

#views .tpl-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 42px;
  line-height: 42px; }
  #views .tpl-row .cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #views .tpl-row + .border .cell {
    border-top: 1px solid #d9d9d9; }
  #views .tpl-row.border-exceptFirstCell .cell:first-child {
    border: 0; }
  #views .tpl-row .cell_inprogress {
    color: #808080; }
  #views .tpl-row.selected {
    background: #57bd47; }
    #views .tpl-row.selected .cell {
      color: #fff !important; }
    #views .tpl-row.selected .cell, #views .tpl-row.selected + .tpl-row .cell {
      border-top-color: transparent !important; }
  #views .tpl-row > :first-child {
    padding-left: 18px; }
  #views .tpl-row > :last-child {
    padding-right: 18px;
    text-align: right; }
  #views .tpl-row .cell.img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    line-height: 0;
    padding-right: .8em;
    padding-left: 0; }
    #views .tpl-row .cell.img .thumbnail {
      width: 42px;
      height: 42px;
      vertical-align: middle;
      border-radius: 0; }
  #views .tpl-row .cell.img-discount {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin-left: 22px;
    margin-right: 15px;
    background-color: #f44f60;
    color: white;
    text-align: center;
    font-size: 18px; }
  #views .tpl-row.discountUsed .img {
    text-align: right; }
  #views .tpl-row.discountUsed .thumbnail {
    width: 20px;
    height: 20px; }
  #views .tpl-row.discountUsed .price {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  #views .tpl-row.articleDiscount {
    color: #f44f60; }
    #views .tpl-row.articleDiscount .cell.price {
      color: #f44f60; }
  #views .tpl-row .cell.money {
    position: relative;
    font-size: 32px;
    color: #606060;
    padding-right: .4em; }
    #views .tpl-row .cell.money .icon.ref, #views .tpl-row .cell.money .tpl-thumbnailEdit .colors a.ref, .tpl-thumbnailEdit .colors #views .tpl-row .cell.money a.ref {
      position: absolute;
      left: 44px;
      bottom: 0;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      line-height: 20px;
      color: #fff;
      font-size: 12px;
      text-align: center;
      background: #ff6347; }
    #views .tpl-row .cell.money .multi-payment-number {
      position: absolute;
      top: 2px;
      left: 34px;
      font-size: 12px;
      text-align: center; }
    #views .tpl-row .cell.money .multi-payment-x {
      position: relative;
      top: -1px;
      left: -1px; }
  #views .tpl-row .cell.price {
    color: #808080;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 120px; }
  #views .tpl-row.cashbook .cell:first-child {
    position: relative; }
    #views .tpl-row.cashbook .cell:first-child:before {
      content: "";
      position: absolute;
      height: 100%;
      left: 7px;
      border-left: 2px solid #d9d9d9; }
    #views .tpl-row.cashbook .cell:first-child:after {
      content: "\F10C";
      font-family: "FontAwesome";
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -8px;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      text-align: center;
      color: #57bd47;
      background: #fff; }
  #views .tpl-row.cashbook.selected .cell:first-child:before {
    display: none; }
  #views .tpl-row.cashbook.selected .cell:first-child:after {
    color: #fff;
    background: none; }
  #views .tpl-row.articlePaid .cell.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 0; }
    #views .tpl-row.articlePaid .cell.title span {
      line-height: 1.2em; }
    #views .tpl-row.articlePaid .cell.title .options {
      color: #a0a0a0; }
  #views .tpl-row.articlePaid .cell.units {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 1em;
    text-align: right; }
  #views .tpl-row.payment .cell.money {
    padding-right: 12px; }
    #views .tpl-row.payment .cell.money .icon, #views .tpl-row.payment .cell.money .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #views .tpl-row.payment .cell.money a {
      text-align: left; }
  #views .tpl-row.payment .cell.type {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  #views .tpl-row.ticket .cell.price {
    width: 25%;
    max-width: 175px;
    color: inherit; }
  #views .tpl-row.ticket .cell.number {
    width: 5%;
    max-width: 50px; }
    #views .tpl-row.ticket .cell.number.number_large {
      width: 21%;
      max-width: initial; }
  #views .tpl-row.ticket .cell.items {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #808080; }
    #views .tpl-row.ticket .cell.items * {
      position: absolute;
      left: 0;
      right: 5%; }
  #views .tpl-row.ticket .cell.number {
    color: #808080; }
  #views .tpl-row.keyPrice .cell.price {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.thumbnail {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background: center #eee no-repeat;
  background-size: cover;
  border-radius: 2px;
  color: white; }
  .thumbnail.empty {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #d9d9d9;
    background: none; }
  .thumbnail.image input {
    visibility: hidden; }

.thumbnail-editable {
  width: 88px;
  height: 88px;
  line-height: 88px;
  border-radius: 4px;
  font-size: 20px; }

.thumbnail-form {
  margin-bottom: 30px; }

.thumbnail-edit-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 0 0 4px 4px;
  color: black;
  cursor: pointer; }

.thumbnail-delete-btn {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  background-color: #808080;
  border-radius: 50%;
  cursor: pointer; }

.thumbnail-input {
  text-align: center;
  color: white; }

.tpl-thumbnailEdit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tpl-thumbnailEdit .tpl-thumbnail {
    width: 160px;
    height: 160px; }
  .tpl-thumbnailEdit .colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 1em;
    width: 200px;
    line-height: 0;
    border-radius: 4px;
    overflow: hidden; }
    .tpl-thumbnailEdit .colors a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      color: #fff; }

#views .tpl-fullList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #views .tpl-fullList .list-nav {
    border-bottom: 1px solid #cccccc; }
  #views .tpl-fullList .sidelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    #views .tpl-fullList .sidelist + * {
      width: 0;
      overflow: hidden;
      -webkit-transition: width .2s;
      transition: width .2s; }
  #views .tpl-fullList.showDetails {
    padding: 0; }
    #views .tpl-fullList.showDetails .sidelist + * {
      width: 60%;
      border-left: 1px solid #cccccc; }

#views .tpl-fullList-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0; }
  #views .tpl-fullList-list header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #808080;
    border-bottom: 1px solid #d9d9d9; }
    #views .tpl-fullList-list header > :first-child {
      padding-left: 18px; }
    #views .tpl-fullList-list header > :last-child {
      padding-right: 18px;
      text-align: right; }
  #views .tpl-fullList-list .rows {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: auto; }
  #views .tpl-fullList-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

#views .tpl-fullList-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #views .tpl-fullList-details .resume {
    line-height: 1.7em;
    color: #808080;
    white-space: nowrap;
    font-size: 20px; }
    #views .tpl-fullList-details .resume .resume_date {
      font-family: "brandontext-light";
      font-size: 18px; }
    #views .tpl-fullList-details .resume * {
      vertical-align: middle; }
    #views .tpl-fullList-details .resume .vr {
      height: .7em; }
  #views .tpl-fullList-details .device-name {
    margin: 5px 0;
    font-size: 18px; }
  #views .tpl-fullList-details .top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 200px;
    min-height: 200px; }
    #views .tpl-fullList-details .top .linkback {
      position: absolute;
      left: 0;
      top: 0;
      margin: .4em;
      line-height: 1em;
      font-size: 30px;
      color: #a0a0a0; }
    #views .tpl-fullList-details .top .title {
      width: 100%;
      text-align: center; }
  #views .tpl-fullList-details .down {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: auto;
    border-top: 1px solid #cccccc;
    padding-bottom: 20px; }
  #views .tpl-fullList-details .msg {
    padding: 22px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center; }
  #views .tpl-fullList-details .rowsWithTitle {
    margin-left: 1em;
    margin-right: 1em; }
  #views .tpl-fullList-details .articles .discountUsed {
    height: 22px;
    line-height: 22px; }
    #views .tpl-fullList-details .articles .discountUsed .cell {
      border: 0; }

.rowsWithTitle {
  margin-top: 20px; }
  .rowsWithTitle > .title {
    color: #808080;
    font: .8em/28px "brandontext-bold";
    text-transform: uppercase;
    padding-left: 18px;
    border-bottom: 1px solid #cccccc; }
  .rowsWithTitle .detail-list__toogle-btn {
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    color: #57bd47;
    cursor: pointer; }
  .rowsWithTitle .detail-list__toogle-btn__icon {
    margin-left: 8px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    font-size: 11px; }
  .rowsWithTitle .detail-list__toogle-btn__icon_reverse {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }

.list-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  min-height: 50px;
  line-height: 50px; }
  .list-nav > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.nav-actions {
  position: relative;
  text-align: right;
  padding-right: 16px; }
  .nav-actions > a {
    position: relative;
    z-index: 1000;
    color: #57bd47; }
    .nav-actions > a .icon, .nav-actions > a .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors .nav-actions > a a {
      margin-right: .4em; }

.nav-search {
  position: relative; }
  .nav-search input[type="submit"] {
    display: none; }
  .nav-search input[type="text"] {
    padding-left: 48px;
    height: 50px;
    line-height: 50px; }
  .nav-search .icon, .nav-search .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors .nav-search a {
    position: absolute;
    left: 16px;
    font-size: 1.2em;
    color: #a0a0a0; }

.filter-wrapper {
  position: relative;
  max-width: 200px; }

.nav-filter {
  color: #57bd47;
  padding-right: 40px;
  text-align: right; }
  .nav-filter .select-drop__placeholder {
    color: #57bd47; }

.subscription-bar {
  height: 50px;
  line-height: 30px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #404040;
  color: white; }

.subscription-bar__btn {
  position: absolute;
  padding: 4px 10px;
  right: 10px; }

.side-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  min-height: 500px;
  border-radius: 0 8px 8px 0;
  background-color: #142736; }

.side-comment-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 60px;
  font-size: 14px; }

.side-comment-content {
  position: relative;
  width: 80%;
  padding: 15px;
  margin-bottom: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid #4E5C68;
  border-radius: 12px; }
  .side-comment-content::before {
    content: "";
    position: absolute;
    left: 17px;
    bottom: -2px;
    width: 17px;
    height: 3px;
    background-color: #142736; }
  .side-comment-content::after {
    content: "";
    position: absolute;
    left: 17px;
    bottom: -1px;
    width: 24px;
    height: 1px;
    background-color: #4E5C68;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.side-comment-img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%; }

.side-comment-details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 17px;
  color: white; }

.side-comment-company {
  font-family: "brandontext-light"; }

.comment-sidebar {
  width: 245px;
  height: 100%;
  background-color: #142736;
  text-align: left; }

.comment-sidebar__logo {
  display: block;
  width: 150px;
  margin: 30px auto 50px auto; }

.go-live-container {
  width: 200px;
  padding: 15px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  border: 2px solid #57bd47;
  font-size: 16px;
  color: white;
  border-radius: 8px; }

.go-live-sentence {
  margin-bottom: 15px; }

.go-live-btn {
  font-size: 16px; }

.go-live-btn-min {
  display: none;
  width: 50px;
  height: 30px;
  line-height: 15px;
  padding: 5px;
  font-size: 11px; }

.form-container {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.form-simple {
  width: 100%;
  max-width: 500px; }
  .form-simple input[type="file"] {
    display: none; }
  .form-simple .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .form-simple .form-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px; }
  .form-simple .form-part-head {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%; }
  .form-simple .form-part-head__thumbnail {
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 88px;
    font-size: 20px;
    border-radius: 8px; }
    .form-simple .form-part-head__thumbnail .thumbnail-edit-btn {
      border-radius: 0 0 8px 8px; }
  .form-simple .form-part-head__name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 18px; }
    .form-simple .form-part-head__name .form-input-container + .form-input-container {
      border-left: none; }
  .form-simple .form-part-head__input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .form-simple .form-part-head__input .form-input-container + .form-input-container {
      border-left: none; }
  .form-simple .form-input-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
    border-bottom: 1px solid #d9d9d9; }
  .form-simple .form-input-error {
    color: #f44f60;
    border-bottom-color: #f44f60; }
    .form-simple .form-input-error ::-webkit-input-placeholder {
      color: #f44f60; }
    .form-simple .form-input-error :-ms-input-placeholder {
      color: #f44f60; }
    .form-simple .form-input-error ::-ms-input-placeholder {
      color: #f44f60; }
    .form-simple .form-input-error ::placeholder {
      color: #f44f60; }
    .form-simple .form-input-error input {
      color: #f44f60; }
  .form-simple .form-input-container + .form-input-container {
    border-left: 1px solid #d9d9d9; }
  .form-simple .form-input-container__head {
    padding: 0; }
  .form-simple .form-input-container__no-border {
    border: none; }

.input-option {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 75px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: #57bd47;
  background-color: rgba(87, 189, 71, 0.05);
  border-left: 1px solid #57bd47;
  border-right: 1px solid #57bd47; }

.input-option__icon {
  margin-left: 3px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
  font-size: 12px; }

.input-option_phone {
  position: absolute;
  left: 0; }

.input-text-error {
  color: #f44f60; }

.change-password-form {
  -webkit-transition: .3s;
  transition: .3s; }

.form-part-anim-enter {
  opacity: 0.01;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%); }

.form-part-anim-enter.form-part-anim-enter-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.form-part-anim-leave {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.form-part-anim-leave.form-part-anim-leave-active {
  opacity: 0.01;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%); }

.input-phone {
  padding-left: 70px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#views {
  overflow-x: hidden;
  overflow-y: auto; }
  #views,
  #views .view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  #views .view {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition-property: padding;
    transition-property: padding; }
    #views .view.list-with-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  #views.view_push-down {
    top: 200px; }
  #views.view_disable-overflow {
    overflow-x: initial;
    overflow-y: initial; }

.cashbooks_list .cell.date,
.cashbooks_list .cell.dateEnd {
  width: 20%;
  min-width: 100px;
  white-space: nowrap; }

.cashbooks_list .cell.turnover {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

#ActSynth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  overflow: hidden; }
  #ActSynth .resume {
    position: absolute;
    top: 70px;
    right: 0;
    bottom: 50%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    #ActSynth .resume .graph {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: hidden;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #ActSynth .resume .graph .placeholder {
        display: none;
        z-index: 1;
        font-style: italic;
        text-align: center;
        color: #808080; }
      #ActSynth .resume .graph svg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
        #ActSynth .resume .graph svg path {
          stroke: #57bd47;
          stroke-width: 2px;
          fill: #e4f4e1; }
        #ActSynth .resume .graph svg.empty + * {
          display: block; }
    #ActSynth .resume .numbers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-left: 1px solid #d9d9d9; }
    #ActSynth .resume .numbers__separator {
      width: 32px;
      height: 1px;
      margin: auto;
      border: none;
      background-color: #d9d9d9; }
    #ActSynth .resume .number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 30px; }
      #ActSynth .resume .number .value {
        font-family: "brandontext-light";
        font-size: 36px; }
      #ActSynth .resume .number .label {
        font-family: "brandontext-medium";
        font-size: 12px;
        text-transform: uppercase;
        color: #808080; }
  #ActSynth .listsWrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    #ActSynth .listsWrap nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #ActSynth .listsWrap nav a {
        color: #808080; }
        #ActSynth .listsWrap nav a + * {
          margin-left: 1em; }
        #ActSynth .listsWrap nav a.selected {
          color: #57bd47;
          border-bottom: 1px solid; }
        #ActSynth .listsWrap nav a.fs {
          margin-left: auto;
          width: 30px;
          height: 29px;
          line-height: 30px;
          color: #57bd47;
          text-align: center;
          background: #f5fbf4; }
          #ActSynth .listsWrap nav a.fs.unfullscreen {
            display: none; }
    #ActSynth .listsWrap .listWrap {
      z-index: 0;
      position: absolute;
      top: 50%;
      bottom: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 30px 30px;
      background: #fff;
      -webkit-transition: z-index 0.2s step-end, top 0.2s ease, left 0.2s ease, right 0.2s ease;
      transition: z-index 0.2s step-end, top 0.2s ease, left 0.2s ease, right 0.2s ease; }
      #ActSynth .listsWrap .listWrap:first-child {
        left: 0;
        right: 50%; }
      #ActSynth .listsWrap .listWrap:last-child {
        left: 50%;
        right: 0;
        border-left: 1px solid #d9d9d9; }
      #ActSynth .listsWrap .listWrap.fullscreened {
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        border-left: none;
        -webkit-transition: z-index 0.2s step-start, top 0.2s ease, left 0.2s ease, right 0.2s ease;
        transition: z-index 0.2s step-start, top 0.2s ease, left 0.2s ease, right 0.2s ease; }
        #ActSynth .listsWrap .listWrap.fullscreened .unfullscreen {
          display: block; }
        #ActSynth .listsWrap .listWrap.fullscreened .fullscreen {
          display: none; }
  #ActSynth .tablist {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 20px; }
    #ActSynth .tablist .head {
      font-family: "brandontext-bold"; }
    #ActSynth .tablist .foot {
      font-family: "brandontext-medium", "brandontext"; }
    #ActSynth .tablist .data .row {
      border-bottom: 1px solid #d9d9d9; }
    #ActSynth .tablist .row {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 18px; }
    #ActSynth .tablist .cell.name {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    #ActSynth .tablist .cell.quantity {
      width: 20%; }
    #ActSynth .tablist .cell.total {
      width: 27%; }

.category-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 3px; }
  .category-icon.dark {
    color: #fff; }

#datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0; }
  #datepicker > header {
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9; }
    #datepicker > header .tpl-dateRange {
      display: inline-block;
      width: 300px; }
  #datepicker .datepicker-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 25px 18px 0;
    max-height: 400px; }
  #datepicker .datepicker-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 50px; }
    #datepicker .datepicker-dates .date {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    #datepicker .datepicker-dates .sep {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 50px;
      text-align: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-bottom: 1em; }
    #datepicker .datepicker-dates label input {
      border-bottom: 1px solid #d9d9d9; }
  #datepicker .monthName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #datepicker .monthName div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      #datepicker .monthName div:last-child {
        text-align: right; }
    #datepicker .monthName span {
      text-align: center; }
    #datepicker .monthName a {
      width: 30px; }
  #datepicker .datepicker-intervals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 20%;
    min-width: 225px;
    max-height: 500px;
    padding-bottom: 50px; }
    #datepicker .datepicker-intervals a {
      display: block; }

.tpl-dateMonth {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0; }
  .tpl-dateMonth .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .tpl-dateMonth .cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }

.view.stripe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .view.stripe .title {
    font-size: 2em; }
    .view.stripe .title.myAccount {
      font-family: "brandontext-light"; }
  .view.stripe hr {
    width: 400px;
    height: 1px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%); }

#stripe-connect {
  max-height: 470px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #stripe-connect p {
    text-align: center; }
  #stripe-connect .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #stripe-connect .btn .icon, #stripe-connect .btn .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #stripe-connect .btn a {
      margin-right: 10px;
      font-size: 24px; }
  #stripe-connect hr {
    margin: 2em 0; }
  #stripe-connect .advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 500px; }
    #stripe-connect .advantages .sep {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  #stripe-connect .advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 220px; }
    #stripe-connect .advantage:first-child {
      margin-bottom: 2em; }
    #stripe-connect .advantage .icon, #stripe-connect .advantage .tpl-thumbnailEdit .colors a, .tpl-thumbnailEdit .colors #stripe-connect .advantage a {
      margin-right: .5em;
      font-size: 28px;
      color: #57bd47; }

#stripe-home .email {
  color: #202020; }

#stripe-home .logout {
  color: #f44f60; }

#stripe-home .payment {
  margin-right: .7em; }

#stripe-home .check {
  margin-left: .7em;
  color: #57bd47; }

#stripe-home .email {
  margin: 1em 0; }

#stripe-home hr {
  margin: 1.5em 0 1em; }

#stripe-home form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#stripe-home .readers-list {
  width: 500px;
  overflow: auto;
  max-height: 70px;
  max-height: 200px;
  line-height: 45px;
  margin: 1em 0 2em; }

#stripe-home .rdName {
  width: 40%; }

#stripe-home .rdSerial {
  width: 60%; }

#stripe-home .row {
  border-bottom: 1px solid #d9d9d9; }
  #stripe-home .row.newReader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

#subscription {
  overflow: auto; }
  #subscription,
  #subscription .offer-pro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #subscription .offer-name {
    position: relative;
    top: -5px;
    margin-bottom: -3px;
    font-size: 24px;
    font-family: "brandontext-medium"; }
  #subscription .offer-name_basic {
    color: #6868dc; }
  #subscription .offer-name_pro {
    color: #57bd47; }
  #subscription .offer-name_ent {
    color: #ff6347; }
  #subscription .offer-status {
    font-family: "brandontext-medium"; }
  #subscription .your-plan .plan,
  #subscription .offer-pro {
    border: 0 solid #d9d9d9; }
  #subscription .your-plan {
    color: #202020;
    font-size: 18px; }
  #subscription .subscribe-trophies {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
    padding-bottom: 20px; }
  #subscription .subscribe-trophies__sales-progress {
    text-align: center;
    margin-bottom: 10px; }
  #subscription .subscribe-trophies__sales-progress__bubble {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; }
  #subscription .subscribe-trophies__sales-progress__text {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin: 0;
    text-align: left;
    font-size: 18px;
    font-family: "brandontext-medium"; }
  #subscription .subscribe-trophies__more-button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px; }
  #subscription .subscribe-trophies__sales-progress__remaining {
    width: 420px;
    margin: 30px auto;
    font-size: 18px;
    text-align: center; }
  #subscription .subscribe-trophies__sales-progress__text_strong {
    color: #57bd47; }
  #subscription section {
    width: 540px;
    margin-bottom: 30px; }
    #subscription section.your-plan > .title {
      color: #808080;
      padding-left: 1em; }
    #subscription section.your-plan .plan {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 1.5em;
      border-width: 1px 0; }
    #subscription section.your-plan img {
      width: 80px;
      height: 80px;
      margin-right: 1.5em; }
    #subscription section.your-plan .desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #subscription section.offer-pro {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding-bottom: 24px; }
      #subscription section.offer-pro .title {
        text-align: center; }
      #subscription section.offer-pro .features {
        margin: 1.5em 0;
        line-height: 2em; }
      #subscription section.offer-pro .icon.check, #subscription section.offer-pro .tpl-thumbnailEdit .colors a.check, .tpl-thumbnailEdit .colors #subscription section.offer-pro a.check {
        color: #57bd47;
        margin-right: .7em; }
      #subscription section.offer-pro .fees:after {
        content: "*"; }
      #subscription section.offer-pro .infoFees {
        margin-top: 1em;
        white-space: nowrap; }
        #subscription section.offer-pro .infoFees a {
          text-decoration: underline; }
    #subscription section.offer-cie {
      text-align: center; }
      #subscription section.offer-cie .desc {
        margin-bottom: 1.5em; }

.modal-view-subscribe {
  max-width: 1300px;
  max-height: 700px; }

.subscribe-modal {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.subscribe-modal-part {
  height: 100%;
  width: 80%;
  min-height: 500px;
  padding: 20px 40px 10px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.subscribe-modal-title {
  font-family: "brandontext-light";
  font-size: 36px; }

.subscribe-modal-options {
  width: 100%;
  margin: 10px 0 10px 0;
  font-size: 20px;
  border: 1px solid #cccccc;
  border-radius: 8px; }

.subscribe-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 30px; }

.subscribe-modal-cancel {
  max-width: 425px;
  font-size: 16px;
  text-align: center;
  color: #606060; }

.subscribe-name {
  width: 30%;
  font-family: "brandontext-bold"; }

.subscribe-infos {
  width: 60%; }

.subscribe-selection {
  width: 30%;
  text-align: center; }

.subscribe-price {
  margin-bottom: 15px;
  font-family: "brandontext-light";
  font-size: 36px;
  color: #202020; }
  @media screen and (max-width: 1030px) {
    .subscribe-price {
      font-size: 20px; } }

.subscribe-duration {
  font-size: 20px;
  color: #606060; }

.subscribe-icon {
  display: block;
  margin-top: 5px; }

.subscribe-info-title {
  margin-bottom: 10px; }

.subscribe-details {
  font-size: 18px;
  color: #606060; }

.subscribe-details-icon {
  width: 16px;
  height: 12px;
  margin-right: 10px;
  color: #57bd47; }

.subscribe-option-basic {
  color: #808080; }
  .subscribe-option-basic .btn.submit {
    background-color: #808080; }

.subscribe-option-basic {
  color: #808080; }
  .subscribe-option-basic .btn.submit {
    background-color: #808080; }

.subscribe-option-pro {
  border: 2px solid #57bd47;
  border-radius: 8px; }
  .subscribe-option-pro .subscribe-name {
    color: #57bd47; }

.subscribe-option-ent .subscribe-name {
  color: #ff6347; }

.subscribe-option-ent .btn.submit {
  background-color: #ff6347; }

.thumbnail-edit-form {
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  z-index: 1; }

.thumbnail-colors {
  width: 375px;
  line-height: 0;
  border-radius: 5px;
  overflow: hidden; }

.thumbnail-color {
  display: inline-block;
  vertical-align: top;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 55px;
  color: white;
  cursor: pointer; }

.login-page {
  position: relative;
  width: 375px;
  height: 100%;
  margin: auto;
  font-family: "brandontext";
  text-align: center; }

.login-logo {
  width: 200px;
  margin: 20% 0; }

.login-input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-family: "brandontext-light" !important;
  font-size: 18px !important;
  text-align: center;
  border: none;
  border-bottom: 1px solid #cccccc !important; }

.login-error {
  min-height: 20px;
  margin: 15px 0;
  font-size: 14px;
  color: #f44f60; }

.login-or {
  position: relative;
  font-size: 14px; }
  .login-or::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    right: 57%;
    height: 1px;
    margin: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)); }
  .login-or::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 57%;
    right: 5%;
    height: 1px;
    margin: auto;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.25)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)); }

.btn-login {
  width: 100%;
  margin: 0 0 20px;
  font-family: "brandontext";
  font-size: 18px;
  outline: none; }

.btn-facebook {
  background-color: #527DBE;
  color: white; }

.login-sub-action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  color: #57bd47; }

.login-sub-action__link {
  cursor: pointer; }

@media screen and (max-height: 620px) {
  .login-sub-action {
    position: relative;
    bottom: 0;
    margin: 20px 0; } }

.signup-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  font-family: "brandontext";
  text-align: center; }

.signup-content {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.signup-h1 {
  margin-top: 60px;
  font-size: 24px;
  font-family: "brandontext-bold";
  text-align: center;
  color: #404040; }

.signup-h2 {
  font-size: 18px;
  text-align: center;
  color: #606060; }

.signup-form {
  width: 90%;
  max-width: 375px;
  margin: 50px auto 0 auto; }

.blocked-container {
  height: 100%; }

.blocked-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  font-family: "brandontext";
  text-align: center; }

.blocked-content {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #202020; }

.blocked__icon {
  width: 145px; }

.blocked__title {
  width: 400px;
  margin: 50px auto 10px auto;
  font-family: "brandontext-light";
  font-size: 42px; }

.blocked__sub-title {
  font-size: 20px;
  color: #606060; }

.blocked__sentence {
  width: 420px;
  margin: 30px auto 50px auto;
  font-size: 20px; }

.blocked__button {
  width: 90%;
  max-width: 320px; }

.onboarding-header {
  width: 100%;
  height: 65px;
  margin-bottom: 35px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

.onboarding-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  height: 100%;
  max-width: 940px;
  margin: auto;
  color: #57bd47; }

.onboarding-header__logo {
  width: 120px; }

.onboarding {
  width: 90%;
  max-width: 940px;
  margin: auto; }

.onboarding-illustration {
  width: 100%;
  max-width: 1100px;
  margin-top: 10px; }

.onboarding-h1 {
  margin-top: 20px;
  font-size: 42px;
  font-family: "brandontext-bold";
  text-align: center;
  color: #404040; }

.onboarding-h2 {
  font-size: 24px;
  text-align: center;
  color: #606060; }

.onboarding-form {
  max-width: initial; }

.onboarding-form-submit {
  display: block;
  width: 300px;
  margin: 75px auto;
  font-size: 18px;
  font-family: "brandontext";
  outline: none; }

.onboarding-fieldset {
  margin: 100px 0 0; }

.fieldset-title {
  font-weight: normal;
  margin: 0 0 40px 0;
  font-size: 18px; }

.fieldset-title__number {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background-color: #57bd47;
  color: white;
  font-family: "brandontext-medium";
  font-size: 16px; }

.fieldset-title__name {
  vertical-align: middle; }

.fieldset-title__error {
  vertical-align: middle;
  margin-left: 20px;
  color: #f44f60; }

.onboarding-fieldset {
  border: none;
  padding: 0; }

.fieldset-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.onboarding-input-detail {
  font-size: 14px;
  color: #808080; }

.form-simple .form-input-container.onboarding-input {
  position: relative;
  width: 380px;
  margin-bottom: 20px;
  padding: 0;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  border-left: none; }
  .form-simple .form-input-container.onboarding-input.onboarding-input_phone {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.commerce-types__part {
  display: inline-block;
  vertical-align: top;
  width: 25%; }

.commerce-types__part_0 {
  width: 50%; }

.commerce-types__part__name {
  font-family: "brandontext-medium";
  margin-bottom: 30px; }

.onboarding-radio {
  margin-bottom: 60px; }

.onboarding-radio_0 {
  width: 50%; }

.onboarding-footer {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #142736;
  color: white; }

.import-file__info {
  text-align: center;
  font-size: 18px; }

.import-file__model-button {
  display: block;
  margin: 25px auto 10px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  cursor: pointer; }

.import-file__model-button_disabled {
  opacity: .5; }

.app-loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: #57bd47;
  color: white;
  z-index: 1000;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }

.app-loader__title {
  width: 330px;
  margin: 50px 0 15px;
  font-size: 30px; }

.app-loader__text {
  width: 280px;
  font-size: 18px; }

.app-loader-button {
  width: 160px;
  height: 50px;
  line-height: 50px;
  margin: 50px 20px 0;
  padding: 0;
  border: 1px solid white;
  border-radius: 6px;
  font-family: "brandontext";
  font-size: 18px;
  color: white;
  background-color: transparent;
  outline: none;
  cursor: pointer; }

.app-loader__icon_loading {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.open-app-anim-enter.app-loader {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }

.open-app-anim-enter.open-app-anim-enter-active.app-loader {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.open-app-anim-leave.app-loader {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

.open-app-anim-leave.open-app-anim-leave-active.app-loader {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0; }

.input-price-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d9d9d9;
  line-height: 44px; }

.input-vrac-switch {
  position: absolute !important;
  left: 18px;
  top: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translateX(-85px);
          transform: translateX(-85px);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.input-price {
  z-index: 1;
  text-align: right;
  padding-right: 18px !important;
  opacity: 0;
  -webkit-transform: translateX(-90%);
          transform: translateX(-90%);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.input-price-value {
  position: absolute;
  left: 18px;
  top: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.input-price-value_empty {
  color: #aaa; }

.input-price-value-unit {
  color: #57bd47; }

.input-option_unit {
  right: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; }

.input-price-focused .input-vrac-switch {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.input-price-focused .input-price {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.input-price-focused .input-price-value {
  opacity: 0;
  -webkit-transform: translateX(90%);
          transform: translateX(90%); }

.input-price-focused.input-price-vrac .input-price {
  opacity: 1;
  -webkit-transform: translateX(-75px);
          transform: translateX(-75px); }

.input-price-focused.input-price-vrac .input-option_unit {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.select-drop {
  width: 100%;
  height: 100%;
  cursor: pointer; }

.select-drop-error {
  color: #f44f60;
  border-bottom-color: #f44f60 !important; }
  .select-drop-error .select-drop__placeholder {
    color: #f44f60; }
  .select-drop-error .dd-dropdown {
    color: black; }

.select-drop__placeholder {
  color: #aaa; }

.select-drop__icon {
  position: absolute;
  top: 0;
  right: 18px;
  font-size: 12px;
  -webkit-transform: scale(-1) rotate(90deg);
          transform: scale(-1) rotate(90deg); }

.radio-group {
  position: relative;
  height: 25px; }

.radio-group_input-text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto; }

.radio-element {
  display: inline-block;
  width: 40px;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
  text-align: center;
  border: 1px solid #57bd47;
  color: #57bd47;
  cursor: pointer; }
  .radio-element:first-child {
    border-radius: 5px 0 0 5px; }
  .radio-element:last-child {
    border-radius: 0 5px 5px 0; }

.radio-element_selected {
  background-color: #57bd47;
  color: white; }

.radio-text-box {
  position: relative;
  display: block;
  margin: 20px auto;
  padding: 10px 30px 10px 60px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-family: "brandontext-light";
  cursor: pointer; }

.radio-text-box__radio-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .radio-text-box__radio-container input {
    display: none; }

.radio-text-box__radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s; }

.radio-text-box__radio-background {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  color: white;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .2s;
  transition: .2s; }

input:checked + .radio-text-box__radio {
  border-color: transparent; }
  input:checked + .radio-text-box__radio .radio-text-box__radio-background {
    background-color: #57bd47;
    -webkit-transform: scale(1);
            transform: scale(1); }

.radio-text-box__label {
  margin: 0 0 5px 0;
  color: #202020;
  font-size: 18px; }

.radio-text-box__description {
  margin: 0;
  color: #808080;
  font-size: 14px; }

.input-file-area {
  position: relative;
  margin: 30px auto 10px;
  padding: 10px 20px 10px 90px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-family: "brandontext-light";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s; }
  .input-file-area input {
    display: none; }

.input-file-area_over {
  border-color: rgba(87, 189, 71, 0.75);
  background-color: rgba(87, 189, 71, 0.05); }

.input-file-area_error {
  border-color: rgba(244, 79, 96, 0.75);
  background-color: rgba(244, 79, 96, 0.05); }

.input-file-area_ok {
  margin-top: 20px;
  padding: 25px 20px; }

.input-file-area__icon-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.input-file-area__icon {
  font-size: 60px;
  color: black;
  -webkit-transition: .2s;
  transition: .2s; }

.input-file-area__icon_over {
  color: #57bd47; }

.input-file-area__icon_error {
  color: #f44f60; }

.input-file-area__label {
  margin: 0 0 5px 0;
  color: #202020;
  font-size: 18px; }

.input-file-area__description {
  margin: 0;
  color: #808080;
  font-size: 14px; }

.icon-file-area__file-name {
  text-align: center;
  font-size: 18px; }

.input-file-area__remove {
  text-align: center;
  font-size: 14px;
  font-family: "brandontext-light";
  color: #57bd47;
  cursor: pointer; }

.DateRangePickerInput {
  border: none;
  font-family: "brandontext"; }

.DateInput__display-text {
  color: #202020;
  background: none;
  font-size: 16px;
  text-align: center; }

.DateInput__display-text--focused {
  color: #57bd47;
  background-color: rgba(87, 189, 71, 0.15); }

.DateRangePicker__picker {
  z-index: 1000; }

.js-CalendarMonth__grid tr {
  display: block;
  margin-top: 10px; }

.CalendarMonth__day {
  border: none; }
  .CalendarMonth__day:first-child {
    border-radius: 50% 0 0 50%; }
  .CalendarMonth__day:last-child {
    border-radius: 0 50% 50% 0; }
  .CalendarMonth__day.CalendarMonth__day--selected-start {
    border-radius: 50% 0 0 50%;
    background-color: #57bd47;
    color: white; }
  .CalendarMonth__day.CalendarMonth__day--selected-end {
    border-radius: 0 50% 50% 0;
    background-color: #57bd47;
    color: white; }

.CalendarMonth__day--hovered {
  border-radius: 50%; }

.CalendarMonth__day--selected-span {
  background-color: rgba(87, 189, 71, 0.25);
  color: black; }
  .CalendarMonth__day--selected-span.CalendarMonth__day--hovered {
    background-color: rgba(87, 189, 71, 0.5);
    border: none;
    border-radius: 0; }
  .CalendarMonth__day--selected-span.CalendarMonth__day--last-in-range {
    border: none; }

.CalendarMonth__day--hovered-span, .CalendarMonth__day--after-hovered-start {
  background-color: rgba(87, 189, 71, 0.25);
  color: black;
  border: none;
  border-radius: 0; }

.table-container {
  position: relative;
  width: 100%;
  height: 100%; }

.table__head {
  margin-bottom: 10px;
  font-size: 12px;
  font-family: "brandontext-bold";
  color: #404040; }

.table__head__cell {
  display: inline-block;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.head__cell__sup-label {
  position: relative;
  top: 1px;
  left: 2px;
  font-size: 8px; }

.tables__lines {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  color: #202020; }

.table__line {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.line__cell {
  display: inline-block;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.line-chart-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.chart {
  width: 100%;
  height: 100%; }

.line-chart-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: .3s;
  transition: .3s;
  pointer-events: none; }

.line-chart-tooltip_hidden {
  opacity: 0; }

.line-chart-tooltip__abscissa-info {
  font-family: "brandontext-medium";
  font-size: 12px;
  color: #808080; }

.line-chart-tooltip__value {
  font-family: "brandontext-medium";
  font-size: 18px;
  color: #57bd47; }

.line-chart-tooltip__sub-info {
  font-family: "brandontext-light";
  font-size: 18px;
  color: black; }

.fg-tabs-container {
  text-align: left; }

.fg-tabs {
  margin-bottom: 20px; }

.fg-tabs__content {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0; }

.fg-tabs__link {
  position: relative;
  display: inline-block;
  padding: 3px;
  margin-right: 20px;
  font-size: 16px;
  color: #808080;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s; }

.fg-tabs__link_selected {
  color: #57bd47; }
  .fg-tabs__link_selected .fg-tabs__link__border {
    background-color: #57bd47;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }

.fg-tabs__link__border {
  position: absolute;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  background-color: #808080;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s; }

.svg-icon {
  display: inline-block; }

.checkbox-container {
  display: inline-block;
  vertical-align: middle; }

.checkbox-input {
  display: none; }
  .checkbox-input:checked + .checkbox .checkbox__background {
    opacity: 1;
    border-radius: 2px;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .checkbox-input:indeterminate + .checkbox .checkbox__background {
    opacity: 1;
    border-radius: 2px;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .checkbox-input:indeterminate + .checkbox .checkbox__background .checkbox__background__icons {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #a0a0a0;
  border-radius: 2px; }

.checkbox__background {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 2px;
  background-color: #57bd47;
  color: #FFF;
  overflow: hidden;
  opacity: 0;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .2s;
  transition: .2s; }

.checkbox__background__icons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100%;
  left: 0;
  -webkit-transition: .2s;
  transition: .2s; }

.checkbox__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  width: 10px;
  height: 8px;
  margin: auto;
  -webkit-transition: .2s;
  transition: .2s; }

.checkbox__icon_indeterminate {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 2px;
  margin: auto;
  background-color: #FFF;
  -webkit-transition: .2s;
  transition: .2s; }

.table-list__head-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.table-list__head {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-right: 5px;
  color: #404040;
  overflow: hidden; }

.table-list__head-base {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.table-list__head__cell {
  display: inline-block;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-family: "brandontext-medium";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.table-list__head__cell_sortable {
  cursor: pointer; }

.table-list__head__cell__sort-indicator {
  width: 5px;
  height: 9px;
  margin-right: 5px;
  -webkit-transition: .2s;
  transition: .2s; }

.table-list__head__cell__sort-indicator_asc {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.table-list__head__cell__sort-indicator_desc {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.table-list__head__anim-enter.table-list__head-base {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.table-list__head__anim-enter.table-list__head__anim-enter-active.table-list__head-base {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: .3s;
  transition: .3s; }

.table-list__head__anim-leave.table-list__head-base {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.table-list__head__anim-leave.table-list__head__anim-leave-active.table-list__head-base {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: .3s;
  transition: .3s; }

.table-list-delete-head {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.table-list-delete-head__message {
  color: #404040; }

.table-list-delete-head__button {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 35px;
  line-height: 35px;
  margin: auto;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  color: #202020;
  font-family: "brandontext-medium";
  font-size: 16px;
  cursor: pointer; }

.table-list-delete-head__button__text {
  vertical-align: middle; }

.table-list-delete-head__button__icon {
  width: 16px;
  height: 20px;
  margin-right: 10px;
  color: #f44f60;
  vertical-align: middle; }

.table-list__head__anim-enter.table-list-delete-head {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.table-list__head__anim-enter.table-list__head__anim-enter-active.table-list-delete-head {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: .3s;
  transition: .3s; }

.table-list__head__anim-leave.table-list-delete-head {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.table-list__head__anim-leave.table-list__head__anim-leave-active.table-list-delete-head {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: .3s;
  transition: .3s; }

.table-search {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.table-search__icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  color: #808080;
  vertical-align: middle; }

.table-search__input {
  width: calc(100% - 30px) !important;
  height: 50px !important;
  line-height: 50px !important;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 17px !important;
  font-family: "brandontext";
  vertical-align: middle; }

.table-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.table-list__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.ReactVirtualized__List {
  outline: none; }

.table-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .table-list__row:last-child {
    border-bottom: none; }

.article-row__cell {
  display: inline-block; }

.table-list__data {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }

.table-list__data_check {
  left: 60px; }

.table-list__data_check-thumb {
  left: 100px; }

.table-list__data_little {
  font-size: 14px; }

.table-list__cell {
  position: relative;
  height: 100%;
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.table-list__cell_checkbox {
  width: 60px; }

.table-list__cell_checkbox__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.table-list__cell_thumbnail {
  width: 40px;
  cursor: pointer; }

.table-list__cell_thumbnail__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 2px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  background-size: cover;
  background-repeat: no-repeat; }

.table-list__cell_thumbnail__content_rounded {
  border-radius: 50%; }

.table-list__cell_text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.PresetDateRangePicker_panel {
  padding: 0 22px 11px; }

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }

.PresetDateRangePicker_button:active {
  outline: 0; }

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699; }

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff; }

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__rtl {
  direction: rtl; }

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2; }

.SingleDatePickerInput__block {
  display: block; }

.SingleDatePickerInput__showClearDate {
  padding-right: 30px; }

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.SingleDatePickerInput_clearDate__small {
  padding: 6px; }

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden; }

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px; }

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__block {
  display: block; }

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.SingleDatePicker_picker__rtl {
  direction: rtl; }

.SingleDatePicker_picker__directionLeft {
  left: 0; }

.SingleDatePicker_picker__directionRight {
  right: 0; }

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff; }

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_show {
  width: 22px;
  position: absolute;
  z-index: 2; }

.DayPickerKeyboardShortcuts_show__bottomRight {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__bottomRight:hover {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topRight {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0; }

.DayPickerKeyboardShortcuts_show__topRight:hover {
  border-right: 33px solid #008489; }

.DayPickerKeyboardShortcuts_show__topLeft {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0; }

.DayPickerKeyboardShortcuts_show__topLeft:hover {
  border-left: 33px solid #008489; }

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute; }

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: -28px; }

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: -28px; }

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: -28px; }

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px; }

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0; }

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px; }

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2; }

.DayPickerKeyboardShortcuts_close:active {
  outline: 0; }

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a; }

.CalendarDay {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center; }

.CalendarDay:active {
  outline: 0; }

.CalendarDay__defaultCursor {
  cursor: default; }

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff; }

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit; }

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit; }

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848; }

.CalendarDay__outside:hover {
  border: 0; }

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd; }

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd; }

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848; }

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848; }

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff; }

.CalendarDay__last_in_range,
.CalendarDay__last_in_range:hover {
  border-style: solid; }

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff; }

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a; }

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd; }

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0; }

.CalendarMonth_verticalSpacing {
  border-collapse: separate; }

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial; }

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px; }

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0; }

.CalendarMonthGrid__animating {
  z-index: 1; }

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid__vertical {
  margin: 0 auto; }

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%; }

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }

.CalendarMonthGrid_month__hidden {
  visibility: hidden; }

.DayPickerNavigation {
  position: relative;
  z-index: 2; }

.DayPickerNavigation__horizontal {
  height: 0; }

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0; }

.DayPickerNavigation__verticalScrollableDefault {
  position: relative; }

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0; }

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575; }

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4; }

.DayPickerNavigation_button__default:active {
  background: #f2f2f2; }

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px; }

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px; }

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px; }

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%; }

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0; }

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%; }

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block; }

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker__horizontal {
  background: #fff; }

.DayPicker__verticalScrollable {
  height: 100%; }

.DayPicker__hidden {
  visibility: hidden; }

.DayPicker__withBorder {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }

.DayPicker_portal__horizontal {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%; }

.DayPicker_portal__vertical {
  position: initial; }

.DayPicker_focusRegion {
  outline: 0; }

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top; }

.DayPicker_weekHeaders {
  position: relative; }

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px; }

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left; }

.DayPicker_weekHeader__vertical {
  left: 50%; }

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px; }

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center; }

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out; }

.DayPicker_transitionContainer__vertical {
  width: 100%; }

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll; }

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput__small {
  width: 97px; }

.DateInput__block {
  width: 100%; }

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb; }

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0; }

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px; }

.DateInput_input__regular {
  font-weight: auto; }

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0; }

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic; }

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2; }

.DateInput_fangShape {
  fill: #fff; }

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent; }

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block; }

.DateRangePickerInput__disabled {
  background: #f2f2f2; }

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb; }

.DateRangePickerInput__rtl {
  direction: rtl; }

.DateRangePickerInput__block {
  display: block; }

.DateRangePickerInput__showClearDates {
  padding-right: 30px; }

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848; }

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.DateRangePickerInput_clearDates__small {
  padding: 6px; }

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput_clearDates__hide {
  visibility: hidden; }

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput_clearDates_svg__small {
  height: 9px; }

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__block {
  display: block; }

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute; }

.DateRangePicker_picker__rtl {
  direction: rtl; }

.DateRangePicker_picker__directionLeft {
  left: 0; }

.DateRangePicker_picker__directionRight {
  right: 0; }

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff; }

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none; }

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd; }

.DateRangePickerInput {
  border: none;
  font-family: "brandontext"; }

.DateInput_input {
  font-family: "brandontext-medium";
  color: #202020;
  background: none;
  font-size: 16px;
  text-align: center; }

.DateInput_input__focused {
  color: #57bd47;
  background-color: rgba(87, 189, 71, 0.15); }

.DateRangePicker_picker {
  z-index: 1000; }

.CalendarMonth_table tr {
  display: block;
  margin-top: 3px; }
  .CalendarMonth_table tr td {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 39px;
    height: 38px; }

.CalendarDay {
  border: none !important; }
  .CalendarDay:first-child {
    border-radius: 50% 0 0 50%; }
  .CalendarDay:last-child {
    border-radius: 0 50% 50% 0; }
  .CalendarDay.CalendarDay__selected_start {
    border-radius: 50% 0 0 50%;
    background-color: #57bd47;
    color: white; }
  .CalendarDay.CalendarDay__selected_end {
    border-radius: 0 50% 50% 0;
    background-color: #57bd47;
    color: white; }
  .CalendarDay.CalendarDay__selected_start.CalendarDay__selected_end {
    border-radius: 50%; }

.CalendarDay:hover:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end):not(.CalendarDay__selected_span) {
  border: none;
  border-radius: 50%; }

.CalendarDay__selected_span {
  background-color: rgba(87, 189, 71, 0.25);
  color: black; }
  .CalendarDay__selected_span.CalendarDay:hover {
    background-color: rgba(87, 189, 71, 0.5);
    border: none;
    border-radius: 0; }
  .CalendarDay__selected_span.CalendarDay__last_in_range {
    border: none; }

.DayPickerKeyboardShortcuts_buttonReset {
  display: none; }

.CalendarDay__hovered_span, .CalendarDay__hovered_span:hover {
  background-color: rgba(87, 189, 71, 0.25);
  color: black;
  border: none;
  border-radius: 0; }

.input-time {
  display: inline-block;
  margin: 0 10px;
  font-family: "brandontext-medium";
  font-size: 16px; }

.input-time__label {
  color: #a0a0a0;
  font-size: 12px;
  vertical-align: middle; }

.input-time__input {
  width: 50px !important;
  height: 30px !important;
  line-height: 30px !important;
  margin-left: 7px !important;
  vertical-align: middle; }
  .input-time__input::selection {
    color: #57bd47;
    background-color: rgba(87, 189, 71, 0.15); }

.append-body {
  z-index: 2000; }

.dropdown-list {
  width: 320px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.dropdown-list__item {
  position: relative;
  width: 100%;
  height: 45px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #d9d9d9;
  font-size: 18px;
  color: #202020;
  cursor: pointer; }
  .dropdown-list__item:last-child {
    border-bottom: none; }

.dropdown-list__item__icon {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 15px;
  height: 12px;
  margin: auto;
  color: #57bd47; }

.drop-down {
  z-index: 100001;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-animation-name: drop-down-open;
          animation-name: drop-down-open;
  -webkit-animation-duration: .25s;
          animation-duration: .25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-transform: scale(0);
          transform: scale(0); }

.drop-down_hidding {
  -webkit-animation-name: drop-down-close;
          animation-name: drop-down-close; }

.drop-down__content {
  max-height: inherit;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

.drop-down__triangle {
  position: absolute;
  width: 60px;
  height: 20px; }

.drop-down__triangle_top-left {
  top: -12px;
  left: 10px; }

.drop-down__triangle_top-right {
  top: -12px;
  right: 10px; }

.drop-down__triangle_bottom-left {
  bottom: -12px;
  left: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.drop-down__triangle_bottom-right {
  bottom: -12px;
  right: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.drop-down-mask {
  z-index: 100000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@-webkit-keyframes drop-down-open {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes drop-down-open {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes drop-down-close {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

@keyframes drop-down-close {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; } }

.activity-filter {
  position: relative;
  height: 70px;
  border-bottom: 1px solid #d9d9d9;
  text-align: center; }
  .activity-filter.activity-filter_reduced {
    height: 50px; }

.activity-filter__datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px; }

.activity-filter__input-time {
  position: relative;
  top: -3px; }

.activity-filter__text-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 30%;
  height: 45px;
  margin: auto; }

.activity-filter__text-search__icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  color: #808080; }

.activity-filter__text-search__input {
  position: absolute;
  top: 0;
  left: 30px;
  width: calc(100% - 30px) !important; }

.activity-filter__input-device {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 22px;
  line-height: 22px;
  margin: auto;
  padding: 0 20px 0 0;
  text-align: right;
  color: #57bd47;
  font-family: inherit;
  font-size: 16px;
  border: none;
  background: none;
  outline: none;
  cursor: pointer; }

.activity-filter__input-device__expand-icon {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 6px;
  margin: auto; }

.tooltip {
  z-index: 1000;
  position: absolute;
  -webkit-animation-name: tooltip-open;
          animation-name: tooltip-open;
  -webkit-animation-duration: 150ms;
          animation-duration: 150ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

.tooltip_hidding {
  -webkit-animation-name: tooltip-close;
          animation-name: tooltip-close; }

.tooltip__content {
  position: relative;
  top: 11px;
  min-width: 100px;
  padding: 15px;
  border-radius: 10px;
  background: white;
  border: 1px solid #DBDBDB;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }

.tooltip__triangle {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 20px; }

.tooltip__triangle_reverse {
  top: initial;
  bottom: -22px;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1); }

@-webkit-keyframes tooltip-open {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes tooltip-open {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes tooltip-close {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; } }

@keyframes tooltip-close {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0; } }

.text-tooltip-container {
  position: relative;
  display: inline-block; }

.text-tooltip {
  color: #57bd47;
  border-bottom: 1px dashed #57bd47; }

.totals-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.totals-tooltip__label {
  margin-bottom: 10px;
  font-size: 12px;
  color: #606060; }

.totals-tooltip__value {
  font-size: 18px; }

.totals-tooltip__value_sales {
  color: #57bd47; }

.totals-tooltip__value_refunds {
  color: #f44f60; }

.totals-tooltip__separator {
  width: 1px;
  height: 25px;
  margin: 0 20px;
  background-color: #d9d9d9;
  -ms-flex-item-align: end;
      align-self: flex-end;
  border: none; }

.page-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 44px;
  margin: auto;
  border: 4px solid #57bd47;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  -webkit-animation: page-loader-animation 1s infinite linear;
          animation: page-loader-animation 1s infinite linear; }

@-webkit-keyframes page-loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes page-loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.page-empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  font-size: 16px; }

.page-empty__icon {
  width: 127px;
  height: 120px;
  color: #57bd47; }

.page-empty__title {
  margin: 20px auto 10px auto;
  color: #404040; }

.page-empty__sentence {
  color: #808080;
  margin: 0;
  text-align: center; }
  .page-empty__sentence a {
    text-decoration: underline;
    color: #57bd47; }

.button-add-form {
  height: 45px;
  padding: 0 10px;
  color: #57bd47;
  font-family: "brandontext";
  font-size: 18px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer; }

.button-add-form__icon {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  line-height: 21px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #57bd47;
  color: #FFF;
  font-family: "brandontext-light";
  font-size: 22px; }

.list-button {
  position: relative;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.list-button__label {
  font-size: 18px;
  color: #202020; }

.list-button__value {
  position: absolute;
  top: 0;
  right: 37px;
  bottom: 0;
  left: 50%;
  text-align: right;
  color: #606060;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.list-button__icon {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto 0;
  width: 12px;
  height: 7px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #a0a0a0; }

.list-button__border {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #d9d9d9; }

.empty-button {
  width: 480px;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: none;
  outline: none;
  cursor: pointer;
  font-size: 18px;
  font-family: inherit; }

.empty-button_action {
  color: #57bd47; }

.empty-button_delete {
  color: #f44f60; }

.collapse-button {
  display: block;
  width: 100%;
  max-width: 480px;
  height: 50px;
  line-height: 50px;
  margin: 30px auto;
  color: #404040;
  background: none;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font: inherit;
  font-size: 18px;
  outline: none;
  cursor: pointer; }

.collapse-button__icon {
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  margin-left: 15px;
  -webkit-transition: 200ms;
  transition: 200ms; }

.collapse-button__icon_opened {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.button {
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
  font-family: "brandontext";
  font-size: 18px;
  text-align: center; }

.button_market {
  padding: 7px 50px;
  color: white;
  background-color: #57bd47;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px #459738;
          box-shadow: 0 3px #459738; }
  .button_market:active {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
    background-color: #489f3b;
    -webkit-box-shadow: none;
            box-shadow: none; }

.button_action {
  padding: 7px;
  color: white;
  background-color: #57bd47;
  border-radius: 5px; }

.button_save-form {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 10px;
  font-family: "brandontext-medium";
  font-size: 20px;
  color: #57bd47; }

.button_delete-form {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #f44f60; }

.error-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 16px; }

.error-page__icon {
  width: 93px;
  height: 135px; }

.error-page__title {
  margin: 20px 0;
  color: #404040; }

.error-page__paragraph {
  margin: 0 0 30px 0;
  color: #808080; }

.error-page__support-info {
  width: 180px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: left;
  color: #808080; }

.error-page__support-info__icon {
  margin-right: 15px;
  vertical-align: middle;
  color: #57bd47; }

.error-page__support-info__icon_phone {
  width: 22px;
  height: 22px; }

.error-page__support-info__icon_mail {
  position: relative;
  top: -2px;
  width: 24px;
  height: 17px; }

.error-page__retry-button {
  position: absolute;
  bottom: 40px;
  width: 90%;
  max-width: 480px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #57bd47;
  background: none;
  font-family: "brandontext";
  font-size: 18px;
  outline: none;
  cursor: pointer; }


.synthesis-graph__anim-enter {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.synthesis-graph__anim-enter.synthesis-graph__anim-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 300ms;
  transition: 300ms; }

.synthesis-graph__anim-leave {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.synthesis-graph__anim-leave.synthesis-graph__anim-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 300ms;
  transition: 300ms; }

.synthesis-kpi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px 20px;
  min-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .synthesis-kpi {
      min-width: auto; } }

.synthesis-kpi__value {
  font-size: 24px;
  font-family: "brandontext-light"; }
  @media screen and (max-width: 768px) {
    .synthesis-kpi__value {
      font-size: 18px; } }

.synthesis-kpi__label {
  font-size: 12px;
  font-family: "brandontext-medium";
  color: #808080; }
  @media screen and (max-width: 768px) {
    .synthesis-kpi__label {
      font-size: 10px; } }

.synthesis-kpi__border {
  border: initial;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 32px;
  margin: auto;
  background-color: #d9d9d9; }

.synthesis-kpi__anim-enter {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5); }

.synthesis-kpi__anim-enter.synthesis-kpi__anim-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms; }

.synthesis-kpi__anim-leave {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.synthesis-kpi__anim-leave.synthesis-kpi__anim-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: 300ms;
  transition: 300ms; }

.tt-statistics-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #FFF; }
  .tt-statistics-view .tt-statistics-view-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    height: 100%;
    padding: 5pt; }
    .tt-statistics-view .tt-statistics-view-wrapper .tt-statistics-view-resize {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 5pt;
      right: 5pt;
      height: 20pt;
      width: 20pt;
      padding: 0;
      outline: none;
      border: none;
      background-color: rgba(87, 189, 71, 0.1);
      overflow: hidden;
      cursor: pointer; }
      .tt-statistics-view .tt-statistics-view-wrapper .tt-statistics-view-resize .icon {
        color: #57bd47;
        max-width: 55%;
        max-height: 55%; }
  .tt-statistics-view:not(.-open) {
    z-index: 1; }
    .tt-statistics-view:not(.-open):not(:last-child) {
      border-right: 1pt solid lightgrey; }
  .tt-statistics-view.-open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }

.tt-tabs .tt-tabs-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5pt; }
  .tt-tabs .tt-tabs-headers .tt-tabs-header {
    padding: 0 0 2pt 0;
    outline: none;
    border: none;
    border-bottom: 1pt solid transparent;
    background: none;
    color: #808080;
    font-size: 1.05rem;
    font-family: 'brandontext';
    cursor: pointer; }
    .tt-tabs .tt-tabs-headers .tt-tabs-header.-active {
      color: #57bd47;
      border-bottom: 1pt solid #57bd47;
      font-family: 'brandontext-bold'; }
    .tt-tabs .tt-tabs-headers .tt-tabs-header:not(:last-child) {
      margin-right: 15pt; }

.tt-synthesis-container {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .tt-synthesis-container .tt-synthesis-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .tt-synthesis-container .tt-synthesis-view .tt-synthesis-resume {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .tt-synthesis-container .tt-synthesis-view .tt-synthesis-resume .tt-synthesis-graph {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
                justify-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
        min-height: 300px;
        overflow: hidden; }
      .tt-synthesis-container .tt-synthesis-view .tt-synthesis-resume .tt-synthesis-kpi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        width: 150pt; }
      @media screen and (max-width: 768px) {
        .tt-synthesis-container .tt-synthesis-view .tt-synthesis-resume {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; }
          .tt-synthesis-container .tt-synthesis-view .tt-synthesis-resume .tt-synthesis-kpi {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            width: 100%; } }
  .tt-synthesis-container .tt-synthesis-tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 300pt; }
    .tt-synthesis-container .tt-synthesis-tables > span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 5pt;
      border-top: 1pt solid lightgrey; }
      .tt-synthesis-container .tt-synthesis-tables > span:not(:last-child) {
        border-right: 1pt solid lightgrey; }
      .tt-synthesis-container .tt-synthesis-tables > span .resizable-area:not(.resizable-area_full-size) {
        position: static;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow-x: hidden; }
        .tt-synthesis-container .tt-synthesis-tables > span .resizable-area:not(.resizable-area_full-size) .table-list {
          overflow-x: hidden; }
    @media screen and (max-width: 768px) {
      .tt-synthesis-container .tt-synthesis-tables {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .tt-synthesis-container .tt-statistics-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30vh;
    border-top: 1pt solid lightgrey; }
    @media screen and (max-width: 768px) {
      .tt-synthesis-container .tt-statistics-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .tt-synthesis-container.-open {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.page-animation-enter {
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95); }

.page-animation-enter.page-animation-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 300ms;
  transition: 300ms; }

.page-animation-leave {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.page-animation-leave.page-animation-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: 300ms;
  transition: 300ms; }

.resizable-list {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  left: 30px; }

.resizable-list_reduced {
  right: 65%;
  left: 0;
  border-right: 1px solid #d9d9d9; }

.resizable-list-details-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 35%; }

.resizable-list-details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

.resizable-list-details__close-btn {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 17px;
  height: 17px;
  color: #808080;
  border: none;
  padding: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer; }

.resizable-list-details__close-icon {
  position: relative;
  top: -8px;
  left: -8px;
  font-size: 34px; }

.cashbooks-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #808080;
  font-size: 16px; }

.cashbooks-row__cells {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%; }

.cashbooks-row__cell_in-progress {
  color: #808080; }

.cashbooks-row__mobile__start {
  font-size: 18px;
  font-family: "brandontext-medium"; }

.cashbooks-row__mobile__end {
  font-size: 14px;
  color: #606060; }

.cashbooks-row__mobile__result {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  text-align: right;
  color: #606060; }

.cashbooks-row_selected .cashbooks-row__mobile__end {
  color: white; }

.cashbooks-row_selected .cashbooks-row__mobile__result {
  color: white; }

.cashbooks-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  line-height: 25px;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: #202020; }

.cashbooks-row_reduced {
  height: 65px;
  padding-left: 40px;
  line-height: 22px; }
  .cashbooks-row_reduced .cashbooks-row__circle {
    top: 15px;
    left: 15px;
    margin: initial; }
  .cashbooks-row_reduced .cashbooks-row__bar {
    left: 20px;
    top: 0;
    bottom: 0; }
  .cashbooks-row_reduced:first-child .cashbooks-row__bar {
    top: 25px; }

.cashbooks-row_selected {
  background-color: #57bd47;
  color: white; }
  .cashbooks-row_selected .cashbooks-row__circle {
    border: 2px solid white;
    outline: 4px solid #57bd47;
    background-color: #57bd47; }
  .cashbooks-row_selected .cashbooks-row__bar {
    background-color: white; }

.cashbooks-row__cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cashbooks-row__circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border: 2px solid #57bd47;
  outline: 4px solid white;
  background-color: white;
  border-radius: 50%; }

.cashbooks-row__bar {
  position: absolute;
  top: -5px;
  left: 5px;
  bottom: 0;
  width: 2px;
  background-color: #d9d9d9; }

.cashbooks-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.cashbooks-list__rows {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 25px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

.cashbooks-list__rows_reduced {
  top: 0;
  padding-top: 15px; }

.cashbooks__cell {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .cashbooks__cell:nth-child(1) {
    width: 25%; }
  .cashbooks__cell:nth-child(2) {
    width: 25%; }
  .cashbooks__cell:nth-child(3) {
    width: 25%; }
  .cashbooks__cell:nth-child(4) {
    width: 25%; }

.cashbook-view {
  position: absolute;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 0; }

.cashbook-details {
  width: calc(100% - 100px);
  margin: auto; }

.cashbook-head {
  padding: 25px 0;
  text-align: center; }

.cashbook-head__total {
  margin-bottom: 10px;
  font-size: 30px;
  font-family: "brandontext-medium";
  color: #202020; }

.cashbook-head__sales {
  font-size: 20px;
  color: #808080;
  margin-bottom: 5px; }

.cashbook-head__device {
  font-size: 17px;
  font-family: "brandontext-medium";
  color: #404040; }

.cashbook-head__date {
  font-size: 17px;
  color: #404040; }

.cashbook-head__in-progress {
  display: inline-block;
  margin-top: 10px;
  padding: 1px 4px;
  border: 1px solid;
  color: #57bd47;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 10px;
  font-family: "brandontext-medium"; }

.cashbook-head__border {
  width: 75%;
  height: 1px;
  margin: 15px auto 0 auto;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0)); }

.details-part {
  width: 100%;
  margin: 20pt auto 25px auto; }

.details-parts__title {
  padding: 5px 15px;
  font-size: 13px;
  font-family: "brandontext-medium";
  color: #808080;
  text-transform: uppercase; }

.cashbook__payment-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  line-height: 45px; }
  .cashbook__payment-line:last-child .cashbook__payment-line__label {
    border-bottom: none; }
  .cashbook__payment-line:last-child .cashbook__payment-line__value {
    border-bottom: none; }

.cashbook__payment-line__icon {
  width: 30px;
  height: 20px;
  margin: 0 15px;
  color: #606060; }

.cashbook__payment-line__icon_tactill-pay {
  height: 28px; }

.cashbook__payment-line__icon_custom-payment {
  width: 40px;
  height: 34px;
  margin: 0 10px; }

.cashbook__payment-line__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.cashbook__payment-line__value {
  padding-right: 15px;
  font-size: 18px;
  text-align: right;
  color: #808080;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.cashbook__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.cashbook__line__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 17px; }

.cashbook__line__value {
  font-size: 18px;
  text-align: right;
  color: #808080; }

.taxes-details div:last-child {
  padding-bottom: 25px; }

.item-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  line-height: 44px;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.item-line_without-border {
  border-bottom: none; }

.item-line__thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  color: white;
  background-size: cover; }

.item-line__icon_category-default {
  width: 21px;
  height: 18px; }

.item-line__icon_article-default {
  width: 25px;
  height: 25px; }

.item-line__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 15px; }

.item-line__label-line {
  font-size: 18px; }

.item-line__label-line_up {
  line-height: 26px;
  font-size: 16px; }

.item-line__label-sub-line {
  line-height: 14px;
  font-size: 14px;
  color: #a0a0a0; }

.item-line__value {
  min-width: 100px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  text-align: right;
  color: #808080; }

.cashbook__more-button {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center; }

.cashbook__more-button__label {
  display: inline-block;
  font-size: 18px;
  font-family: "brandontext";
  color: #57bd47;
  border: none;
  background: none;
  outline: none;
  cursor: pointer; }

.cashbook__more-button__icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 6px;
  margin-left: 10px; }

.cashbook__more-button__icon_reverse {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.sale-row {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  line-height: 44px;
  outline: none; }
  .sale-row:last-child .sale-row__data {
    border-bottom: none; }

.sale-row_active {
  background-color: #57bd47; }
  .sale-row_active .sale-row__data {
    border: none; }
  .sale-row_active .sale-row__payment, .sale-row_active .sale-row__cell {
    color: white; }

.sale-row__payment {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 65px;
  color: #606060; }

.sale-row__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 20px; }

.sale-row__icon_multi {
  width: 32px;
  height: 22px; }

.sale-row__icon_custom-payment {
  width: 40px;
  height: 34px; }

.sale-row__icon_tactill-pay {
  width: 40px;
  height: 34px; }

.sale-row__nb-payments {
  position: relative;
  left: 2px;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px; }

.sale-row__nb-payments-x {
  position: relative;
  top: -1px;
  left: -1px; }

.sale-row__refund-icon {
  position: absolute;
  top: 21px;
  left: 35px;
  width: 19px;
  height: 19px; }

.sale-row__data {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 65px;
  padding-right: 15px;
  font-size: 15px;
  border-bottom: 1px solid #d9d9d9;
  color: #202020; }

.sale-row__cell {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.sale-row__cell_amount {
  padding-left: 0;
  width: 15%; }

.sale-row__cell_nb-items {
  width: 10%; }

.sale-row__cell_articles {
  width: 60%;
  color: #a0a0a0; }

.sale-row__cell_number {
  width: 10%;
  color: #a0a0a0;
  padding: 0; }

.sale-row__cell_date {
  width: 5%;
  text-align: right;
  color: #606060;
  padding: 0; }

.sale-row__data_reduced .sale-row__cell_amount {
  width: 50%; }

.sale-row__data_reduced .sale-row__cell_number {
  width: 30%;
  font-size: 15px; }

.sale-row__data_reduced .sale-row__cell_date {
  width: 20%; }

.sales-day {
  width: 100%;
  margin-bottom: 25px; }

.sales-day__title {
  padding: 3px 0 3px 15px;
  font-size: 13px;
  color: #808080;
  border-bottom: 1px solid #d9d9d9; }

.infinite-scroll-error {
  position: relative;
  text-align: center;
  margin-bottom: 20px; }

.infinite-scroll-error__sentences {
  margin-bottom: 20px; }

.infinite-scroll-error__sentence {
  margin: 0;
  font-size: 16px;
  color: #808080; }

.infinite-scroll-error__link {
  font-family: "brandontext-medium";
  color: #57bd47; }

.sales-day-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0 0 0;
  overflow-y: scroll; }

.sales-day-list__loader {
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: -100px; }

.sales-view {
  position: absolute;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 0; }

.sales-details-head-error {
  font-size: 16px;
  text-align: center;
  color: #808080; }

.sales-details-head-error__button {
  padding: 0;
  font: inherit;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: block;
  margin: auto;
  font-family: "brandontext-medium";
  color: #57bd47; }

.thumbnail_ {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  background-size: cover;
  background-repeat: no-repeat; }

.thumbnail_rounded {
  border-radius: 50%; }

.sale-details__head {
  position: relative;
  text-align: center;
  font-size: 18px; }

.sale-details__number {
  font-size: 24px;
  margin: 25px 0 30px 0;
  font-weight: normal; }

.sale-details__amount {
  margin-bottom: 10px;
  font-family: "brandontext-medium";
  font-size: 30px;
  color: #202020; }

.sale-details__nb-and-date {
  color: #808080; }

.sale-details__nb {
  font-size: 20px; }

.sale-details__device-name {
  margin: 10px 0; }

.sale-details__refund {
  position: relative;
  height: 70px; }

.sale-details-refund__target {
  color: #f44f60; }

.sale-details-refund__motive {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #606060;
  font-size: 16px; }

.sale-details__separator {
  width: 375px;
  height: 1px;
  margin: 20px auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
  border: none; }

.sale-head-customer-container {
  position: relative;
  height: 40px; }

.sale-head-customer__thumbnail {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 15px; }

.sale-head__loader {
  width: 25px;
  height: 25px; }

.sale-head__loader_refund {
  top: -30px; }

.sale-details-load-anim-enter {
  opacity: 0; }

.sale-details-load-anim-enter.sale-details-load-anim-enter-active {
  opacity: 1;
  -webkit-transition: 200ms;
  transition: 200ms; }

.sale-details-load-anim-leave {
  opacity: 1; }

.sale-details-load-anim-leave.sale-details-load-anim-leave-active {
  opacity: 0;
  -webkit-transition: 200ms;
  transition: 200ms; }

.sub-item-line {
  height: 22px;
  line-height: 22px;
  padding-left: 23px; }
  .sub-item-line:last-child .sub-item__content {
    border-bottom: 1px solid #d9d9d9; }

.sub-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f44f60;
  font-size: 12px; }

.sub-item-line__thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22px;
  height: 22px;
  background-color: #f44f60; }

.sub-item-line__icon {
  width: 16px;
  height: 16px;
  color: white; }

.sub-item-line__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 15px; }

.sub-item-line__value {
  padding-right: 15px; }

.sales-details {
  width: calc(100% - 100px);
  margin: auto; }

.list-view {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.modals-group-container {
  z-index: 2000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden !important; }

.modals-group-container_active .modals-group__background {
  opacity: 0.75; }

.modals-group-container_active .modals-group {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.modals-group__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.modals-group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

._modal-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.modal__out-area {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.modal {
  z-index: 10;
  position: relative;
  border-radius: 10px;
  background-color: #FFF;
  overflow: hidden; }

.modal-head {
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 20px 0;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
  text-align: center; }

.modal-button {
  width: 100%;
  height: 50px;
  font-family: "brandontext-medium";
  font-size: 18px;
  border: none;
  border-top: 1px solid #d9d9d9;
  background: none;
  outline: none;
  cursor: pointer; }

.modal-button_mid-width {
  display: inline-block;
  width: 50%;
  border-right: 1px solid #d9d9d9; }
  .modal-button_mid-width:last-child {
    border-right: none; }

.modal-button_action {
  color: #57bd47; }
  .modal-button_action.modal-button_reverse-color {
    background-color: #57bd47;
    color: white; }

.modal-button_remove {
  color: #f44f60; }

.modal-button_cancel {
  font-family: "brandontext"; }

.modal-button_disabled {
  color: #a0a0a0;
  cursor: initial; }

.modal-title_ {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: "brandontext-medium";
  color: #202020; }

.modal-sentence {
  margin-bottom: 50px;
  padding: 0 50px;
  font-size: 18px;
  color: #606060; }

.modal-group__anim-enter {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.modal-group__anim-enter.modal-group__anim-enter-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.modal-group__anim-leave {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.modal-group__anim-leave.modal-group__anim-leave-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.modal-confirm {
  width: 310px;
  padding: 20px 0 0 0;
  text-align: center; }

.modal-confirm_large {
  width: 510px; }
  .modal-confirm_large .modal-confirm__icon {
    width: 128px;
    height: 135px; }
  .modal-confirm_large .modal-confirm__message {
    font-size: 24px; }

.modal-confirm__icon {
  width: 97px;
  height: 103px;
  color: #57bd47; }

.modal-confirm__message {
  margin: 20px auto 15px auto;
  padding: 0 10px;
  font-family: "brandontext-medium";
  font-size: 20px; }

.modal-confirm__description {
  margin-bottom: 35px;
  padding: 0 35px;
  font-size: 18px;
  color: #606060; }
  .modal-confirm__description a {
    color: #57bd47; }
  .modal-confirm__description button {
    color: #57bd47;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    font: inherit; }

.modal-confirm__buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.25); }

.modal-confirm__button {
  width: 50%;
  height: 50px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #202020;
  font-size: 18px;
  font-family: "brandontext";
  background: none;
  border: none;
  outline: none;
  cursor: pointer; }

.modal-confirm__button_full-width {
  width: 100%; }

.modal-confirm__button_cancel {
  border-right: 1px solid rgba(0, 0, 0, 0.25); }

.modal-confirm__button_confirm {
  color: #57bd47;
  font-family: "brandontext-medium"; }

.modal-confirm__button_remove {
  color: #f44f60;
  font-family: "brandontext-medium"; }

.modal-server-error {
  width: 310px;
  padding: 20px 0 0 0;
  text-align: center; }

.modal-server-error_with-title {
  width: 540px; }

.modal-server-error__icon {
  width: 71px;
  height: 100px; }

.modal-server-error__message {
  max-width: 240px;
  margin: 20px auto 15px auto;
  font-family: "brandontext-medium";
  font-size: 20px; }

.modal-server-error__message_with-title {
  max-width: 440px;
  font-family: "brandontext";
  font-size: 18px; }

.modal-server-error__link {
  color: #57bd47; }

.modal-server-error__buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.25); }

.modal-server-error__button {
  width: 50%;
  height: 50px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #202020;
  font-size: 18px;
  font-family: "brandontext";
  background: none;
  border: none;
  outline: none;
  cursor: pointer; }

.modal-server-error__button_cancel {
  border-right: 1px solid rgba(0, 0, 0, 0.25); }

.modal-server-error__button_retry {
  color: #57bd47;
  font-family: "brandontext-medium"; }

.modal-local-error {
  width: 310px;
  padding: 20px 0 0 0;
  text-align: center; }

.modal-local-error__icon {
  width: 71px;
  height: 100px; }

.modal-local-error__message {
  margin: 20px auto 15px auto;
  font-family: "brandontext-medium";
  font-size: 20px; }

.modal-local-error__button {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #57bd47;
  font-size: 18px;
  font-family: "brandontext";
  background: none;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  outline: none;
  cursor: pointer; }

._modal-loading {
  width: 310px;
  padding: 50px 10px;
  text-align: center; }

._modal-loading_with-title {
  width: 540px; }

.modal-loading__loader {
  width: 103px;
  height: 94px;
  color: #57bd47;
  -webkit-animation-name: modal-loading__rotate;
          animation-name: modal-loading__rotate;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.modal-loading__message {
  max-width: 240px;
  margin: 40px auto 0 auto;
  font-family: "brandontext-medium";
  font-size: 20px; }

.modal-loading__message_with-title {
  max-width: 440px;
  font-family: "brandontext";
  font-size: 18px; }

@-webkit-keyframes modal-loading__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes modal-loading__rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.switch {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 30px;
  border-radius: 16px;
  background-color: white;
  border: solid 1px #cccccc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: .3s;
  transition: .3s; }

.switch_active {
  background-color: #57bd47;
  border-color: #57bd47; }
  .switch_active .switch-button {
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }

.switch-button {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: white;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s;
  transition: .3s; }

.switch_with-label {
  width: 85px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  border: none;
  background-color: #a0a0a0;
  color: white;
  font-size: 14px; }
  .switch_with-label.switch_active {
    background-color: #57bd47; }
    .switch_with-label.switch_active .switch-button {
      -webkit-transform: translateX(55px);
              transform: translateX(55px); }
    .switch_with-label.switch_active .switch-label-active {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .switch_with-label.switch_active .switch-label-inactive {
      opacity: 0;
      -webkit-transform: translateX(10px);
              transform: translateX(10px); }
  .switch_with-label .switch-button {
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 1px; }

.switch-label-active {
  position: absolute;
  left: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-transition: .3s;
  transition: .3s; }

.switch-label-inactive {
  position: absolute;
  left: 0;
  top: 0;
  right: 8px;
  bottom: 0;
  text-align: right;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: .3s;
  transition: .3s; }

.labeled-input {
  position: relative;
  width: 480px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden; }
  .labeled-input:last-child {
    border: none; }

.labeled-input__label {
  display: inline-block;
  width: 50%; }

.labeled-input__value {
  display: inline-block;
  width: 50%;
  padding-right: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #606060;
  text-align: right; }

.labeled-input__value-input {
  color: inherit;
  text-align: inherit; }

.labeled-input__value-switch {
  position: absolute;
  top: 0;
  right: 35px;
  bottom: 0;
  margin: auto; }

.price-input {
  color: inherit;
  text-align: inherit;
  -webkit-transition: .25s;
  transition: .25s; }

.price-input_with-unit {
  -webkit-transform: translateX(-72px);
          transform: translateX(-72px); }

.price-input__switch {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: .25s;
  transition: .25s; }

.price-input__switch_active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.price-input__unit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 70px;
  color: #57bd47;
  background-color: rgba(87, 189, 71, 0.05);
  border-top: none;
  border-bottom: none;
  border-left: 1px solid;
  border-right: 1px solid;
  text-align: center;
  cursor: pointer;
  outline: none;
  font-size: inherit;
  font-family: inherit;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: .25s;
  transition: .25s; }

.price-input__unit_active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.price-input__unit-expand {
  width: 12px;
  height: 7px;
  margin-left: 5px; }

.price-input__unit-expand {
  width: 12px;
  height: 7px;
  margin-left: 5px; }

.dropdown-input-old {
  cursor: pointer; }

.dropdown-input-old__icon {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 12px;
  height: 7px;
  margin: auto;
  color: #a0a0a0; }

.input-auto-width {
  display: inline-block;
  position: relative; }

.input-auto-width__input {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: inherit !important;
  line-height: inherit !important;
  font: inherit !important;
  background: none;
  border: none;
  color: inherit; }
  .input-auto-width__input::-webkit-input-placeholder {
    color: inherit; }
  .input-auto-width__input:-ms-input-placeholder {
    color: inherit; }
  .input-auto-width__input::-ms-input-placeholder {
    color: inherit; }
  .input-auto-width__input::placeholder {
    color: inherit; }

.input-auto-width__hidden-value {
  opacity: 0;
  white-space: pre; }

.input-tags__list__add-button {
  position: relative;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  margin-right: 6px;
  padding: 0;
  border: 1px solid;
  background: none;
  outline: none;
  font-family: "brandontext";
  font-size: 16px; }

.input-tags__list__add-button__icon {
  position: relative;
  top: -2px;
  margin: 0 4px 0 8px;
  vertical-align: middle;
  font-size: 24px; }

.input-tags__list__add-button__input {
  padding-right: 8px; }

.input-tag__tag {
  position: relative;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 25px 0 10px;
  margin-right: 6px;
  border: none;
  outline: none;
  font-family: "brandontext";
  font-size: 16px;
  color: #FFF;
  background-color: #a0a0a0; }

.input-tag__tag__label {
  display: inline-block;
  height: 30px;
  outline: none;
  cursor: text; }

.input-tag__tag__delete {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  line-height: 28px;
  text-align: center;
  font-family: "brandontext-light";
  cursor: pointer; }

.input-tags-container {
  position: relative;
  width: 100%;
  min-height: 44px;
  line-height: 44px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden; }

.input-tags__input {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 100% !important; }

.input-tags__anim-enter.input-tags__list {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.input-tags__anim-enter.input-tags__input {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0; }

.input-tags__anim-enter.input-tags__anim-enter-active {
  -webkit-transition: .2s;
  transition: .2s; }
  .input-tags__anim-enter.input-tags__anim-enter-active.input-tags__list {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .input-tags__anim-enter.input-tags__anim-enter-active.input-tags__input {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }

.input-tags__anim-leave.input-tags__list {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.input-tags__anim-leave.input-tags__input {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.input-tags__anim-leave.input-tags__anim-leave-active {
  -webkit-transition: .2s;
  transition: .2s; }
  .input-tags__anim-leave.input-tags__anim-leave-active.input-tags__list {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .input-tags__anim-leave.input-tags__anim-leave-active.input-tags__input {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }

.input-variation {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.input-variation__separator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 239px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

.input-variation__name {
  vertical-align: top;
  width: 229px !important;
  padding-left: 10px !important; }

.input-variation__values {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 240px);
  border: none; }

.article-declinaisons-table {
  position: relative; }

.article-declinaisons-table__line {
  position: relative;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.article-declinaisons-table__data {
  position: absolute;
  top: 0;
  right: 80px;
  bottom: 0;
  left: 0; }

.article-declinaisons-table__cell {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.article-declinaisons-table__cell_actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.article-declinaisons-table__input {
  height: 35px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  padding: 0 10px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px; }

.article-declinaisons-table__icon {
  color: #57bd47; }

.article-declinaisons-table__icon_edit {
  width: 20px;
  height: 20px; }

.article-declinaisons-table__icon_delete {
  width: 16px;
  height: 20px; }

.article-declinaisons {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 20px;
  background-color: white;
  z-index: 10; }

.article-declinaisons__title {
  height: 50px;
  margin: 40px 0 50px 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 36px;
  text-align: center;
  color: #202020;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.article-declinaisons__button {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #57bd47;
  font-size: 20px;
  font-family: "brandontext";
  background: none;
  border: none;
  outline: none;
  cursor: pointer; }

.article-declinaisons__button_save {
  font-family: "brandontext-medium"; }

.article-declinaisons-form-part {
  margin-bottom: 30px; }

.article-declinaisons-form-part__title {
  margin-bottom: 5px;
  padding-left: 10px;
  color: #808080;
  font-size: 13px;
  font-family: "brandontext-medium"; }

.article-declinations-form-part__example-sentence {
  color: #808080;
  font-size: 14px;
  text-align: center;
  margin-top: 15px; }

.article-declinaisons-form-part__explain {
  width: 370px;
  margin: 20px auto 0 auto;
  text-align: center; }

.article-declinaisons-form-part__explain-icon {
  width: 100px;
  height: 105px;
  color: #57bd47; }

.article-declinaisons-form-part__explain-title {
  margin: 10px 0;
  font-family: "brandontext-medium";
  color: #404040; }

.article-declinaisons-form-part__explain-sentence {
  margin: 0;
  color: #808080; }

.declination-details {
  width: 480px;
  margin: auto; }

.declination-details__title {
  color: #202020;
  font-size: 24px;
  text-align: center; }

.header-tab {
  position: relative;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  font-size: 18px; }

.header-tab_active {
  font-family: "brandontext-medium"; }
  .header-tab_active .header-tab__border {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

.header-tab__border {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  background-color: #57bd47;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none; }

.header-action {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  margin: 0 10px;
  color: #57bd47;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  font: inherit; }

.header-action__label {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 18px; }

.header-action__label_without-icon {
  font-family: "brandontext-medium"; }

.header-action__icon {
  vertical-align: middle; }

.header-action__icon_import {
  width: 19px;
  height: 25px; }

.header-action__icon_export {
  width: 19px;
  height: 25px; }

.header-action__icon_add {
  width: 21px;
  height: 21px; }

.header {
  position: relative;
  width: 100%;
  height: 65px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.header_with-tabs {
  height: 120px; }

.header__title {
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  text-align: center; }

.header__actions {
  position: absolute;
  top: 18px;
  right: 20px; }

.header__tabs {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

.header__border {
  position: absolute;
  top: 65px;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #d9d9d9;
  border: none;
  -webkit-transition: 300ms;
  transition: 300ms; }

.header__border_with-tabs {
  -webkit-transform: translateY(55px);
          transform: translateY(55px); }

.page-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 30px; }

.page-content_with-header {
  top: 65px; }

.page-content_with-tabs {
  top: 120px; }

.customer-row__name {
  color: #202020;
  font-family: "brandontext-medium"; }

.customer-row__info {
  color: #808080; }

.customer-available-soon {
  width: 510px;
  text-align: center; }

.customer-available-soon__illu {
  width: 300px;
  margin-top: 30px; }

.customer-available-soon__title {
  margin: 30px 0 10px 0;
  font-size: 24px;
  font-family: "brandontext-medium";
  color: #202020; }

.customer-available-soon__sentence {
  width: 420px;
  margin: 0 auto 40px auto;
  font-size: 18px;
  color: #606060; }

.import-step-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 90px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 200ms;
  transition: 200ms; }

.import-step-button__icon-container {
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: black; }

.import-step-button__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px; }

.import-step-button__title {
  font-size: 18px;
  color: #202020; }

.import-step-button__description {
  font-size: 14px;
  color: #808080; }

.import-step-button__icon {
  -webkit-transition: 200ms;
  transition: 200ms; }

.import-step-button__icon_xlsx-file {
  width: 30px;
  height: 40px; }

.import-step-button__icon_export {
  width: 30px;
  height: 40px; }

.import-step-file__input {
  display: none; }

.import-step-file__button_over {
  border-color: rgba(87, 189, 71, 0.75);
  background-color: rgba(87, 189, 71, 0.05); }
  .import-step-file__button_over svg {
    color: #57bd47; }

.import-step-file__button_invalid {
  border-color: rgba(244, 79, 96, 0.75);
  background-color: rgba(244, 79, 96, 0.05); }
  .import-step-file__button_invalid svg {
    color: #f44f60; }

.import-step-preview {
  width: 100%;
  text-align: center;
  color: #202020; }

.import-step-preview__title {
  margin-bottom: 20px;
  font-size: 18px; }

.import-step-preview__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 60px);
  height: 70px;
  margin: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  font-size: 18px; }

.import-step-preview__delete {
  border: none;
  background: none;
  font: inherit;
  font-size: 14px;
  margin: 10px 0 0 0;
  color: #57bd47;
  cursor: pointer;
  outline: none; }

.import-step-preview__icon {
  margin-right: 15px; }

.import-step-preview__icon_xlsx-file {
  width: 22px;
  height: 30px; }

.import-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  margin-bottom: 20px; }

.import-step__number-container {
  margin-right: 15px; }

.import-step__number {
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  background-color: #57bd47;
  color: white;
  font-size: 14px;
  border-radius: 50%; }

.import-step__button-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.customer-import {
  width: 540px; }

.customer-import__content {
  position: relative;
  height: 225px; }

.customer-import__preview-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.customer-import__anim-enter {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.customer-import__anim-enter.customer-import__anim-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 300ms;
  transition: 300ms; }
  .customer-import__anim-enter.customer-import__anim-enter-active:nth-child(1) {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms; }
  .customer-import__anim-enter.customer-import__anim-enter-active:nth-child(2) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }
  .customer-import__anim-enter.customer-import__anim-enter-active.customer-import__preview-container {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms; }

.customer-import__anim-leave {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.customer-import__anim-leave.customer-import__anim-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 300ms;
  transition: 300ms; }
  .customer-import__anim-leave.customer-import__anim-leave-active:nth-child(2) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }

.blocked-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .blocked-container .blocked-image {
    width: 100%;
    max-width: 300px; }
  .blocked-container .blocked-title {
    margin: 35px 0 15px;
    font-family: "brandontext-bold";
    font-size: 1.7rem;
    color: #57bd47;
    letter-spacing: -0.5px; }
  .blocked-container .blocked-description {
    max-width: 450px;
    font-size: 1.1rem;
    color: #404040;
    text-align: center; }
  .blocked-container .blocked-list {
    padding: 0;
    margin: 45px 0 0 0;
    width: 100%;
    max-width: 450px;
    list-style-type: none; }
    .blocked-container .blocked-list .blocked-list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      padding: 0; }
      .blocked-container .blocked-list .blocked-list-item .blocked-list-item-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background-color: #E6F5E5;
        color: #57bd47; }
        .blocked-container .blocked-list .blocked-list-item .blocked-list-item-icon-container .blocked-list-item-icon {
          min-width: 20px;
          min-height: 20px;
          max-width: 20px;
          max-height: 20px; }
      .blocked-container .blocked-list .blocked-list-item .blocked-list-item-container {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-bottom: 15px;
        margin: 0 0 15px 15px;
        border-bottom: 2px solid #f4f8f9; }
        .blocked-container .blocked-list .blocked-list-item .blocked-list-item-container .blocked-list-item-title {
          margin: 0;
          font-family: "brandontext-bold";
          font-weight: normal;
          font-size: 0.95rem;
          color: #202020;
          letter-spacing: -0.3px; }
        .blocked-container .blocked-list .blocked-list-item .blocked-list-item-container .blocked-list-item-description {
          font-size: 0.85rem;
          color: #404040; }

.movement-row__quantity {
  color: #57bd47; }

.movement-row__quantity_out {
  color: #f44f60; }

.movement-row__button {
  border: 1px solid;
  padding: 2px 15px;
  color: #57bd47;
  font-size: 14px; }

.import-modal {
  width: 540px; }

.import-modal__content {
  position: relative;
  height: 225px; }

.import-modal__preview-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.import-modal__anim-enter {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.import-modal__anim-enter.import-modal__anim-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 300ms;
  transition: 300ms; }
  .import-modal__anim-enter.import-modal__anim-enter-active:nth-child(1) {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms; }
  .import-modal__anim-enter.import-modal__anim-enter-active:nth-child(2) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }
  .import-modal__anim-enter.import-modal__anim-enter-active.import-modal__preview-container {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms; }

.import-modal__anim-leave {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.import-modal__anim-leave.import-modal__anim-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 300ms;
  transition: 300ms; }
  .import-modal__anim-leave.import-modal__anim-leave-active:nth-child(2) {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }

.modal-select-in-out {
  width: 590px;
  height: 280px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.modal-select-in-out__buttons {
  width: 100%; }

.modal-select-in-out__button {
  padding: 0;
  font: inherit;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 40%; }

.modal-select-in-out__icon {
  width: 54px;
  height: 76px;
  color: #57bd47; }

.modal-select-in-out__label {
  display: block;
  margin-top: 10px;
  font-size: 20px; }

.modal-select-in-out__sep {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 180px;
  margin: 0 30px;
  background-color: #cccccc;
  border: none; }

.tt-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 0 50px;
  border: none;
  border-radius: 8px;
  outline: none;
  font-size: 1rem;
  font-family: 'brandontext';
  color: #fff;
  -webkit-transition: background-color 250ms, -webkit-box-shadow 250ms;
  transition: background-color 250ms, -webkit-box-shadow 250ms;
  transition: box-shadow 250ms, background-color 250ms;
  transition: box-shadow 250ms, background-color 250ms, -webkit-box-shadow 250ms;
  cursor: pointer; }
  .tt-button .tt-button-icon {
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    margin-right: 15px; }
  .tt-button.-facebook {
    background-color: #527DBE;
    color: #FFF; }
    .tt-button.-facebook:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(82, 125, 190, 0.2);
              box-shadow: 0px 0px 15px 5px rgba(82, 125, 190, 0.2); }
    .tt-button.-facebook:hover:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(82, 125, 190, 0.4);
              box-shadow: 0px 0px 15px 5px rgba(82, 125, 190, 0.4); }
  .tt-button.-google {
    background-color: #DD371E;
    color: #FFF; }
    .tt-button.-google:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(221, 55, 30, 0.2);
              box-shadow: 0px 0px 15px 5px rgba(221, 55, 30, 0.2); }
    .tt-button.-google:hover:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(221, 55, 30, 0.4);
              box-shadow: 0px 0px 15px 5px rgba(221, 55, 30, 0.4); }
  .tt-button.-default {
    background-color: #57bd47;
    color: #FFF; }
    .tt-button.-default:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(87, 189, 71, 0.2);
              box-shadow: 0px 0px 15px 5px rgba(87, 189, 71, 0.2); }
    .tt-button.-default:hover:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(87, 189, 71, 0.4);
              box-shadow: 0px 0px 15px 5px rgba(87, 189, 71, 0.4); }
  .tt-button.-inverse {
    background-color: #FFF;
    color: #57bd47; }
    .tt-button.-inverse:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.2);
              box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.2); }
    .tt-button.-inverse:hover:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4);
              box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4); }
    .tt-button.-inverse.-no-halo {
      border: 1pt solid #57bd47; }
  .tt-button.-cancel {
    background-color: #FFF;
    color: #606060; }
    .tt-button.-cancel:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.2);
              box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.2); }
    .tt-button.-cancel:hover:not(.-no-halo) {
      -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4);
              box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4); }
    .tt-button.-cancel.-no-halo {
      border: 1pt solid #a0a0a0; }
    .tt-button.-cancel:hover.-no-halo {
      background-color: #f3f3f3; }
  .tt-button.-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #57bd47;
    height: auto; }
  .tt-button.-small {
    height: 40px;
    padding: 0 30px;
    border-radius: 6px;
    font-size: 0.9rem; }
  @media screen and (max-width: 762px) {
    .tt-button {
      height: 40px;
      padding: 0 30px;
      border-radius: 6px;
      font-size: 0.9rem; }
      .tt-button.-small {
        height: 30px;
        padding: 0 25px;
        border-radius: 5px;
        font-size: 0.85rem; } }

.tt-form-input-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .tt-form-input-container .tt-form-input {
    height: 44px;
    padding: 0 15px;
    outline: none;
    border: 1.5pt solid transparent;
    border-radius: 8px;
    background-color: #FFF;
    color: #606060;
    font-family: "brandontext";
    font-size: 1.1rem;
    -webkit-transition: border-color 250ms;
    transition: border-color 250ms; }
    .tt-form-input-container .tt-form-input::-webkit-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-form-input-container .tt-form-input:-ms-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-form-input-container .tt-form-input::-ms-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-form-input-container .tt-form-input::placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
  .tt-form-input-container .tt-form-input-icon {
    position: absolute;
    top: 22px;
    left: 15px;
    min-width: 25px;
    min-height: 25px;
    max-width: 25px;
    max-height: 25px;
    color: #606060;
    -webkit-transform: translateY(calc(-50% + 1.5pt));
            transform: translateY(calc(-50% + 1.5pt)); }
  .tt-form-input-container .tt-form-input-eye {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(50px + 1pt);
    height: calc(44px + 3pt);
    padding: 0;
    border: none;
    outline: none;
    background: none;
    cursor: pointer; }
    .tt-form-input-container .tt-form-input-eye .tt-form-input-eye-icon {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50px;
      height: 26px;
      padding: 0 12px;
      border-left: 1pt solid #606060;
      color: #606060;
      cursor: pointer; }
      .tt-form-input-container .tt-form-input-eye .tt-form-input-eye-icon.-active {
        color: #57bd47; }
  .tt-form-input-container .tt-form-input-error {
    margin-top: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    -webkit-transition: margin-top 250ms, -webkit-transform 250ms;
    transition: margin-top 250ms, -webkit-transform 250ms;
    transition: margin-top 250ms, transform 250ms;
    transition: margin-top 250ms, transform 250ms, -webkit-transform 250ms; }
  .tt-form-input-container.-iconed .tt-form-input {
    padding-left: 55px; }
  .tt-form-input-container.-hided .tt-form-input {
    padding-right: calc(-50% + 1.5pt); }
  .tt-form-input-container.-error .tt-form-input {
    border-color: rgba(244, 79, 96, 0.5); }
  .tt-form-input-container.-error .error {
    margin-top: 5px;
    color: #f44f60;
    text-align: center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  .tt-form-input-container.-disabled {
    background-color: #f3f3f3; }
    .tt-form-input-container.-disabled input {
      background-color: #f3f3f3; }

.drop-down-filter {
  position: relative;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.drop-down-filter__icon {
  position: absolute;
  top: 16px;
  left: 15px;
  width: 14px;
  height: 14px;
  color: #606060; }

.drop-down-filter__input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: calc(100% - 60px);
  padding: 0;
  font-family: "brandontext";
  font-weight: 400;
  font-size: 18px;
  border: none;
  outline: none; }
  .drop-down-filter__input::-webkit-input-placeholder {
    color: #808080; }
  .drop-down-filter__input:-ms-input-placeholder {
    color: #808080; }
  .drop-down-filter__input::-ms-input-placeholder {
    color: #808080; }
  .drop-down-filter__input::placeholder {
    color: #808080; }

.tt-form-input-phone {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .tt-form-input-phone .tt-form-input-phone-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0pt solid white;
    -webkit-transition: border 150ms;
    transition: border 150ms; }
  .tt-form-input-phone.-error .tt-form-input-phone-wrapper {
    border: 1.5pt solid rgba(244, 79, 96, 0.5); }
  .tt-form-input-phone.-error .error {
    margin-top: 5px;
    color: #f44f60;
    text-align: center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.input-phone__input {
  width: calc(100% - 80px);
  height: 100%;
  line-height: inherit;
  margin: 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  outline: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  color: inherit; }
  .input-phone__input::-webkit-input-placeholder {
    color: #808080; }
  .input-phone__input:-ms-input-placeholder {
    color: #808080; }
  .input-phone__input::-ms-input-placeholder {
    color: #808080; }
  .input-phone__input::placeholder {
    color: #808080; }

.input-phone-prefix-container {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.input-phone-prefix {
  height: 45px;
  width: 75px;
  padding: 0;
  border: none;
  border-left: 1px solid;
  border-right: 1px solid;
  color: #57bd47;
  background-color: rgba(87, 189, 71, 0.05);
  font-size: 18px;
  font-family: "brandontext";
  text-align: center;
  vertical-align: bottom;
  outline: none;
  cursor: pointer; }

.input-phone-prefix__value {
  vertical-align: middle; }

.input-phone-prefix__icon {
  width: 12px;
  height: 6.8px;
  margin-left: 5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  vertical-align: middle; }

.phone-prefix-list {
  width: 320px; }

.phone-prefix-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .phone-prefix-list-item:last-child .phone-prefix-list-item__border {
    display: none; }

.phone-prefix-list-item__border {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15); }

.phone-prefix-list-item__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.phone-prefix-list-item__code {
  width: 40px;
  text-align: right;
  color: #808080; }

.tt-settings-informations-input {
  border-bottom: 1px solid lightgrey; }

.tt-settings-informations-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid lightgrey; }
  .tt-settings-informations-phone input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.tt-settings-informations-button {
  width: 100%;
  margin: 25pt 0; }

.tt-password-form {
  width: 100%; }
  .tt-password-form .tt-password-form-input {
    width: 100%;
    border-bottom: 1px solid lightgrey; }
    .tt-password-form .tt-password-form-input:not(:last-child) {
      margin-bottom: 10pt; }

.modal-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 100%;
  height: 40pt;
  border-top: 1px solid #d9d9d9; }
  .modal-actions > button, .modal-actions > button.tt-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    border: none;
    border-radius: 0;
    font-size: 1.2rem;
    font-family: 'brandontext-medium';
    font-weight: normal; }
    .modal-actions > button:not(:last-child), .modal-actions > button.tt-button:not(:last-child) {
      border: none;
      border-right: 1px solid #d9d9d9; }

.modal-body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 35pt;
  font-size: 1.2rem;
  color: #a0a0a0; }

.modal-simple-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 1000; }
  .modal-simple-overlay .modal-simple {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    max-width: 500pt;
    border-radius: 8pt;
    background-color: white;
    overflow: hidden; }

.settings-password-button {
  width: 100%;
  margin: 25pt 0; }

.tt-settings-change-password-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 75pt; }
  .tt-settings-change-password-icon > svg {
    max-width: 100%;
    max-height: 100%; }

.tt-settings-change-password-title {
  text-align: center;
  color: #333;
  font-family: "brandontext-medium";
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 30pt; }

.archive-description {
  text-align: center;
  padding: 5px; }

.archive-download {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.settings-general {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 480pt;
  width: 95%;
  margin: 0 auto; }

.tt-subscription-details .tt-subscription-details-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0; }
  .tt-subscription-details .tt-subscription-details-plan .tt-subscription-icon {
    min-width: 80pt;
    min-height: 80pt;
    max-width: 80pt;
    max-height: 80pt;
    margin-right: 30px; }
  .tt-subscription-details .tt-subscription-details-plan .tt-subscription-details-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .tt-subscription-details .tt-subscription-details-plan .tt-subscription-details-content .tt-subscription-details-plan-name {
      color: #57bd47;
      margin: 0 0 15px; }
    .tt-subscription-details .tt-subscription-details-plan .tt-subscription-details-content .tt-subscription-details-plan-recurrence {
      font-size: 1.1rem;
      margin: 0; }
    .tt-subscription-details .tt-subscription-details-plan .tt-subscription-details-content .tt-subscription-details-next-billing {
      color: #606060; }
    .tt-subscription-details .tt-subscription-details-plan .tt-subscription-details-content .tt-subscription-details-evolve {
      height: 35px;
      padding: 0 15px;
      margin-top: 15px; }

.tt-subscription-details .tt-subscription-details-billing-info-update {
  width: 100%; }

.modal-confirm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 1000; }
  .modal-confirm-overlay .modal-confirm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    max-width: 500pt;
    border-radius: 12pt;
    background-color: white;
    overflow: hidden; }
    .modal-confirm-overlay .modal-confirm .modal-confirm-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 35pt;
      font-size: 1.2rem;
      color: #a0a0a0; }
      .modal-confirm-overlay .modal-confirm .modal-confirm-content .modal-confirm-icon {
        max-width: 100pt;
        max-height: 100pt; }
      .modal-confirm-overlay .modal-confirm .modal-confirm-content h2 {
        font-family: 'brandontext-bold';
        font-size: 1.5rem;
        font-weight: normal;
        color: #202020; }
    .modal-confirm-overlay .modal-confirm .modal-confirm-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      width: 100%;
      height: 55pt;
      border-top: 1px solid #d9d9d9; }
      .modal-confirm-overlay .modal-confirm .modal-confirm-actions button {
        width: 50%;
        height: 100%;
        border: none;
        border-radius: 0;
        font-size: 1.2rem;
        font-family: 'brandontext-medium';
        font-weight: normal; }
        .modal-confirm-overlay .modal-confirm .modal-confirm-actions button:not(:last-child) {
          border-right: 1px solid #d9d9d9; }

.device-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 140pt;
  max-width: 140pt;
  margin: 0 10px 30px; }
  .device-item .device-icon {
    max-width: 100pt;
    max-height: 60pt; }
  .device-item .device-name {
    max-width: 100%;
    margin: 10px;
    font-size: 0.95rem;
    font-family: "brandontext";
    text-align: center;
    word-wrap: break-word; }
  .device-item .device-button {
    padding: 0; }

.free-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 140pt;
  max-width: 140pt;
  margin: 0 10px 30px; }
  .free-item .free-icon {
    max-width: 100pt;
    max-height: 60pt; }
  .free-item .free-name {
    max-width: 100%;
    margin: 10px;
    font-size: 0.95rem;
    font-family: "brandontext";
    text-align: center;
    word-wrap: break-word; }
  .free-item .free-button {
    padding: 0;
    color: #f44f60; }

.add-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 140pt;
  max-width: 140pt;
  margin: 0 10px 30px; }
  .add-item .add-new-button {
    border: none;
    outline: none;
    background: none;
    cursor: pointer; }
    .add-item .add-new-button .add-icon {
      max-width: 100pt;
      max-height: 60pt; }
    .add-item .add-new-button .add-name {
      max-width: 100%;
      margin: 10px;
      font-size: 0.95rem;
      font-family: "brandontext";
      text-align: center;
      word-wrap: break-word; }
  .add-item .add-item-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 20pt 0;
    border: none;
    background-color: none;
    max-height: 1pt;
    overflow: hidden; }
    .add-item .add-item-divider::before {
      content: ' ';
      display: block;
      width: 90%;
      max-width: 200pt;
      height: 1pt;
      background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.2)), color-stop(90%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0) 100%); }
  .add-item .add-item-price {
    color: #404040;
    font-size: 1.5rem;
    font-weight: normal;
    font-family: "brandontext-light"; }
  .add-item .add-item-amount {
    font-size: 3rem;
    line-height: 3rem; }
  .add-item .add-item-total {
    color: #404040;
    font-size: 1rem;
    font-weight: normal;
    font-family: "brandontext-light"; }

.devices-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 30px 0;
  padding: 0;
  list-style-type: none; }

.invoices-management .billing {
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  padding: 0px;
  margin-top: 0; }
  .invoices-management .billing .billing-info {
    font-family: BrandonText;
    text-align: center;
    border: solid 1px #d7e9f6;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 20px;
    margin-top: 0;
    margin-left: 0;
    width: 320px;
    height: 156px; }
    .invoices-management .billing .billing-info .billing-info-title {
      -webkit-margin-before: 0.3em;
              margin-block-start: 0.3em;
      font-size: 20px;
      -webkit-margin-after: 0.8em;
              margin-block-end: 0.8em;
      font-weight: bold; }
    .invoices-management .billing .billing-info .billing-info-content {
      color: #404040;
      -webkit-margin-before: -0.1em;
              margin-block-start: -0.1em;
      -webkit-margin-after: 0em;
              margin-block-end: 0em;
      font-weight: normal; }
    .invoices-management .billing .billing-info .billing-info-content-valid {
      color: #404040;
      -webkit-margin-before: -0.1em;
              margin-block-start: -0.1em;
      -webkit-margin-after: 0em;
              margin-block-end: 0em;
      font-weight: normal; }
    .invoices-management .billing .billing-info .billing-info-content-expiring {
      color: #ff6347;
      -webkit-margin-before: -0.1em;
              margin-block-start: -0.1em;
      -webkit-margin-after: 0em;
              margin-block-end: 0em;
      font-weight: normal; }
    .invoices-management .billing .billing-info .billing-info-content-invalid {
      color: #f44f60;
      -webkit-margin-before: -0.1em;
              margin-block-start: -0.1em;
      -webkit-margin-after: 0em;
              margin-block-end: 0em;
      font-weight: normal; }
    .invoices-management .billing .billing-info .billing-info-content-expired {
      color: #f44f60;
      -webkit-margin-before: -0.1em;
              margin-block-start: -0.1em;
      -webkit-margin-after: 0em;
              margin-block-end: 0em;
      font-weight: normal; }
    .invoices-management .billing .billing-info .billing-change {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px; }
    .invoices-management .billing .billing-info .billing-change-valid {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px;
      background-color: #57bd47; }
    .invoices-management .billing .billing-info .billing-change-invalid {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px;
      background-color: #f44f60; }
    .invoices-management .billing .billing-info .billing-change-expired {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px;
      background-color: #f44f60; }
    .invoices-management .billing .billing-info .billing-change-expiring {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px;
      background-color: #ff6347; }
    .invoices-management .billing .billing-info .billing-change-pending_verification {
      margin-top: 15px;
      display: -webkit-inline-box;
      height: 35px;
      font-size: 18px;
      background-color: #ff6347; }

#billing-headline {
  color: #202020;
  font-weight: bold; }

#bank-logo {
  min-height: 27px;
  max-height: 27px;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em; }

.table-list__data-invoice {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  border-bottom: rgba(0, 0, 0, 0.1);
  border-width: 0px 0px 1px 0px;
  border-style: solid; }

.table-list__data-invoice_unpaid {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  border-bottom: rgba(0, 0, 0, 0.1);
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  color: #f44f60; }

.table-list__cell-invoice {
  display: table-cell;
  position: inherit; }

.invoice-period {
  text-align: left;
  min-width: 225px !important;
  max-width: 225px !important;
  margin-right: 50px; }

.invoice-method {
  text-align: left;
  min-width: 125px;
  max-width: 125px; }

.invoice-amount {
  text-align: left;
  min-width: 150px;
  max-width: 150px; }

.invoice-bank-logo-mastercard {
  text-align: left;
  width: 40px;
  vertical-align: center; }

.invoice-bank-logo-visa {
  width: 40px;
  vertical-align: center;
  margin-right: 10px; }

.invoices-row__button {
  min-width: 107px;
  min-height: 27px;
  max-width: 107px;
  max-height: 27px;
  border-radius: 13.5px;
  background-color: rgba(87, 189, 71, 0.15);
  border: none;
  color: #57bd47;
  font-size: 14px;
  font-family: "BrandonText-Medium";
  position: absolute;
  cursor: pointer;
  outline: none; }

.invoices-row__button_unpaid {
  min-width: 107px;
  min-height: 27px;
  max-width: 107px;
  max-height: 27px;
  border-radius: 13.5px;
  background-color: #f44f60;
  border: none;
  color: white;
  font-size: 14px;
  font-family: "BrandonText-Medium";
  position: absolute;
  cursor: pointer;
  outline: none; }

.invoices-row__button_unpaid {
  min-width: 107px;
  min-height: 27px;
  max-width: 107px;
  max-height: 27px;
  border-radius: 13.5px;
  background-color: #f2ba43;
  border: none;
  color: white;
  font-size: 14px;
  font-family: "BrandonText-Medium";
  position: absolute;
  cursor: pointer;
  outline: none; }

#invoice_list {
  position: inherit;
  width: 660px; }


.subscription-page {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 480pt;
  width: 95%;
  margin: 0 auto; }

.text_title {
  margin: 5px 0 5px 0;
  font-size: 24px;
  text-align: center;
  color: #202020; }

.text_paragraph {
  font-size: 18px;
  text-align: center;
  color: #606060; }

.certification-page {
  padding: 30px 0; }

.certification-page__sentence {
  max-width: 620px;
  margin: 0 auto 30px auto; }

.certification-page__buttons {
  text-align: center; }

.certification-page__button {
  width: 250px;
  height: 50px; }
  .certification-page__button:first-child {
    margin-right: 50px; }

.tax-list-container {
  position: absolute;
  top: 10px;
  right: 30px;
  bottom: 0;
  left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sidemenu-link {
  position: relative;
  display: block;
  height: 35px;
  line-height: 35px;
  margin: 20px 0;
  color: #b1b1b1;
  -webkit-transition: 200ms;
  transition: 200ms; }
  .sidemenu-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background-color: #57bd47;
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: 200ms;
    transition: 200ms; }

.sidemenu-link_active {
  color: white; }
  .sidemenu-link_active::before {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }

.sidemenu-link__icon-container {
  position: relative;
  height: 100%;
  width: 40pt;
  display: inline-block;
  vertical-align: middle; }

.sidemenu-link__label {
  vertical-align: middle; }
  @media (max-width: 1024px) {
    .sidemenu-link__label {
      display: none; } }

.sidemenu-link__icon {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.sidemenu-link__icon_standart {
  width: 27px;
  height: 26px; }

.sidemenu-link__icon_activities {
  width: 24px;
  height: 25px; }

.sidemenu-link__icon_catalog {
  width: 25px;
  height: 22px; }

.sidemenu-link__icon_customers {
  width: 25px;
  height: 21px; }

.sidemenu-link__icon_stock {
  width: 23px;
  height: 22px; }

.sidemenu-link__icon_tactill-pay-icon {
  width: 20px;
  height: 30px; }

.sidemenu-link__icon_hammer {
  width: 25px;
  height: 24px; }

.sidemenu-link__icon_settings {
  width: 22px;
  height: 22px; }

.sidemenu-link__icon_logout {
  width: 21px;
  height: 21px; }

.sidemenu-live {
  width: 200px;
  margin: auto;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #57bd47;
  border-radius: 8px;
  text-align: center;
  color: white; }
  @media (max-width: 1024px) {
    .sidemenu-live {
      width: 45px;
      padding: 0;
      border: none; } }

.sidemenu-live__label {
  font-size: 14px; }
  @media (max-width: 1024px) {
    .sidemenu-live__label {
      display: none; } }

.sidemenu-live__button {
  width: 100%;
  padding: 7px 0;
  margin-top: 10px;
  background: none;
  border: none;
  font: inherit;
  outline: none;
  cursor: pointer;
  background-color: #57bd47;
  color: white;
  border-radius: 6px; }
  @media (max-width: 1024px) {
    .sidemenu-live__button {
      font-size: 12px; } }

.sidemenu {
  position: relative;
  width: 245px;
  background-color: #242331; }
  @media (max-width: 1024px) {
    .sidemenu {
      width: 40pt; } }

.sidemenu__logo-container {
  position: relative;
  z-index: 10;
  height: 70px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(36, 35, 49, 0.9)), to(rgba(36, 35, 49, 0)));
  background: linear-gradient(rgba(36, 35, 49, 0.9) 75%, rgba(36, 35, 49, 0)); }

.sidemenu__logo {
  display: block;
  width: 100px;
  height: 28px;
  margin: auto;
  color: white; }
  @media (max-width: 1024px) {
    .sidemenu__logo {
      display: none; } }

.sidemenu__icon {
  display: none;
  width: 25px;
  height: 24px;
  margin: auto;
  color: white; }
  @media (max-width: 1024px) {
    .sidemenu__icon {
      display: block; } }

.sidemenu-parts {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 60px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden; }

.sidemenu__separator {
  width: 100px;
  height: 1px;
  background-color: #b1b1b1;
  margin: 20px auto;
  border: none; }
  @media (max-width: 1024px) {
    .sidemenu__separator {
      width: 40px; } }

.market-header {
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
  padding: 30px 30px 25px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #EEF8EC;
  border-bottom: 1px solid rgba(87, 189, 71, 0.5);
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5); }

.market-header__icon-part {
  width: 140px;
  text-align: center; }

.market-header__text-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 30px; }

.market-header__video-part {
  width: 258px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.market-header__icon {
  color: #57bd47; }

.market-header__icon_idea {
  width: 60px;
  height: 60px; }

.market-header__title {
  margin: 0 0 10px 0;
  font-size: 1.3rem;
  color: #57bd47;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .market-header__title {
      font-size: 0.9rem; } }

.market-header__text {
  margin: 0 0 20px 0;
  font-size: 1.1rem;
  color: #606060; }
  @media screen and (max-width: 768px) {
    .market-header__text {
      font-size: 0.9rem;
      line-height: 1.1rem; } }

.market-header__video {
  position: relative;
  width: 258px;
  height: 145px;
  border-radius: 5px;
  background-color: #d9d9d9;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  overflow: hidden; }

.market-header__video-preview {
  width: 100%; }

.market-header__video-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 52px;
  height: 52px;
  color: white;
  border: none;
  background: none;
  outline: none;
  cursor: pointer; }

.market-header__video-icon {
  width: 52px;
  height: 52px; }

@media (max-width: 970px) {
  .market-header {
    padding: 15px 20px; }
  .market-header__icon-part {
    display: none; }
  .market-header__text {
    margin-bottom: 15px; } }

.video-player-container {
  z-index: 2000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.video-player__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  -webkit-transition: .4s;
  transition: .4s; }

.video-player {
  position: relative;
  width: 814px;
  height: 458px;
  -webkit-transition: .4s;
  transition: .4s; }

.video-player__close-button {
  position: absolute;
  top: -45px;
  right: -15px;
  border: none;
  background: none;
  outline: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: white; }

.video-player__close-button__icon {
  width: 15px;
  height: 15px; }

.video-player__player-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #d8d8d8;
  border-radius: 20px;
  overflow: hidden; }

.video-player-anim-enter .video-player__overlay {
  opacity: 0; }

.video-player-anim-enter .video-player {
  opacity: 0;
  -webkit-transform: translateY(400px);
          transform: translateY(400px); }

.video-player-anim-enter.video-player-anim-enter-active .video-player__overlay {
  opacity: 0.5; }

.video-player-anim-enter.video-player-anim-enter-active .video-player {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.video-player-anim-leave .video-player__overlay {
  opacity: 0.5; }

.video-player-anim-leave .video-player {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.video-player-anim-leave.video-player-anim-leave-active .video-player__overlay {
  opacity: 0; }

.video-player-anim-leave.video-player-anim-leave-active .video-player {
  opacity: 0;
  -webkit-transform: translateY(400px);
          transform: translateY(400px); }

#modal-exports .exports-form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14pt; }
  #modal-exports .exports-form .exports-form-title {
    text-align: center;
    font-size: 1.1rem; }
    #modal-exports .exports-form .exports-form-title .-date {
      color: #57BD47; }
  #modal-exports .exports-form .exports-form-field {
    max-width: 300px;
    border-bottom: 1pt solid rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    text-align: center; }
    #modal-exports .exports-form .exports-form-field .-input input[type="email"] {
      text-align: center;
      color: #202020; }

#modal-exports .exports-form-field-helper {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 0.9rem;
  margin-top: 10px; }

#modal-exports .exports-form-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #modal-exports .exports-form-checkboxes .exports-form-checkboxes-column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 5px; }
    #modal-exports .exports-form-checkboxes .exports-form-checkboxes-column .-checkbox {
      margin-bottom: 15px; }

#modal-exports .exports-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 56px; }
  #modal-exports .exports-buttons .exports-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: none;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15); }
    #modal-exports .exports-buttons .exports-button:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.15); }

#modal-exports.exports-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  font-family: brandontext; }

#modal-launched .launched-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  #modal-launched .launched-content .-icon {
    max-height: 125pt;
    max-width: 125pt;
    color: #57bd47; }
  #modal-launched .launched-content .-title {
    text-align: center;
    font-size: 1.25rem;
    margin: 20pt 0 10pt; }
  #modal-launched .launched-content .-text {
    margin: 0;
    max-width: 300pt;
    text-align: center;
    font-size: 1.1rem;
    font-family: 'brandontext-light'; }
  #modal-launched .launched-content .-email {
    color: #57bd47;
    font-family: 'brandontext'; }

#modal-launched .launched-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #modal-launched .launched-buttons .launched-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    border: none;
    border-radius: 0; }

#modal-launched.launched-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  font-family: brandontext; }

.last-check-modal {
  width: 510px;
  text-align: center; }
  .last-check-modal .modal-sentence {
    padding: 0 45px; }

.last-check-modal__icon {
  width: 128px;
  height: 135px;
  margin: 25px 0;
  color: #57bd47; }

.red-mesage {
  color: #f44f60; }

.migration-success-modal {
  width: 510px;
  text-align: center; }

.migration-success-modal__icon {
  width: 114px;
  height: 95px;
  margin: 50px 0 30px 0; }

.data-migration-confirm {
  width: 510px;
  text-align: center; }

.data-migration-confirm__icon {
  width: 128px;
  height: 135px;
  margin: 25px 0;
  color: #57bd47; }

.data-migration-loading-modal {
  width: 510px;
  text-align: center; }

.data-migration-loading-modal__icon {
  width: 135px;
  height: 128px;
  margin: 50px 0 30px 0;
  color: #57bd47; }

.data-migration-error-modal {
  width: 510px;
  text-align: center; }

.data-migration-error-modal__icon {
  width: 135px;
  height: 128px;
  margin: 50px 0 30px 0;
  color: #57bd47; }

.data-migration-error-modal {
  width: 510px;
  text-align: center; }

.data-migration-error-modal__icon {
  width: 135px;
  height: 128px;
  margin: 50px 0 30px 0;
  color: #57bd47; }

.data-migration-loading-modal {
  width: 510px;
  text-align: center; }

.data-migration-loading-modal__icon {
  width: 135px;
  height: 128px;
  margin: 50px 0 30px 0;
  color: #57bd47; }

.unpaid-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 50px;
  background-color: #f44f60;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000; }
  .unpaid-container .unpaid-icon {
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    margin-right: 10px; }

.marketing-header {
  position: relative;
  padding: 30px;
  background-color: #57bd47;
  text-align: center;
  color: white;
  margin-bottom: 50px; }

.marketing-header__title {
  margin-bottom: 5px;
  font-family: "brandontext-medium";
  font-size: 1.3rem; }
  @media screen and (max-width: 768px) {
    .marketing-header__title {
      font-size: 1rem; } }

.marketing-header__sentence {
  width: 600px;
  font-size: 18px;
  margin: auto; }

.marketing-header__button {
  font: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: "brandontext-medium";
  font-size: 18px;
  color: #57bd47;
  background-color: white;
  border-radius: 5px;
  margin-top: 30px;
  padding: 10px 25px; }

.marketing-header__arrow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 103px;
  height: 23px;
  margin: auto; }

.app-description {
  width: 220px;
  margin: 10px auto;
  text-align: center; }

.app-description__icon {
  display: block;
  width: 70px;
  height: 70px;
  margin: auto; }
  .app-description__icon.-small {
    width: 30pt;
    height: 30pt; }

.app-description__title {
  margin: 10pt 0 5pt;
  font-size: 18px;
  font-family: "brandontext-medium"; }

.app-description__title_green {
  color: #57bd47; }

.app-description__title_red {
  color: #f44f60; }

.app-description__title_blue {
  color: #058edd; }

.app-description__sentence {
  color: #202020;
  font-size: 16px; }

.illustration-header {
  width: 100%;
  text-align: center;
  margin-bottom: 15px; }

.illustration-header__image-container {
  width: 100%;
  height: 184px;
  border-bottom: 1px solid #7e88a5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.illustration-header__image {
  height: 100%; }

.illustration-header__ground {
  width: 347px;
  height: 5px; }

.certification-view {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.certification-content-container {
  width: 100%;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.certification-content {
  position: relative;
  top: 5%;
  width: 100%;
  max-width: 800px;
  height: 45%;
  min-height: 275px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.certification-title {
  margin-bottom: 5px;
  font-family: "brandontext-medium";
  font-size: 24px;
  color: #57bd47; }

.certification-sub-title {
  width: 580px;
  margin: auto;
  font-size: 18px;
  color: #606060; }

.certification-description {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.certification-illustration {
  width: 954px; }

.subscription__hosted-page {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.tt-login {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f9fc), to(#e0edf9));
  background-image: linear-gradient(#f6f9fc, #e0edf9); }

.tt-login-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 95vw;
  max-width: 485px;
  padding: 30px 0; }

.tt-login-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57bd47;
  max-height: 30px; }

.tt-login-email {
  width: 100%;
  max-width: 365px;
  padding: 50px 0; }
  .tt-login-email .tt-login-image {
    width: 100%;
    margin-bottom: 50px; }
  .tt-login-email .tt-login-email-message {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 30px; }
  .tt-login-email .tt-login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tt-login-email .tt-login-form .tt-login-email-input {
      background-color: #fff; }
    .tt-login-email .tt-login-form .tt-login-email-submit {
      margin-top: 30px; }

.tt-message {
  font-family: 'brandontext-medium';
  text-align: center; }
  .tt-message.-error {
    color: #f44f60; }

.tt-login-identities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 50px 0; }
  .tt-login-identities .tt-login-image {
    width: 100%;
    margin-bottom: 50px; }
  .tt-login-identities .tt-login-button {
    width: 100%;
    max-width: 365px; }
    .tt-login-identities .tt-login-button:not(:last-child) {
      margin-bottom: 30px; }

.tt-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 0 30px;
  border-radius: 30px;
  background-color: rgba(87, 189, 71, 0.15);
  color: #57bd47;
  font-size: 0.85rem; }
  .tt-tag.-disabled {
    background-color: #f3f3f3;
    color: #a0a0a0; }

.tt-login-forgot-password-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px; }
  .tt-login-forgot-password-container .tt-login-forgot-password {
    padding: 0;
    overflow: hidden; }
    .tt-login-forgot-password-container .tt-login-forgot-password > button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      width: 100%;
      padding: 0 40pt;
      outline: none;
      border: none;
      border-radius: 30px;
      background: none;
      color: inherit;
      font-family: 'brandontext-medium';
      font-weight: normal;
      cursor: pointer; }
  .tt-login-forgot-password-container .tt-login-sent-email {
    min-height: 30px;
    text-align: center; }
    .tt-login-forgot-password-container .tt-login-sent-email .tt-login-text-email {
      padding: 0 5pt;
      color: #57bd47;
      font-family: 'brandontext-medium'; }
    .tt-login-forgot-password-container .tt-login-sent-email .tt-login-sent-icon {
      color: #57bd47;
      height: 12pt;
      width: 12pt; }

.tt-login-signin {
  width: 100%;
  max-width: 365px;
  padding: 30px 0; }
  .tt-login-signin .tt-login-image {
    width: 100%;
    margin-bottom: 50px; }
  .tt-login-signin .tt-login-signin-message {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 30px; }
  .tt-login-signin .tt-login-signin-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tt-login-signin .tt-login-signin-form .tt-form-input-container:not(:last-of-type) {
      margin-bottom: 20px; }
    .tt-login-signin .tt-login-signin-form button[type="submit"] {
      margin-top: 30px; }

.tt-login-signup {
  width: 100%;
  max-width: 365px;
  padding: 30px 0; }
  .tt-login-signup .tt-login-image {
    width: 100%;
    margin-bottom: 50px; }
  .tt-login-signup .tt-login-signup-message {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 30px; }
  .tt-login-signup .tt-login-signup-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tt-login-signup .tt-login-signup-form .tt-form-input-container:not(:last-of-type) {
      margin-bottom: 20px; }
    .tt-login-signup .tt-login-signup-form button[type="submit"] {
      margin-top: 30px; }

.tt-login-signup {
  width: 100%;
  max-width: 365px;
  padding: 30px 0; }
  .tt-login-signup .tt-login-image {
    width: 100%;
    margin-bottom: 50px; }
  .tt-login-signup .tt-login-signup-message {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 30px; }
  .tt-login-signup .tt-login-signup-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tt-login-signup .tt-login-signup-form .tt-form-input-container:not(:last-of-type) {
      margin-bottom: 20px; }
    .tt-login-signup .tt-login-signup-form button[type='submit'] {
      margin-top: 30px; }

.tt-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2rem; }

.link {
  text-align: center; }

.link a {
  color: #57bd47; }

.tt-access-token {
  width: 100vw;
  height: 100vh;
  background-color: #57bd47; }

.tt-welcome-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 95vw;
  max-width: 485px;
  padding: 30px 0; }

.tt-welcome-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-radius: 8px;
  overflow: hidden; }
  .tt-welcome-phone input {
    height: 44px;
    padding: 0 15px;
    outline: none;
    border: 1.5pt solid transparent;
    border-radius: 8px;
    background-color: #FFF;
    color: #606060;
    font-family: "brandontext";
    font-size: 1.1rem;
    -webkit-transition: border-color 250ms;
    transition: border-color 250ms; }
    .tt-welcome-phone input::-webkit-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-welcome-phone input:-ms-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-welcome-phone input::-ms-input-placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
    .tt-welcome-phone input::placeholder {
      color: #a0a0a0;
      font-weight: normal;
      font-family: "brandontext"; }
  .tt-welcome-phone .input-phone-prefix {
    border: none;
    border-right: 0.5pt solid #57bd47;
    border-radius: 8px 0 0px 8px; }

.tt-welcome {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f9fc), to(#e0edf9));
  background-image: linear-gradient(#f6f9fc, #e0edf9); }
  .tt-welcome .tt-welcome-header {
    width: 100%;
    margin: 0 0 5px;
    color: #57bd47;
    text-align: center;
    text-transform: uppercase;
    font-family: "brandontext-bold";
    font-size: 1.5rem; }
  .tt-welcome .tt-welcome-message {
    margin-bottom: 30px;
    font-size: 1.25rem;
    color: #404040;
    text-align: center;
    font-family: "brandontext"; }
  .tt-welcome .tt-welcome-content {
    width: 100%;
    max-width: 365px; }
    .tt-welcome .tt-welcome-content .tt-welcome-image {
      max-width: 330px;
      margin-bottom: 50px; }
    .tt-welcome .tt-welcome-content .tt-welcome-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .tt-welcome .tt-welcome-content .tt-welcome-form .tt-form-input-container:not(:last-of-type) {
        margin-bottom: 20px; }
      .tt-welcome .tt-welcome-content .tt-welcome-form button[type="submit"] {
        margin-top: 30px; }

.tt-congratulation {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f9fc), to(#e0edf9));
  background-image: linear-gradient(#f6f9fc, #e0edf9); }
  .tt-congratulation .tt-congratulation-image {
    width: 95%;
    max-width: 442px;
    margin-bottom: 50px; }
  .tt-congratulation .tt-congratulation-header {
    width: 95%;
    max-width: 500px;
    margin: 0 0 15px;
    color: #57bd47;
    text-align: center;
    text-transform: uppercase;
    font-family: "brandontext-bold";
    font-size: 1.5rem; }
  .tt-congratulation .tt-congratulation-message {
    width: 95%;
    max-width: 500px;
    margin-bottom: 50px;
    font-size: 1.05rem;
    color: #404040;
    text-align: center;
    font-family: "brandontext"; }
  .tt-congratulation .tt-congratulation-button {
    width: 95%;
    max-width: 365px; }
  .tt-congratulation .tt-congratulation-separator {
    position: relative;
    margin: 15px 0;
    padding: 0 80px;
    color: #a0a0a0;
    font-size: 1.1rem; }
    .tt-congratulation .tt-congratulation-separator::before, .tt-congratulation .tt-congratulation-separator::after {
      content: ' ';
      position: absolute;
      top: 50%;
      width: 50px;
      height: 1pt;
      background-color: #a0a0a0;
      -webkit-transform: translateY(calc(-50% + 2pt));
              transform: translateY(calc(-50% + 2pt)); }
    .tt-congratulation .tt-congratulation-separator::before {
      left: 0; }
    .tt-congratulation .tt-congratulation-separator::after {
      right: 0; }

#tt-blocking-exports .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #tt-blocking-exports .modal-body .tt-blocking-exports-title {
    border: none;
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-size: 1.8rem;
    font-family: "brandontext-bold";
    color: #57bd47; }
  #tt-blocking-exports .modal-body .tt-blocking-exports-subtitle {
    border: none;
    margin: 10px 0 30px;
    text-align: center;
    font-weight: normal;
    font-size: 1.1rem;
    font-family: "brandontext";
    color: #404040; }

#tt-blocking-exports .tt-blocking-exports-description {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  #tt-blocking-exports .tt-blocking-exports-description > div {
    padding: 0 5pt;
    min-width: 120px;
    width: auto;
    max-width: 175px; }

#tt-blocking-exports .tt-blocking-exports-cancel {
  border: none; }

.tt-portal-modals-body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95%;
  padding: 15px 30px;
  margin-top: 10px;
  background-color: #FFF;
  border-radius: 5px; }

.tt-form-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 17pt;
  min-height: 17pt;
  max-width: 17pt;
  max-height: 17pt;
  border: 1pt solid #a0a0a0;
  border-radius: 17pt;
  outline: none;
  background-color: #FFF;
  overflow: hidden;
  cursor: pointer; }
  .tt-form-checkbox .tt-form-checkbox-icon {
    min-width: 11pt;
    min-height: 11pt;
    max-width: 11pt;
    max-height: 11pt;
    color: #FFF;
    opacity: 0;
    -webkit-transform: scale(0.8) skew(45deg);
            transform: scale(0.8) skew(45deg);
    -webkit-transition: opacity 250ms, -webkit-transform 250ms;
    transition: opacity 250ms, -webkit-transform 250ms;
    transition: transform 250ms, opacity 250ms;
    transition: transform 250ms, opacity 250ms, -webkit-transform 250ms; }
  .tt-form-checkbox.-checked, .tt-form-checkbox.-succeeded {
    background-color: #57bd47;
    border: 1pt solid #57bd47; }
    .tt-form-checkbox.-checked .tt-form-checkbox-icon, .tt-form-checkbox.-succeeded .tt-form-checkbox-icon {
      color: #FFF;
      opacity: 1;
      -webkit-transform: scale(1) skew(0);
              transform: scale(1) skew(0); }
  .tt-form-checkbox.-pending {
    background-color: #cde5cb;
    border: 1pt solid #57bd47; }
    .tt-form-checkbox.-pending .tt-form-checkbox-icon {
      opacity: 0; }
  .tt-form-checkbox.-failed {
    background-color: #f44f60;
    border: 1pt solid #f44f60; }
    .tt-form-checkbox.-failed .tt-form-checkbox-icon {
      min-width: 6pt;
      min-height: 6pt;
      max-width: 6pt;
      max-height: 6pt;
      color: #FFF;
      opacity: 1;
      -webkit-transform: scale(1) skew(0);
              transform: scale(1) skew(0); }

.tt-pricing-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .tt-pricing-table .tt-pricing-table-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #FFF; }
    .tt-pricing-table .tt-pricing-table-switch .tt-pricing-table-switch-label {
      text-transform: uppercase;
      font-family: "brandontext-bold";
      color: #404040;
      -webkit-transition: color 250ms;
      transition: color 250ms; }
      .tt-pricing-table .tt-pricing-table-switch .tt-pricing-table-switch-label.-active {
        color: #57bd47; }
    .tt-pricing-table .tt-pricing-table-switch .tt-pricing-table-switch-input {
      margin: 0 20px;
      background-color: #57bd47; }
  .tt-pricing-table .tt-pricing-table-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 300px;
      min-height: 400px;
      padding: 20px;
      outline: none;
      margin: 27px 5px 15px;
      border: none;
      border-radius: 8px;
      background-color: #FFF;
      overflow: hidden;
      cursor: pointer; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-checkbox {
        position: absolute;
        top: 20px;
        right: 15px; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-popular {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 27px;
        background-color: #57bd47;
        color: #FFF;
        font-size: 0.85rem; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-header {
        margin: 0 0 5px;
        font-size: 1.1rem;
        font-family: "brandontext-bold";
        text-transform: uppercase;
        color: #404040; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-pricing {
        margin: 0 0 5px;
        font-size: 1.5rem;
        color: #57bd47; }
        .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-pricing .tt-pricing-table-price-amount {
          font-family: "brandontext-bold";
          font-size: 2.2rem; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-tag {
        font-family: 'brandontext-bold';
        font-size: 0.95rem; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-separator {
        margin: 15px 0;
        border-bottom: 1px solid #f3f3f3;
        width: calc(100% - 70px); }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-description {
        color: #7e88a5; }
        .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-description p {
          margin: 0 0 5px;
          padding: 0; }
        .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-description ul {
          padding: 0;
          margin: 0;
          list-style-type: none; }
          .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price .tt-pricing-table-price-description ul li {
            padding: 5px 0;
            text-align: center; }
      .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price.-popular {
        padding-top: 47px;
        margin-top: 0; }
        .tt-pricing-table .tt-pricing-table-container .tt-pricing-table-price.-popular .tt-pricing-table-checkbox {
          top: 47px; }

.tt-subscribing-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px; }
  .tt-subscribing-form .tt-subscribing-form-header {
    font-size: 1rem;
    font-family: "brandontext-bold";
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px; }
  .tt-subscribing-form .tt-subscribing-form-description {
    max-width: 95%;
    font-size: 1rem;
    text-align: center;
    color: #808080;
    margin-bottom: 20px; }
  .tt-subscribing-form .tt-subscribing-informative-text {
    color: #808080;
    font-size: 0.8rem;
    margin: 0; }
  .tt-subscribing-form .tt-subscribing-form-actions {
    width: calc(100% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .tt-subscribing-form .tt-subscribing-form-actions > button:first-child {
      margin-right: 10pt; }
    .tt-subscribing-form .tt-subscribing-form-actions > button:last-child {
      margin-left: 10pt; }

.tt-subscribing-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tt-subscribing-success .tt-subscribing-success-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 95px 0; }
    .tt-subscribing-success .tt-subscribing-success-message .tt-subscribing-success-icon {
      min-width: 130px;
      min-height: 130px;
      max-width: 130px;
      max-height: 130px;
      margin: 0 0 20px; }
    .tt-subscribing-success .tt-subscribing-success-message .tt-subscribing-success-header {
      font-family: "brandontext-bold";
      font-size: 1.5rem;
      text-align: center;
      margin-bottom: 10px; }
    .tt-subscribing-success .tt-subscribing-success-message .tt-subscribing-success-description {
      max-width: 85%;
      font-size: 1rem;
      text-align: center;
      color: #808080; }
  .tt-subscribing-success .tt-subscribing-success-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.tt-subscribing-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tt-subscribing-error .tt-subscribing-error-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 95px 0; }
    .tt-subscribing-error .tt-subscribing-error-message .tt-subscribing-error-icon {
      min-width: 150px;
      min-height: 150px;
      max-width: 150px;
      max-height: 150px;
      margin: 0 0 20px; }
    .tt-subscribing-error .tt-subscribing-error-message .tt-subscribing-error-header {
      font-family: "brandontext-bold";
      font-size: 1.5rem;
      text-align: center;
      margin-bottom: 10px; }
    .tt-subscribing-error .tt-subscribing-error-message .tt-subscribing-error-description {
      max-width: 80%;
      font-size: 1rem;
      text-align: center;
      color: #808080; }
  .tt-subscribing-error .tt-subscribing-error-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.tt-modals-header-separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin: 10px 20px;
  color: #d9d9d9;
  font-family: 'brandontext-bold';
  font-size: 1.5rem; }
  @media screen and (max-width: 762px) {
    .tt-modals-header-separator {
      display: none; } }

.tt-portal-modals-container {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 100vw;
  height: 100vh;
  background-color: #f3f5f6;
  z-index: 2500; }
  .tt-portal-modals-container .tt-portal-modals-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto; }
    .tt-portal-modals-container .tt-portal-modals-wrapper .tt-portal-modals-breadcrumb {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background-color: #FFF;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 1; }
      .tt-portal-modals-container .tt-portal-modals-wrapper .tt-portal-modals-breadcrumb .tt-portal-modals-breadcrumb-step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 25px; }
        .tt-portal-modals-container .tt-portal-modals-wrapper .tt-portal-modals-breadcrumb .tt-portal-modals-breadcrumb-step .tt-portal-modals-breadcrumb-step-status {
          margin-right: 10px; }
        @media screen and (max-width: 762px) {
          .tt-portal-modals-container .tt-portal-modals-wrapper .tt-portal-modals-breadcrumb .tt-portal-modals-breadcrumb-step:not(.current) {
            display: none; } }
    .tt-portal-modals-container .tt-portal-modals-wrapper .tt-portal-modals-content {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      min-height: 100%;
      padding: 100px 0 70px;
      z-index: 0; }

.tt-subscribing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px; }
  .tt-subscribing .tt-subscribing-header {
    font-size: 1rem;
    font-family: "brandontext-bold";
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px; }
  .tt-subscribing .tt-subscribing-description {
    max-width: 95%;
    font-size: 1rem;
    text-align: center;
    color: #808080;
    margin-bottom: 20px; }