/* compiled by scssphp v0.6.6 on Thu, 03 Dec 2020 14:20:48 +0100 (0.137s) */

@charset "UTF-8";
.bg_blue_3 {
  background-color: #cfe1f0; }

.bg_white_2 {
  background-color: #f2f2f2; }

.bg_white_grad {
  background: linear-gradient(90deg, rgba(207,225,240,0.95) 0%, rgba(249,249,249,1) 100%); }

.text_blue_1 {
  color: #1069b3; }

.text_blue_2 {
  color: #70a5d1; }

.text_blue_3 {
  color: #cfe1f0; }

.text_white_1 {
  color: #fff; }

.text_black_1 {
  color: #585858; }

.text_green_1 {
  color: #24a31e; }

.text_red_1 {
  color: #aa0e50; }

.font_h1, h1 {
  margin: 0;
  margin-bottom: 25px;
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase; }

.font_h2, h2 {
  margin: 0;
  margin-bottom: 25px;
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4; }

.font_h3, h3, .table.table_accounting thead tr th:first-child, .table.table_budgeting thead tr th:first-child {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase; }

.font_h4, h4 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
  text-transform: uppercase; }

.font_text, body, p, ul, .counter .label span, .table.table_budgeting thead tr.thead_subline th, .formgroup .formgroup__body .formgroup__body__item .formgroup__body__item__label, .formgroup .formgroup__body .formgroup__body__item .mat-hint, .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input, textarea, .mat-radio-group .mat-radio-button, .mat-checkbox-group .mat-checkbox, .cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item span {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6; }

.font_bold, b, strong, .button, .table.table_accounting thead tr th:first-child, .table.table_accounting tbody tr td, .table.table_budgeting thead tr th:first-child, .table.table_budgeting tbody tr td {
  font-weight: 600; }

.font_regular, .table.table_accounting tbody tr td:first-child, .table.table_budgeting tbody tr td:first-child {
  font-weight: 500; }

.font_light {
  font-weight: 400; }

.font_italic, i {
  font-style: italic; }

.font_small, small, .finance .finance__text p, .counter .label span, .table.table_budgeting thead tr.thead_subline th, .formgroup .formgroup__body .formgroup__body__item .mat-hint {
  font-size: 12px; }

.font_xsmall {
  font-size: 10px; }

.uppercase {
  text-transform: uppercase; }

* {
  font-family: 'Baloo Tammudu 2', sans-serif;
  font-size: 14px;
  font-weight: 500; }

h1 span, h2 span, h3 span, p span {
  display: inline-block; }

a {
  color: #585858;
  text-decoration: none;
  display: inline-block;
  transition: all 0.4s ease;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

img {
  width: 100%;
  border: 0px;
  display: block; }

* {
  min-height: 0;
  min-width: 0;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  color-adjust: exact;
  outline: none; }

::-webkit-scrollbar {
  width: 4px;
  /* Remove scrollbar space */
  height: 4px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: transparent;
  /* Optional: just make scrollbar invisible */
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  background: #1069b3; }

* {
  scrollbar-color: #1069b3;
  scrollbar-width: thin; }
/* *************************  HTML / BODY  ************************* */
html {
  position: relative; }
  html body {
    margin: 0px;
    background-color: #1069b3;
    color: #585858; }
    html body .header__inner {
      position: fixed;
      left: 0px;
      right: 0px;
      top: 0px;
      padding-bottom: 10px;
      background-color: #cfe1f0;
      box-shadow: 0px 0px 15px rgba(88, 88, 88, 0.5);
      z-index: 99; }
      html body .header__inner .header {
        flex-flow: row nowrap;
        align-items: flex-start;
        display: flex;
        max-width: 1900px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; }
        html body .header__inner .header .header__branding {
          flex: 0 0 300px;
          margin-left: 0px; }
        html body .header__inner .header .header__toolbar {
          flex: 1 1 auto; }
        html body .header__inner .header .toolbar__profile {
          flex: 0 0 auto; }
        html body .header__inner .header > * {
          margin-left: 20px; }
    html body .body__inner {
      flex-flow: column nowrap;
      display: flex;
      width: 1900px;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 90px; }
      /* *************************  HEADER  ************************* */

.header .header__branding {
  flex-flow: row nowrap;
  align-items: center;
  display: flex;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff; }
  .header .header__branding .header__branding__logo {
    flex: 1 1 auto;
    margin-right: 20px; }
  .header .header__branding .header__branding__name {
    flex: 0 0 auto;
    padding-top: 5px; }
    .header .header__branding .header__branding__name p {
      line-height: 45px; }
    .header .header__branding .header__branding__name > *:last-child {
      margin-bottom: 0px; }
  .header .header__toolbar {
    flex-flow: row nowrap;
    display: flex; }
  .header .header__toolbar .toolbar {
    flex: 1 1 auto; }
    .header .header__toolbar .toolbar .toolbar__group .toolbar__group__item .button .coin {
      position: relative;
      top: -1px;
      margin-right: 10px;
      display: inline-block; }
  .header .header__profile .logo {
    height: 20px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px; }
    .header .header__profile .logo img {
      width: auto;
      height: 100%; }

@keyframes animatedBorderHorizontal {
  0%, 100% {
    width: 0%;
    left: -4px;
    right: auto;
    top: -4px;
    bottom: auto; }

  25% {
    width: calc(100% + 8px);
    left: -4px;
    right: auto;
    top: -4px;
    bottom: auto; }

  25.001% {
    width: calc(100% + 8px);
    left: auto;
    right: -4px;
    top: -4px;
    bottom: auto; }

  50% {
    width: 0%;
    left: auto;
    right: -4px;
    top: -4px;
    bottom: auto; }

  50.001% {
    width: 0%;
    left: auto;
    right: -4px;
    top: auto;
    bottom: -4px; }

  75% {
    width: calc(100% + 8px);
    left: auto;
    right: -4px;
    top: auto;
    bottom: -4px; }

  75.001% {
    width: calc(100% + 8px);
    left: -4px;
    right: auto;
    top: auto;
    bottom: -4px; }

  99.999% {
    width: 0%;
    left: -4px;
    right: auto;
    top: auto;
    bottom: -4px; } }

@keyframes animatedBorderVertical {
  0%, 100% {
    height: calc(100% + 8px);
    left: -4px;
    right: auto;
    top: -4px;
    bottom: auto; }

  25% {
    height: 0%;
    left: -4px;
    right: auto;
    top: -4px;
    bottom: auto; }

  25.001% {
    height: 0%;
    left: auto;
    right: -4px;
    top: -4px;
    bottom: auto; }

  50% {
    height: calc(100% + 8px);
    left: auto;
    right: -4px;
    top: -4px;
    bottom: auto; }

  50.001% {
    height: calc(100% + 8px);
    left: auto;
    right: -4px;
    top: auto;
    bottom: -4px; }

  75% {
    height: 0%;
    left: auto;
    right: -4px;
    top: auto;
    bottom: -4px; }

  75.001% {
    height: 0%;
    left: -4px;
    right: auto;
    top: auto;
    bottom: -4px; }

  99.999% {
    height: calc(100% + 8px);
    left: -4px;
    right: auto;
    top: auto;
    bottom: -4px; } }
/* ---------  ICON  --------- */
.icon {
  font-size: 14px;
  text-align: center; }
  .icon.icon_large {
    font-size: 18px; }
  .icon.icon_toggle .inactive {
    display: block; }
  .icon.icon_toggle .active {
    display: none; }
  .icon.icon_toggle.active .inactive {
    display: none; }
    .icon.icon_toggle.active .active {
      display: block; }
/* ---------  ITEM  --------- */
.item {
  flex-flow: row nowrap;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden; }
  .item .item__icon {
    flex: 0 0 auto; }
  .item .item__icon:nth-child(2) {
    margin-left: 14px; }
  .item .item__text {
    flex: 1 1 auto; }
  .item .item__text > *:last-child {
    margin-bottom: 0px; }
  .item .item__text:nth-child(2) {
    margin-left: 14px; }
/* ---------  CONFIRMATION  --------- */
.confirmation {
  flex-flow: row wrap;
  justify-content: center;
  display: flex;
  position: absolute;
  left: 50%;
  top: -15px;
  padding: 20px;
  padding-top: 18px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -100%);
  z-index: 999; }
  .confirmation::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0px;
    border-style: solid;
    border-width: 7px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
    transform: translate(-50%, 100%);
    z-index: 9; }
  .confirmation .confirmation__item.confirmation__text {
    margin-bottom: 8px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #1069b3; }
    .confirmation .confirmation__item.confirmation__text > *:last-child {
      margin-bottom: 0px; }
  .confirmation .confirmation__item.confirmation__buttons {
    flex-flow: row nowrap;
    justify-content: center;
    display: flex;
    margin-left: -10px; }
    .confirmation .confirmation__item.confirmation__buttons .button {
      height: 36px;
      margin-left: 10px;
      padding-left: 18px;
      padding-right: 18px;
      padding-top: 4px;
      line-height: 38px; }
      .confirmation .confirmation__item.confirmation__buttons .button .fal, .confirmation .confirmation__item.confirmation__buttons .button .far, .confirmation .confirmation__item.confirmation__buttons .button .fas, .confirmation .confirmation__item.confirmation__buttons .button .fab {
        margin: 0px; }

.confirmation-container {
  position: relative; }
  .confirmation-container .coin {
    cursor: pointer; }
  .confirmation-container .coin:active {
    transform: scale(0.9); }
/* ---------  COIN  --------- */
.coin {
  width: 22px;
  height: 22px;
  position: relative;
  padding-top: 6px;
  text-align: center;
  color: #fff;
  transform: scale(1);
  transition: transform 0.2s ease; }
  .coin::before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    z-index: 1; }
  .coin > span {
    position: relative;
    line-height: 18px;
    display: block;
    z-index: 2; }
  .coin .coin__animation {
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translateY(0%);
    opacity: 1;
    transition: none;
    z-index: -1; }
  .coin .coin__animation span {
    display: none; }
  .coin.coin_medium {
    width: 30px;
    height: 30px;
    padding-top: 8px;
    font-size: 16px; }
  .coin.coin_medium::before {
    width: 30px;
    height: 30px; }
  .coin.coin_medium span {
    line-height: 22px; }
  .coin.coin_large {
    width: 40px;
    height: 40px;
    padding-top: 8px;
    font-size: 16px; }
  .coin.coin_large::before {
    width: 40px;
    height: 40px; }
  .coin.coin_large span {
    line-height: 32px; }
  .coin.coin_gold::before {
    border-color: #aa980e;
    background-color: #aa980e; }
  .coin.coin_blue::before {
    border-color: #1069b3;
    background-color: #1069b3; }
  .coin.coin_green::before {
    border-color: #24a31e;
    background-color: #24a31e; }
  .coin.coin_red::before {
    border-color: #aa0e50;
    background-color: #aa0e50; }
  .coin.coin_grey::before {
    border-color: #8a8a8a;
    background-color: #8a8a8a; }
  .coin.inactive.coin_gold {
    color: #aa980e; }
    .coin.inactive.coin_gold::before {
      border-color: #aa980e;
      background-color: #e1dbab; }
  .coin.inactive.coin_blue {
    color: #70a5d1; }
    .coin.inactive.coin_blue::before {
      border-color: #70a5d1;
      background-color: #cfe1f0; }
  .coin.inactive.coin_green {
    color: #7cc878; }
    .coin.inactive.coin_green::before {
      border-color: #7cc878;
      background-color: #d3edd2; }
  .coin.inactive.coin_red {
    color: #cc6e96; }
    .coin.inactive.coin_red::before {
      border-color: #cc6e96;
      background-color: #eecfdc; }
  .coin.inactive.coin_grey {
    color: #bcbcbc; }
    .coin.inactive.coin_grey::before {
      border-color: #bcbcbc;
      background-color: #dedede; }
  .coin.preview.coin_gold {
    color: #fff; }
    .coin.preview.coin_gold::before {
      border-color: #bfb24a;
      background-color: #bfb24a; }
  .coin.preview.coin_blue {
    color: #fff; }
    .coin.preview.coin_blue::before {
      border-color: #70a5d1;
      background-color: #70a5d1; }
  .coin.preview.coin_green {
    color: #fff; }
    .coin.preview.coin_green::before {
      border-color: #7cc878;
      background-color: #7cc878; }
  .coin.preview.coin_red {
    color: #fff; }
    .coin.preview.coin_red::before {
      border-color: #cc6e96;
      background-color: #cc6e96; }
  .coin.preview.coin_grey {
    color: #fff; }
    .coin.preview.coin_grey::before {
      border-color: #bcbcbc;
      background-color: #bcbcbc; }
  .coin.blocked {
    cursor: not-allowed; }
  .coin.animation_diff {
    transform: scale(1); }
  .coin.animation_diff .coin__animation {
    top: -120%;
    transform: translateY(-200%);
    opacity: 0;
    transition: transform 1s ease 0.5s, opacity 1s ease 0.5s; }
    .coin.animation_diff .coin__animation span {
      display: block; }
  .coin.animation_invalid {
    color: #cc6e96 !important; }
  .coin.animation_invalid::before {
    border-color: #cc6e96 !important;
    background-color: #eecfdc !important; }
  .coin-bundle {
    flex-flow: row nowrap;
    display: flex;
    width: auto;
    height: 34px;
    min-width: 60px;
    position: relative;
    padding: 6px; }
  .coin-bundle .coin {
    flex: 0 0 auto;
    margin-left: 4px;
    z-index: 1; }
  .coin-bundle .coin:first-child {
    margin-left: 0px; }
  .coin-bundle .coin-bundle__background {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: 1px solid #1069b3;
    border-radius: 23px;
    background-color: #fff;
    z-index: 0; }
  .coin-bundle .coin__animation {
    position: absolute;
    left: 15px;
    top: 1px;
    margin-left: 0px;
    transform: translateY(0%);
    opacity: 1;
    transition: none;
    z-index: -1; }
  .coin-bundle .coin__animation span {
    display: none; }
  .coin-bundle.animation_diff {
    transform: scale(1); }
  .coin-bundle.animation_diff .coin__animation {
    top: -120%;
    transform: translateY(-200%);
    opacity: 0;
    transition: transform 1s ease 0.5s, opacity 1s ease 0.5s;
    display: block; }
    .coin-bundle.animation_diff .coin__animation span {
      display: block; }
/* ---------  PILL  --------- */
.pill {
  position: relative;
  display: inline-block; }
  .pill::before {
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 2px);
    position: absolute;
    left: 50%;
    top: 34%;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    display: block; }
  .pill span {
    position: relative; }
  .pill.pill_green_1 {
    color: #fff; }
  .pill.pill_green_1::before {
    background-color: #24a31e; }
  .pill.pill_red_1 {
    color: #fff; }
  .pill.pill_red_1::before {
    background-color: #aa0e50; }
/* ---------  LOGO  --------- */
.logo.logo_login_gamesolution {
  max-width: 125px;
  margin-left: auto;
  margin-right: auto; }
/* ---------  TEXT  --------- */
.text > *:last-child {
  margin-bottom: 0px; }
/* ---------  BUTTON  --------- */
.button {
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  border: 0px;
  border-radius: 4px;
  background-color: #fff;
  line-height: 45px;
  color: #1069b3;
  cursor: pointer;
  transition: background-color 0.4s ease, color 0.4s ease; }
  .button i {
    margin-left: 10px;
    color: #1069b3;
    display: inline-block;
    transition: color 0.4s ease; }
  .button .button__icon {
    display: inline-block; }
  .button .button__icon.button__icon_left i {
    margin-left: 0px;
    margin-right: 10px; }
  .button.inactive {
    color: #70a5d1; }
  .button.button_blue_1 {
    background-color: #1069b3;
    color: #fff; }
  .button.button_blue_1 * {
    color: #fff; }
  .button.button_blue_2 {
    background-color: #70a5d1;
    color: #fff; }
  .button.button_blue_2 * {
    color: #fff; }
  .button.button_blue_3 {
    background-color: #cfe1f0;
    color: #1069b3; }
  .button.button_blue_3 * {
    color: #1069b3; }
  .button.button_red_1 {
    background-color: #aa0e50;
    color: #fff; }
  .button.button_red_1 i {
    color: #fff; }
  .button:hover:not(.inactive) {
    background-color: #70a5d1;
    color: #fff; }
  .button:hover:not(.inactive) i {
    color: #fff; }
  .button:hover:not(.inactive).button_red_1 {
    background-color: #cc6e96; }

.button-icon {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  text-align: center; }
  .button-icon::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    z-index: 1; }
  .button-icon i {
    position: relative;
    font-size: 16px;
    line-height: 38px;
    z-index: 2; }
  .button-icon.no_hover::after {
    display: none; }
  .button-icon:not(.no_hover)::after {
    content: "\f067";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 4px solid transparent;
    border-radius: 50%;
    background-color: transparent;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 0px;
    line-height: 40px;
    text-align: center;
    transform: translate(-50%, -50%);
    display: block;
    opacity: 0;
    transition: font-size 0.4s ease, opacity 0.4s ease;
    z-index: 3; }
  .button-icon:hover:not(.inactive):not(.blocked):not(.no_hover)::after {
    font-size: 16px;
    opacity: 1; }
  .button-icon.blocked {
    cursor: not-allowed; }
  .button-icon.active i {
    color: #fff; }
  .button-icon.active::after {
    content: "\f068"; }
  .button-icon.button-icon_blue {
    color: #70a5d1; }
  .button-icon.button-icon_blue::before {
    border: 1px solid #70a5d1;
    background-color: #cfe1f0; }
  .button-icon.button-icon_blue::after {
    border-color: #cfe1f0;
    background-color: #70a5d1;
    color: #1069b3; }
  .button-icon.button-icon_blue.active::before {
    border-color: #1069b3;
    background-color: #1069b3; }
  .button-icon.button-icon_green {
    color: #7cc878; }
  .button-icon.button-icon_green::before {
    border: 1px solid #7cc878;
    background-color: #d3edd2; }
  .button-icon.button-icon_green::after {
    border-color: #d3edd2;
    background-color: #7cc878;
    color: #24a31e; }
  .button-icon.button-icon_green.active::before {
    border-color: #24a31e;
    background-color: #24a31e; }
  .button-icon.button-icon_coin {
    margin-bottom: 15px; }
  .button-icon.button-icon_coin .button-icon__coin {
    position: relative;
    top: -8px;
    z-index: 9; }
    .button-icon.button-icon_coin .button-icon__coin .coin {
      margin-left: auto;
      margin-right: auto; }
  .button-icon .coin__animation {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%) translateY(0%);
    opacity: 1;
    transition: none;
    z-index: -1; }
  .button-icon .coin__animation span {
    display: none; }
  .button-icon.animation_diff {
    transform: scale(1); }
  .button-icon.animation_diff .coin__animation {
    top: -120%;
    transform: translateX(-50%) translateY(-200%);
    opacity: 0;
    transition: transform 1s ease 0.5s, opacity 1s ease 0.5s; }
    .button-icon.animation_diff .coin__animation span {
      display: block; }

.buttons {
  margin-left: -20px;
  margin-top: -20px; }
  .buttons .button {
    margin-left: 20px;
    margin-top: 20px; }
/* ---------  LEGEND  --------- */
.legend {
  flex-flow: row nowrap;
  align-items: center;
  display: flex;
  height: 36px;
  padding-left: 2px;
  padding-right: 7px;
  background-color: #f2f2f2; }
  .legend .legend__item {
    flex: 0 0 auto;
    margin-left: 5px; }
  .legend .legend__item .icon {
    width: 24px;
    height: 24px;
    display: block; }
    .legend .legend__item .icon i {
      line-height: 24px; }
  .legend .legend__separator {
    flex: 0 0 1px;
    height: 100%;
    margin-left: 7px;
    margin-right: 2px;
    background-color: #fff; }
/* ---------  FINANCE  --------- */
.finance {
  flex-flow: row nowrap;
  align-items: center;
  display: flex; }
  .finance .finance__number {
    flex: 0 0 auto;
    margin-right: 10px; }
  .finance .finance__number .number {
    width: 22px;
    height: 22px;
    padding-top: 8px;
    border-radius: 4px;
    background-color: #cfe1f0;
    color: #1069b3; }
    .finance .finance__number .number span {
      line-height: 14px;
      text-align: center;
      display: block; }
  .finance .finance__arrow {
    flex: 0 0 auto;
    position: relative;
    margin-right: 10px; }
  .finance .finance__arrow .arrow {
    width: 22px; }
    .finance .finance__arrow .arrow::before {
      content: "";
      width: 10px;
      height: 1px;
      position: absolute;
      left: 50%;
      bottom: 0px;
      background: #cfe1f0; }
    .finance .finance__arrow .arrow::after {
      content: "";
      width: 1px;
      height: 25px;
      position: absolute;
      left: 50%;
      top: 0px;
      background: #cfe1f0; }
    .finance .finance__arrow .arrow .arrow__right {
      width: 0;
      height: 0;
      position: absolute;
      right: -3px;
      top: -4px;
      border-left: 6px solid #cfe1f0;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent; }
  .finance .finance__text {
    flex: 1 1 auto;
    margin-bottom: -4px; }
  .finance .finance__text h4 {
    color: #cfe1f0; }
  .finance .finance__text p {
    text-transform: uppercase;
    color: #fff; }
  .finance .finance__text > *:last-child {
    margin-bottom: 0px; }
  .finance .finance__coin {
    flex: 0 0 auto;
    margin-left: 20px; }
  .finance-list {
    margin-top: -15px; }
  .finance-list .finance {
    margin-top: 15px; }
/* ---------  ORDER  --------- */
.order {
  flex-flow: row nowrap;
  align-items: center;
  display: flex;
  border-radius: 4px;
  padding-left: calc(20px * 0.75);
  padding-right: calc(20px * 0.75);
  padding-top: 14px;
  padding-bottom: 10px;
  background-color: #cfe1f0; }
  .order .order__text {
    flex: 1 1 auto;
    margin-bottom: -4px; }
  .order .order__text p {
    text-transform: uppercase; }
  .order .order__text > *:last-child {
    margin-bottom: 0px; }
  .order .order__icon {
    flex: 0 0 auto;
    margin-bottom: -4px; }
  .order .order__icon p {
    text-transform: uppercase; }
  .order .order__icon > *:last-child {
    margin-bottom: 0px; }
  .order.order_blue_1 {
    background-color: #1069b3; }
  .order.order_blue_1 .order__text * {
    color: #fff; }
  .order.order_blue_1 .order__icon * {
    color: #fff; }
  .order.order_blue_1.order_hover:hover {
    background-color: #70a5d1;
    transition: background-color 0.4s ease;
    cursor: pointer; }
  .order.order_green_2 {
    background-color: #7cc878; }
  .order.order_green_2 .order__text * {
    color: #fff; }
  .order.order_green_2 .order__icon * {
    color: #fff; }
/* ---------  GRID  --------- */
.grid {
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
  border-radius: 4px; }
  .grid.grid_button-icon .button-icon-container {
    position: relative;
    z-index: 1; }
  .grid.grid_button-icon .button-icon {
    margin-left: 20px;
    margin-top: 20px; }
  .grid.grid_button-icon.grid_scrollable_x {
    padding-left: 20px;
    padding-bottom: calc(20px - 5px); }
    .grid.grid_button-icon.grid_scrollable_x .grid__scrollable {
      flex: 0 0 100%;
      flex-flow: row nowrap;
      justify-content: flex-start;
      display: flex;
      position: relative;
      top: -120px;
      margin-bottom: -120px;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 120px;
      padding-bottom: 6px;
      overflow-x: scroll;
      overflow-y: hidden; }
      .grid.grid_button-icon.grid_scrollable_x .grid__scrollable .button-icon-container {
        flex: 0 0 auto;
        margin-left: 20px;
        margin-top: 20px; }
        .grid.grid_button-icon.grid_scrollable_x .grid__scrollable .button-icon-container:first-child {
          margin-left: 0px; }
        .grid.grid_button-icon.grid_scrollable_x .grid__scrollable .button-icon-container .button-icon {
          margin-left: 0px;
          margin-top: 0px;
          display: block; }
    .grid.grid_button-icon.grid_scrollable_x:hover .grid__scrollable {
      margin-bottom: -124px; }
      .grid.grid_button-icon.grid_scrollable_x:hover ::-webkit-scrollbar {
        height: 8px; }
  .grid.grid_coin-bundle {
    padding-left: 0px;
    padding-top: 15px; }
  .grid.grid_coin-bundle .coin-bundle {
    margin-left: 20px;
    margin-top: 5px; }
  .grid.grid_coin-bundle.grid_scrollable_y {
    padding-right: calc(20px - 5px); }
    .grid.grid_coin-bundle.grid_scrollable_y .grid__scrollable {
      flex: 0 0 100%;
      flex-flow: row wrap;
      display: flex;
      position: relative;
      top: -104px;
      margin-bottom: -102px;
      padding-top: 100px;
      padding-bottom: 10px;
      overflow-x: hidden;
      overflow-y: scroll; }
    .grid.grid_coin-bundle.grid_scrollable_y:hover .grid__scrollable {
      margin-bottom: -106px; }
      .grid.grid_coin-bundle.grid_scrollable_y:hover ::-webkit-scrollbar {
        height: 8px; }
  .grid.grid_liability-counter {
    margin-top: -25px;
    padding: 0px; }
  .grid.grid_liability-counter .liability-counter {
    flex: 0 0 calc(50% - 20px);
    margin-left: 20px;
    margin-top: 20px; }
    .grid.grid_liability-counter .liability-counter p {
      margin-bottom: 5px; }
    .grid.grid_liability-counter .liability-counter .counter .label {
      flex: 0 1 50px; }
      .grid.grid_liability-counter .liability-counter .counter > .coin, .grid.grid_liability-counter .liability-counter .counter > .finance__coin {
        flex: 0 0 auto;
        margin-left: 15px; }
      .grid.grid_liability-counter .liability-counter .counter > .counter__buttons, .grid.grid_liability-counter .liability-counter .counter > app-game-button {
        margin-left: 15px; }
  .grid.grid_equity-counter {
    margin-top: -25px;
    padding: 0px; }
  .grid.grid_equity-counter .equity-counter {
    flex: 0 0 calc(50% - 20px);
    margin-left: 20px;
    margin-top: 20px; }
    .grid.grid_equity-counter .equity-counter p {
      margin-bottom: 5px; }
    .grid.grid_equity-counter .equity-counter .counter .label {
      flex: 0 1 50px; }
      .grid.grid_equity-counter .equity-counter .counter > .coin, .grid.grid_equity-counter .equity-counter .counter > .finance__coin {
        flex: 0 0 auto;
        margin-left: 15px; }
      .grid.grid_equity-counter .equity-counter .counter > .counter__buttons, .grid.grid_equity-counter .equity-counter .counter > app-game-button {
        margin-left: 15px; }
      .grid.grid_equity-counter .equity-counter .counter .coin + app-game-button {
        margin-left: 15px; }
  .grid.grid_years {
    flex-flow: row nowrap;
    display: flex;
    padding: 0px; }
  .grid.grid_years .year {
    flex: 1 1 auto;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 4px; }
    .grid.grid_years .year .label {
      height: 40px;
      padding-top: 8px;
      text-align: center; }
      .grid.grid_years .year .label span {
        line-height: 32px; }
    .grid.grid_years .year .coin {
      margin-left: auto;
      margin-right: auto; }
  .grid.grid_order-cards {
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -20px;
    margin-top: -20px; }
  .grid.grid_order-cards .confirmation-container {
    flex: 0 0 150px;
    min-height: 203px;
    margin-left: 20px;
    margin-top: 20px; }
    .grid.grid_order-cards .confirmation-container .card {
      min-height: 203px; }
    .grid.grid_order-cards .card {
      flex: 0 0 150px;
      min-height: 203px;
      margin-left: 20px;
      margin-top: 20px; }
    .grid.grid_order-cards.grid_scrollable_x {
      padding-left: 20px;
      padding-right: 0px;
      padding-bottom: calc(20px - 5px); }
    .grid.grid_order-cards.grid_scrollable_x .grid__scrollable {
      flex: 0 0 100%;
      flex-flow: row nowrap;
      justify-content: flex-start;
      display: flex;
      position: relative;
      top: -104px;
      margin-bottom: -102px;
      padding-top: 100px;
      padding-bottom: 10px;
      overflow-x: scroll;
      overflow-y: hidden; }
      .grid.grid_order-cards.grid_scrollable_x .grid__scrollable .confirmation-container {
        margin-left: 20px;
        margin-top: 20px; }
        .grid.grid_order-cards.grid_scrollable_x .grid__scrollable .confirmation-container:first-child {
          margin-left: 0px; }
        .grid.grid_order-cards.grid_scrollable_x .grid__scrollable .confirmation-container .card {
          margin-left: 0px;
          margin-top: 0px; }
    .grid.grid_order-cards.grid_scrollable_x:hover .grid__scrollable {
      margin-bottom: -106px; }
      .grid.grid_order-cards.grid_scrollable_x:hover ::-webkit-scrollbar {
        height: 8px; }
  .grid.grid_companies.grid_scrollable_x {
    padding-right: 0px;
    padding-bottom: calc(20px - 5px); }
    .grid.grid_companies.grid_scrollable_x ::-webkit-scrollbar-thumb {
      background: #cfe1f0; }
    .grid.grid_companies.grid_scrollable_x .grid__scrollable {
      flex: 0 0 100%;
      flex-flow: row nowrap;
      justify-content: flex-start;
      display: flex;
      position: relative;
      top: -120px;
      margin-left: -4px;
      margin-bottom: -120px;
      padding-left: 4px;
      padding-top: 120px;
      padding-bottom: 6px;
      overflow-x: scroll;
      overflow-y: hidden; }
      .grid.grid_companies.grid_scrollable_x .grid__scrollable .card {
        flex: 1 1 auto;
        min-width: 200px;
        max-width: 300px;
        position: relative;
        margin-left: 20px;
        background-color: #fff; }
        .grid.grid_companies.grid_scrollable_x .grid__scrollable .card:first-child {
          margin-left: 0px; }
        .grid.grid_companies.grid_scrollable_x .grid__scrollable .card .card__item.card__item_separator {
          background: linear-gradient(90deg, #dedede, #dedede 50%, transparent 50%, transparent 100%);
          background-size: 8px 1px; }
          .grid.grid_companies.grid_scrollable_x .grid__scrollable .card .card__item.card__item.card__item_header {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px; }
          .grid.grid_companies.grid_scrollable_x .grid__scrollable .card .card__item.card__item_finance-list .finance-list .finance .finance__text * {
            color: #585858; }
        .grid.grid_companies.grid_scrollable_x .grid__scrollable .card.active::before {
          content: "";
          height: 4px;
          position: absolute;
          border-radius: 4px;
          background-color: #aa0e50;
          animation: animatedBorderHorizontal 4s linear infinite; }
          .grid.grid_companies.grid_scrollable_x .grid__scrollable .card.active::after {
            content: "";
            width: 4px;
            position: absolute;
            border-radius: 4px;
            background-color: #aa0e50;
            animation: animatedBorderVertical 4s linear infinite; }
/* ---------  COUNTER  --------- */
.counter {
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px; }
  .counter > * {
    margin-left: 20px; }
  .counter .label {
    flex: 0 1 auto;
    position: relative; }
  .counter .label span {
    margin-bottom: -4px;
    display: block; }
  .counter .coin {
    flex: 0 0 auto; }
  .counter .counter__buttons {
    flex: 0 0 auto;
    flex-flow: row nowrap;
    display: flex; }
  .counter .counter__buttons .counter__button {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background-color: #1069b3;
    text-align: center;
    color: #fff;
    display: block; }
    .counter .counter__buttons .counter__button i {
      font-size: 16px;
      line-height: 40px; }
    .counter .counter__buttons .counter__button.blocked {
      background-color: #cfe1f0;
      color: #70a5d1;
      cursor: not-allowed; }
    .counter .counter__buttons .counter__button:hover:not(.blocked) {
      background-color: #70a5d1;
      color: #1069b3; }
    .counter .counter__buttons .counter__button.counter__button__minus {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .counter .counter__buttons .counter__button.counter__button__plus {
      border-left: 1px solid #cfe1f0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .counter .button-square {
    width: 80px;
    height: 40px;
    border-radius: 4px;
    background-color: #1069b3;
    text-align: center;
    color: #fff;
    display: block; }
  .counter .button-square i {
    font-size: 16px;
    line-height: 40px; }
  .counter .button-square.blocked {
    background-color: #cfe1f0;
    color: #70a5d1;
    cursor: not-allowed; }
  .counter .button-square:hover:not(.blocked) {
    background-color: #70a5d1;
    color: #1069b3; }
  .counter.counter_vertical {
    flex-flow: column nowrap;
    align-items: center;
    padding-left: 20px;
    padding-top: 0px; }
  .counter.counter_vertical > * {
    margin-left: 0px;
    margin-top: 20px; }
  .counter.counter_truck {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .counter.counter_truck .counter_truck__coin {
    margin-top: 28px;
    margin-bottom: -4px; }
  .counter.counter_truck .counter_truck__truck {
    position: absolute;
    right: 10px;
    top: -5px;
    margin-left: 0px;
    padding: 0px; }
/* ---------  TRUCK  --------- */
.truck {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px; }
  .truck > * {
    margin-left: 20px; }
  .truck .truck__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #bcbcbc; }
  .truck .truck__icon i {
    font-size: 16px;
    line-height: 20px; }
  .truck .counter {
    flex: 0 0 auto; }
/* ---------  TOOLBAR  --------- */
.toolbar {
  flex-flow: row nowrap;
  display: flex;
  margin-left: -20px; }
  .toolbar .toolbar__group {
    flex: 0 0 auto;
    flex-flow: row nowrap;
    display: flex;
    margin-left: 20px; }
  .toolbar .toolbar__group .toolbar__group__item {
    flex: 0 0 auto;
    border-right: 1px solid #70a5d1; }
    .toolbar .toolbar__group .toolbar__group__item:last-child {
      border-right: 0px; }
    .toolbar .toolbar__group .toolbar__group__item > * {
      border-radius: 0px; }
    .toolbar .toolbar__group .toolbar__group__item:first-child > * {
      border-bottom-left-radius: 4px; }
    .toolbar .toolbar__group .toolbar__group__item:last-child > * {
      border-bottom-right-radius: 4px; }
      .toolbar .toolbar__group .toolbar__group__item:last-child > *.confirmation-container > .button {
        border-radius: 0px;
        border-bottom-right-radius: 4px; }
        .toolbar .toolbar__group .toolbar__group__item:last-child > *.confirmation-container .confirmation {
          top: auto;
          bottom: -15px;
          transform: translate(-50%, 100%); }
          .toolbar .toolbar__group .toolbar__group__item:last-child > *.confirmation-container .confirmation::after {
            top: 0px;
            bottom: auto;
            border-width: 0px 8px 7px 8px;
            border-color: transparent transparent #fff transparent;
            transform: translate(-50%, -100%); }
/* ---------  R&D MANAGER  --------- */
.rd-manager {
  flex-flow: row wrap;
  justify-content: space-between;
  display: flex; }
  .rd-manager .rd-manager__head {
    flex: 0 0 100%;
    position: relative; }
  .rd-manager .rd-manager__head .button-icon {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .rd-manager .rd-manager__head::before {
    content: "";
    width: 13px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 27px;
    background: linear-gradient(90deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
    background-size: 4px 1px; }
  .rd-manager .rd-manager__head::after {
    content: "";
    width: 13px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 27px;
    background: linear-gradient(90deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
    background-size: 4px 1px; }
  .rd-manager .rd-manager__branch {
    flex: 1 1 40%;
    position: relative;
    padding-top: 10px; }
  .rd-manager .rd-manager__branch::before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: -20px;
    background: linear-gradient(0deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
    background-size: 1px 4px;
    transform: translateX(-100%); }
  .rd-manager .rd-manager__branch.rd-manager__branch_right {
    margin-left: 20px; }
  .rd-manager .rd-manager__branch .rd-manager__branch__coin_green {
    flex-flow: row wrap;
    justify-content: center;
    display: flex;
    margin-bottom: 8px; }
  .rd-manager .rd-manager__branch .rd-manager__branch__coin_blue {
    flex-flow: row wrap;
    justify-content: center;
    display: flex;
    margin-left: -5px; }
    .rd-manager .rd-manager__branch .rd-manager__branch__coin_blue .coin {
      margin-left: 5px;
      margin-top: 5px; }
/* ---------  ASSEMBLY  --------- */
.assembly {
  flex-flow: row nowrap;
  align-items: center;
  display: flex;
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: #f2f2f2; }
  .assembly:last-child {
    margin-bottom: 0px; }
  .assembly .assembly__legend {
    flex: 0 0 auto;
    border-right: 1px solid #fff; }
  .assembly .assembly__legend .legend {
    border-bottom: 1px solid #fff; }
    .assembly .assembly__legend .legend:last-child {
      border-bottom: 0px; }
  .assembly .assembly__line {
    flex: 1 1 100%;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #fff; }
  .assembly .assembly__line .assembly__line__coin-bundle__list {
    flex-flow: row nowrap;
    justify-content: center;
    display: flex;
    margin-bottom: 9px; }
    .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_2 .assembly__line__coin-bundle {
      position: relative;
      margin-left: 96px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_2 .assembly__line__coin-bundle:first-child {
        margin-left: 0px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_2 .assembly__line__coin-bundle .coin-bundle::before {
        content: "";
        width: 1px;
        height: 23px;
        position: absolute;
        left: 50%;
        bottom: -27px;
        background: linear-gradient(0deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
        background-size: 1px 4px;
        transform: translateX(-100%); }
        .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_2 .assembly__line__coin-bundle .coin-bundle::after {
          content: "";
          width: 25px;
          height: 1px;
          position: absolute;
          left: 50%;
          bottom: -30px;
          background: linear-gradient(90deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
          background-size: 4px 1px;
          transform: translateX(-50%); }
    .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_3 .assembly__line__coin-bundle {
      position: relative;
      margin-left: 18px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_3 .assembly__line__coin-bundle:first-child {
        margin-left: 0px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_3 .assembly__line__coin-bundle .coin-bundle::before {
        content: "";
        width: 1px;
        height: 25px;
        position: absolute;
        left: 50%;
        bottom: -30px;
        background: linear-gradient(0deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
        background-size: 1px 4px;
        transform: translateX(-100%); }
        .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_3 .assembly__line__coin-bundle .coin-bundle::after {
          content: "";
          width: 25px;
          height: 1px;
          position: absolute;
          left: 50%;
          bottom: -30px;
          background: linear-gradient(90deg, #70a5d1, #70a5d1 50%, transparent 50%, transparent 100%);
          background-size: 4px 1px;
          transform: translateX(-50%); }
    .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_4 .assembly__line__coin-bundle {
      margin-left: 18px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list.assembly__line__coin-bundle_4 .assembly__line__coin-bundle:first-child {
        margin-left: 0px; }
      .assembly .assembly__line .assembly__line__coin-bundle__list .coin-bundle.inactive {
        cursor: default; }
      .assembly .assembly__line .assembly__line__coin-bundle__list .coin-bundle.inactive .coin-bundle__background {
        border-color: #70a5d1;
        background-color: #cfe1f0; }
  .assembly .assembly__line .assembly__line__button-icon__list {
    flex-flow: row nowrap;
    justify-content: center;
    display: flex; }
    .assembly .assembly__line .assembly__line__button-icon__list .assembly__line__button-icon {
      flex: 0 0 40px;
      margin-left: 38px; }
      .assembly .assembly__line .assembly__line__button-icon__list .assembly__line__button-icon:first-child {
        margin-left: 0px; }
      .assembly .assembly__button {
        flex: 0 0 auto;
        padding-left: 20px;
        padding-right: 20px; }
  .assembly .assembly__button *:not(.confirmation-container) .button, .assembly .assembly__button > .button {
    width: 92px;
    height: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1069b3;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
    .assembly .assembly__button *:not(.confirmation-container) .button .coin, .assembly .assembly__button > .button .coin {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 7px; }
    .assembly .assembly__button *:not(.confirmation-container) .button .icon, .assembly .assembly__button > .button .icon {
      margin-top: 2px;
      font-size: 16px;
      line-height: 25px; }
      .assembly .assembly__button *:not(.confirmation-container) .button .icon .fal, .assembly .assembly__button > .button .icon .fal, .assembly .assembly__button *:not(.confirmation-container) .button .icon .far, .assembly .assembly__button > .button .icon .far, .assembly .assembly__button *:not(.confirmation-container) .button .icon .fas, .assembly .assembly__button > .button .icon .fas, .assembly .assembly__button *:not(.confirmation-container) .button .icon .fab, .assembly .assembly__button > .button .icon .fab {
        margin: 0px; }
    .assembly .assembly__button *:not(.confirmation-container) .button > span, .assembly .assembly__button > .button > span {
      margin-bottom: -7px;
      line-height: 25px;
      display: block; }
    .assembly .assembly__button *:not(.confirmation-container) .button.inactive, .assembly .assembly__button > .button.inactive {
      background-color: #cfe1f0; }
      .assembly .assembly__button *:not(.confirmation-container) .button.inactive *, .assembly .assembly__button > .button.inactive * {
        color: #70a5d1; }
  .assembly .confirmation-container .confirmation {
    left: auto;
    right: 120%;
    top: 50%;
    transform: translate(0%, -50%); }
    .assembly .confirmation-container .confirmation::after {
      left: auto;
      right: 0px;
      top: 50%;
      bottom: auto;
      border-width: 8px 0px 8px 7px;
      border-color: transparent transparent transparent #fff;
      transform: translate(100%, -50%);
      z-index: 9; }
    .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons {
      flex-flow: row nowrap;
      justify-content: center;
      display: flex;
      margin-left: -10px; }
      .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button {
        width: auto;
        height: 36px;
        margin-left: 10px;
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 38px; }
        .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button .fal, .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button .far, .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button .fas, .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button .fab {
          margin: 0px; }
        .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button:hover:not(.inactive) {
          background-color: #70a5d1;
          color: #fff; }
          .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button:hover:not(.inactive) i {
            color: #fff; }
        .assembly .confirmation-container .confirmation .confirmation__item.confirmation__buttons .button.button_blue_3 {
          background-color: #cfe1f0; }
/* ---------  CARD  --------- */
.card {
  flex-flow: column nowrap; }
  .card > .card__item {
    width: 100%;
    position: relative; }
  .card > .card__item.card__item_separator {
    height: 1px;
    background: linear-gradient(90deg, #f2f2f2, #f2f2f2 50%, transparent 50%, transparent 100%);
    background-size: 8px 1px;
    margin-top: -1px;
    margin-bottom: -1px; }
  .card > .card__item.card__item_header {
    flex-flow: row nowrap;
    align-items: center;
    display: flex;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden; }
    .card > .card__item.card__item_header .number {
      flex: 0 0 36px;
      width: 36px;
      height: 36px;
      margin-right: 15px;
      padding-top: 8px;
      border-bottom-right-radius: 4px;
      background-color: #cfe1f0;
      text-align: center;
      color: #1069b3; }
      .card > .card__item.card__item_header .number span {
        line-height: 28px;
        display: block; }
    .card > .card__item.card__item_header .title {
      flex: 1 1 auto;
      padding-top: 8px; }
      .card > .card__item.card__item_header .title p {
        margin-bottom: 0px;
        line-height: 28px; }
    .card > .card__item.card__item_header .total {
      flex: 0 0 auto;
      padding-top: 8px; }
      .card > .card__item.card__item_header .total p {
        margin-bottom: 0px;
        line-height: 28px; }
    .card > .card__item.card__item_header .legend {
      flex: 0 0 auto;
      border-bottom-left-radius: 4px; }
  .card > .card__item.card__item_buttons {
    margin-left: -20px;
    margin-top: -20px; }
    .card > .card__item.card__item_buttons .button {
      margin-left: 20px;
      margin-top: 20px; }
  .card > .card__item.card__item_logo img {
    max-width: 175px;
    margin-left: auto;
    margin-right: auto; }
  .card > .card__item.card__item_inbound_logistics_grid .grid {
    min-height: 157px;
    max-height: 157px;
    padding-right: 12px;
    overflow: auto; }
  .card > .card__item.card__item_inbound_logistics_counter {
    flex-flow: row nowrap;
    align-items: flex-end;
    display: flex; }
    .card > .card__item.card__item_inbound_logistics_counter .counter_truck {
      flex: 0 0 180px; }
    .card > .card__item.card__item_inbound_logistics_counter .employee {
      flex: 0 0 80px;
      padding-left: calc(20px - 1px);
      padding-right: 20px;
      padding-top: 32px;
      padding-bottom: 32px;
      border-left: 1px solid #cfe1f0;
      border-radius: 4px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
  .card > .card__item.card__item_finished_goods .grid {
    min-height: 216px;
    max-height: 216px;
    padding-right: 12px;
    overflow: auto; }
  .card > .card__item.card__item_outbound_logistics {
    flex-flow: row nowrap;
    align-items: flex-end;
    display: flex; }
    .card > .card__item.card__item_outbound_logistics .truck {
      flex: 0 0 auto; }
    .card > .card__item.card__item_outbound_logistics .grid_years {
      flex: 1 1 auto; }
  .card > .card__item.card__item_research_development {
    flex-flow: row nowrap;
    align-items: flex-start;
    display: flex; }
    .card > .card__item.card__item_research_development .grid_button-icon {
      flex: 0 0 140px; }
    .card > .card__item.card__item_research_development .rd-manager {
      flex: 0 0 130px;
      margin-left: 20px;
      margin-top: 2px; }
  .card > .card__item.card__item_equity {
    flex-flow: row nowrap;
    align-items: flex-start;
    display: flex; }
    .card > .card__item.card__item_equity .equity__title {
      flex: 0 0 calc(50% - 10px); }
    .card > .card__item.card__item_equity .equity__finance-list {
      flex: 0 0 calc(50% - 10px);
      margin-left: 20px; }
  .card > .card__item.card__item_standing-orders .grid.grid_order-cards .card {
    background-color: #f2f2f2 !important; }
    .card > .card__item.card__item_standing-orders .grid.grid_order-cards .card .card__item.card__item_separator {
      background: linear-gradient(90deg, #dedede, #dedede 50%, transparent 50%, transparent 100%);
      background-size: 8px 1px; }
      .card > .card__item.card__item_standing-orders .grid.grid_order-cards .card .card__item.card__item_finance-list .finance-list .finance .finance__text * {
        color: #585858; }
    .card > .card__item.card__item_standing-orders .grid.grid_order-cards .card.card_placeholder {
      background-color: rgba(242, 242, 242, 0.2) !important; }
  .card > .card__item.card__item_select-orders .grid.grid_order-cards {
    align-items: flex-start; }
    .card > .card__item.card__item_select-orders .grid.grid_order-cards .card {
      background-color: #f2f2f2 !important; }
    .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_separator {
      background: linear-gradient(90deg, #dedede, #dedede 50%, transparent 50%, transparent 100%);
      background-size: 8px 1px; }
      .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_finance-list .finance-list .finance .finance__text * {
        color: #585858; }
      .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_button .button {
        width: 100%;
        height: 42px;
        padding-top: 4px;
        border-radius: 0px;
        line-height: 42px;
        text-align: center;
        text-transform: uppercase; }
        .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_button .button .fal, .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_button .button .far, .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_button .button .fas, .card > .card__item.card__item_select-orders .grid.grid_order-cards .card .card__item.card__item_button .button .fab {
          margin: 0px; }
    .card > .card__item.card__item_select-orders .grid.grid_order-cards .card.card_placeholder {
      background-color: rgba(242, 242, 242, 0.2) !important; }
  .card.card_border_radius {
    border-radius: 4px; }
  .card.card_border_radius .card__item.card__item_button:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden; }
  .card.bg_blue_3 {
    background-color: #cfe1f0; }
  .card.bg_white_1 {
    background-color: #fff; }
  .card.bg_white_1 .card__item.card__item_separator {
    background: linear-gradient(90deg, #dedede, #dedede 50%, transparent 50%, transparent 100%);
    background-size: 8px 1px; }
    .card.bg_white_1 .card__item.card__item_finance-list .finance-list .finance .finance__text * {
      color: #585858; }
/* ---------  TABLE  --------- */
.table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse; }
  .table.table_accounting {
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden; }
  .table.table_accounting thead tr th {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 7px;
    text-align: center; }
    .table.table_accounting thead tr th:first-child {
      text-align: left; }
    .table.table_accounting thead tr th.line_left {
      border-left: 1px solid #dedede; }
  .table.table_accounting tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 7px;
    border-top: 1px solid #f2f2f2;
    text-align: center;
    color: #585858; }
    .table.table_accounting tbody tr td:first-child {
      text-align: left;
      color: #585858; }
    .table.table_accounting tbody tr td.blue {
      color: #1069b3; }
    .table.table_accounting tbody tr td.line_left {
      border-left: 1px solid #dedede; }
    .table.table_accounting tbody tr.bg_white_2 td {
      background-color: #f2f2f2; }
  .table.table_budgeting {
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden; }
  .table.table_budgeting thead tr th {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 7px;
    text-align: center; }
    .table.table_budgeting thead tr th:first-child {
      text-align: left; }
    .table.table_budgeting thead tr th.line_left {
      border-left: 1px solid #dedede; }
    .table.table_budgeting thead tr.thead_subline th {
      margin-bottom: 0px;
      padding-top: 0px;
      color: #bcbcbc; }
  .table.table_budgeting tbody tr td {
    width: 120px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 7px;
    border-top: 1px solid #f2f2f2;
    text-align: center;
    color: #585858; }
    .table.table_budgeting tbody tr td:first-child {
      width: 450px;
      text-align: left;
      color: #585858; }
    .table.table_budgeting tbody tr td.blue {
      color: #1069b3; }
    .table.table_budgeting tbody tr td.positive {
      color: #24a31e; }
    .table.table_budgeting tbody tr td.negative {
      color: #aa0e50; }
    .table.table_budgeting tbody tr td.line_left {
      border-left: 1px solid #dedede; }
    .table.table_budgeting tbody tr td .mat-form-field {
      width: 75px;
      height: 40px;
      position: relative;
      margin-bottom: 7px;
      border: 1px solid #dedede;
      border-radius: 4px;
      display: block;
      overflow: hidden; }
    .table.table_budgeting tbody tr td .mat-form-field input {
      width: 100%;
      position: relative;
      padding-left: 15px;
      padding-right: 0px;
      padding-top: 2px;
      padding-bottom: 0px;
      border: 0px;
      color: #1069b3;
      line-height: 40px; }
    .table.table_budgeting tbody tr.bg_white_2 td {
      background-color: #f2f2f2; }
/* ---------  SECTION  --------- */
.section {
  flex-flow: row nowrap;
  align-items: stretch;
  display: flex;
  padding-left: 36px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .section .section__item.section__item_header {
    width: 36px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.1);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg); }
    .section .section__item.section__item_header .title {
      margin-top: 15px;
      margin-bottom: 15px;
      padding-right: 8px; }
    .section .section__item.section__item_header .title p {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      line-height: 28px; }
  .section .section__item.section__item_card {
    margin-left: 20px; }
  .section.section_border_radius {
    border-radius: 4px; }
/* ---------  GAMEBOARD  --------- */
.gameboard {
  flex-flow: column nowrap;
  display: flex;
  margin-bottom: 40px; }
  .gameboard > * {
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: stretch;
    display: flex;
    margin-left: -20px; }
  .gameboard .gameboard__row {
    flex: 0 0 auto;
    flex-flow: column nowrap;
    display: flex;
    position: relative;
    margin-left: 20px;
    margin-top: -20px; }
  .gameboard .gameboard__card {
    margin-top: 20px; }
  .gameboard .gameboard__top {
    flex: 0 0 auto; }
  .gameboard .gameboard__top .card {
    background-color: rgba(207, 225, 240, 0.95); }
    .gameboard .gameboard__top .card.active::before {
      content: "";
      height: 4px;
      position: absolute;
      border-radius: 4px;
      background-color: #aa0e50;
      animation: animatedBorderHorizontal 4s linear infinite; }
    .gameboard .gameboard__top .card.active::after {
      content: "";
      width: 4px;
      position: absolute;
      border-radius: 4px;
      background-color: #aa0e50;
      animation: animatedBorderVertical 4s linear infinite; }
  .gameboard .gameboard__top .gameboard__row.gameboard__row_1 {
    flex: 0 0 300px; }
    .gameboard .gameboard__top .gameboard__row.gameboard__row_2 {
      flex: 0 0 570px; }
    .gameboard .gameboard__top .gameboard__row.gameboard__row_3 {
      flex: 0 0 300px; }
    .gameboard .gameboard__top .gameboard__row.gameboard__row_4 {
      flex: 0 0 630px; }
  .gameboard .gameboard__bottom {
    margin-top: 40px; }
  .gameboard .gameboard__bottom .gameboard__section {
    height: 100%; }
    .gameboard .gameboard__bottom .gameboard__section .section {
      height: 100%;
      position: relative;
      background-color: rgba(112, 165, 209, 0.5); }
    .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card {
      flex-flow: column nowrap;
      display: flex; }
    .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card .card {
      flex: 1 0 auto;
      margin-top: 20px;
      background-color: rgba(255, 255, 255, 0.2); }
      .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card .card.active::before {
        content: "";
        height: 4px;
        position: absolute;
        border-radius: 4px;
        background-color: #aa0e50;
        animation: animatedBorderHorizontal 4s linear infinite; }
        .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card .card.active::after {
          content: "";
          width: 4px;
          position: absolute;
          border-radius: 4px;
          background-color: #aa0e50;
          animation: animatedBorderVertical 4s linear infinite; }
      .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card .card:first-child {
        margin-top: 0px; }
    .gameboard .gameboard__bottom .gameboard__section .section .section__item.section__item_card.section__item_card_1 .card {
      height: 100%; }
  .gameboard .gameboard__bottom .gameboard__row.gameboard__row_1 {
    flex: 0 0 890px; }
    .gameboard .gameboard__bottom .gameboard__row.gameboard__row_1 .section .section__item.section__item_card {
      flex: 0 0 610px; }
      .gameboard .gameboard__bottom .gameboard__row.gameboard__row_1 .section .section__item.section__item_card.section__item_card_1 {
        flex: 0 0 244px; }
      .gameboard .gameboard__bottom .gameboard__row.gameboard__row_1 .section .section__item.section__item_card.section__item_card_2 {
        flex: 0 0 550px; }
    .gameboard .gameboard__bottom .gameboard__row.gameboard__row_2 {
      flex: 0 0 950px; }
    .gameboard .gameboard__bottom .gameboard__row.gameboard__row_2 .section .section__item.section__item_card.section__item_card_1 {
      flex: 0 0 244px; }
      .gameboard .gameboard__bottom .gameboard__row.gameboard__row_2 .section .section__item.section__item_card.section__item_card_2 {
        flex: 0 0 610px; }
/* ---------  FORMGROUP  --------- */
.formgroup .formgroup__title {
  margin-bottom: 30px; }
  @media (min-width: 650px) {
    .formgroup .formgroup__title {
      margin-bottom: 30px; } }
  .formgroup .formgroup__title > *:last-child {
    margin-bottom: 0px; }
  .formgroup .formgroup__body .formgroup__body__item {
    margin-top: 20px; }
    .formgroup .formgroup__body .formgroup__body__item:first-child {
      margin-top: 0px; }
    .formgroup .formgroup__body .formgroup__body__item .formgroup__body__item__label {
      margin-left: 12px;
      margin-bottom: 3px;
      color: #1069b3;
      display: block; }
    .formgroup .formgroup__body .formgroup__body__item .mat-form-field > *:last-child {
      margin-bottom: 0px; }
    .formgroup .formgroup__body .formgroup__body__item .mat-hint {
      position: relative;
      top: -5px;
      margin-right: 10px;
      margin-bottom: 0px;
      text-align: right;
      color: #aa0e50;
      display: block; }
    .formgroup .formgroup__body .formgroup__body__item.placement_horizontal {
      flex-flow: row wrap;
      align-items: flex-start;
      display: flex; }
    .formgroup .formgroup__body .formgroup__body__item.placement_horizontal .formgroup__body__item__label {
      flex: 0 0 155px;
      margin-right: 20px;
      margin-top: 9px;
      display: block; }
    .formgroup .formgroup__body .formgroup__body__item.placement_horizontal .mat-form-field, .formgroup .formgroup__body .formgroup__body__item.placement_horizontal .mat-radio-group, .formgroup .formgroup__body .formgroup__body__item.placement_horizontal .mat-checkbox-group {
      flex: 1 1 50%; }
    .formgroup .formgroup__body .formgroup__body__item.placement_horizontal .mat-hint {
      flex: 1 1 100%; }
    .formgroup .formgroup__body .formgroup__body__item.placement_double_form-fields > .mat-form-field {
      flex: 1 1 20%;
      margin-right: 20px; }
    .formgroup .formgroup__body .formgroup__body__item.placement_double_form-fields > .mat-form-field:last-child {
      margin-right: 0px; }
    .formgroup .formgroup__body .formgroup__body__item.formgroup__body__item_separator {
      margin-left: -20px;
      margin-right: -20px;
      padding-bottom: 7px;
      border-top: 1px solid #bcbcbc; }
    .formgroup .formgroup__body .formgroup__body__item.formgroup__body__item_toggle {
      padding-bottom: 7px; }
    .formgroup .formgroup__body .formgroup__body__item.formgroup__body__item_toggle:first-child {
      margin-top: 0px; }
    .formgroup .formgroup__body .formgroup__body__item.formgroup__body__item_toggle .buttons .button {
      height: 40px; }
    .formgroup .formgroup__body .formgroup__body__item .counter {
      margin-bottom: 7px; }
    .formgroup .formgroup__body .formgroup__body__item .formgroup__body__item__text {
      margin-top: 9px; }
  .formgroup .formgroup__buttons {
    flex-flow: row wrap;
    justify-content: center;
    display: flex;
    margin-left: -10px;
    margin-top: 20px;
    margin-bottom: -10px;
    padding-bottom: 7px; }
  .formgroup .formgroup__buttons:first-child {
    margin-top: 0px; }
  @media (min-width: 650px) {
    .formgroup .formgroup__buttons {
      margin-top: 20px; } }
  .formgroup .formgroup__buttons .button {
    flex: 0 0 auto;
    margin-left: 10px;
    margin-bottom: 10px; }
/* ---------  MAT FIELD  --------- */
.mat-form-field {
  width: 100%; }
  .mat-form-field .mat-form-field-wrapper {
    margin: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px; }
  .mat-form-field .mat-form-field-wrapper .mat-form-field-label {
    margin-top: 0.15em;
    color: #70a5d1; }
  .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px; }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
      padding-top: 12px;
      padding-bottom: 4px;
      border-top: 0px; }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
      padding-left: 5px;
      padding-right: 5px;
      line-height: 24px;
      color: #585858; }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input {
      margin-bottom: 0px;
      color: #585858; }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .icon {
      position: absolute;
      right: 0px;
      cursor: pointer; }
  .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    position: relative;
    margin-top: 7px; }
  .mat-form-field .mat-form-field-wrapper .mat-form-field-suffix {
    position: absolute;
    right: 8px;
    top: 2px; }
    .mat-form-field .mat-form-field-wrapper .mat-form-field-suffix .mat-datepicker-toggle {
      position: relative;
      top: 0px; }
  .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline {
    height: auto;
    top: 0px;
    border-radius: 4px;
    border-color: #70a5d1; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline > * {
      border-color: #70a5d1; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
      border-radius: 4px 0 0 4px; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
      border-radius: 0 4px 4px 0; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-start {
      border: 1px solid #dedede;
      border-right-style: none; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-end {
      border: 1px solid #dedede;
      border-left-style: none; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-gap {
      border: 1px solid #dedede;
      border-left-style: none;
      border-right-style: none; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline {
      background-color: #fff; }
    .mat-form-field.mat-form-field-appearance-outline .mat-form-field-flex.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
      border-top-color: transparent; }
  .mat-form-field.mat-focused .mat-form-field-wrapper .mat-form-field-label, .mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-label {
    color: #70a5d1;
    transform: translateY(-1.3em) scale(0.75); }
  .mat-form-field.mat-form-field-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
    background-color: #bcbcbc !important; }
    .mat-form-field.mat-form-field-disabled .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
      color: #8a8a8a; }

input[type="file"] {
  width: 100%;
  height: 40px;
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 8px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: transparent;
  display: block;
  cursor: pointer;
  transition: border-color 0.4s ease; }

textarea {
  width: 100%;
  min-height: 132px;
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  border: 1px solid #dedede;
  border-radius: 4px;
  color: #585858;
  resize: vertical; }
  textarea:disabled {
    background-color: #bcbcbc !important; }

.mat-select .mat-select-trigger .mat-select-value {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 24px; }
  .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
    transform: none; }

.mat-radio-group {
  align-items: center;
  display: flex;
  min-height: 40px;
  margin-top: 2px; }
  .mat-radio-group .mat-radio-button {
    margin-left: 25px; }
  .mat-radio-group .mat-radio-button:first-child {
    margin-left: 10px; }
  .mat-radio-group .mat-radio-button .mat-radio-label-content {
    margin-left: 10px; }
  .mat-radio-group.placement_vertical {
    height: auto;
    display: block; }
  .mat-radio-group.placement_vertical .mat-radio-button {
    margin-left: 0px;
    margin-top: 10px; }

.mat-checkbox-group {
  flex-flow: row wrap;
  align-items: center;
  display: flex;
  min-height: 40px;
  margin-top: 2px; }
  .mat-checkbox-group .mat-checkbox {
    margin-left: 25px; }
  .mat-checkbox-group .mat-checkbox:first-child {
    margin-left: 12px; }
  .mat-checkbox-group .mat-checkbox .mat-checkbox-layout {
    white-space: pre-wrap; }
    .mat-checkbox-group .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
      position: relative;
      top: 2px;
      margin: 0px;
      margin-right: 20px; }
  .mat-checkbox-group.placement_vertical {
    height: auto;
    display: block; }
  .mat-checkbox-group.placement_vertical .mat-checkbox {
    margin-left: 0px;
    margin-top: 10px; }
/* ---------  MAT DIALOG  --------- */
.cdk-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane {
  width: 600px !important; }
  .cdk-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .card .card__item.card__item_buttons .button {
    padding-top: 6px; }
  .cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel {
    margin-top: 7px; }
  .cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item span {
    color: #1069b3; }
  .cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel .mat-menu-content .mat-menu-item:hover:not([disabled]) {
    background-color: #cfe1f0; }