@charset "UTF-8";
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Metropolis/Metropolis-Regular.otf); }
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Metropolis/Metropolis-Medium.otf); }
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Metropolis/Metropolis-SemiBold.otf); }
@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Metropolis/Metropolis-Bold.otf); }
html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  font-family: 'Metropolis', sans-serif;
  color: #323434;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0.02em;
  background: #fff; }

.pt0 {
  padding-top: 0px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl60 {
  padding-left: 60px !important; }

.pl70 {
  padding-left: 70px !important; }

.pl80 {
  padding-left: 80px !important; }

.pl90 {
  padding-left: 90px !important; }

.pl100 {
  padding-left: 100px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr50 {
  padding-right: 50px !important; }

.pr60 {
  padding-right: 60px !important; }

.pr70 {
  padding-right: 70px !important; }

.pr80 {
  padding-right: 80px !important; }

.pr90 {
  padding-right: 90px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml60 {
  margin-left: 60px !important; }

.ml70 {
  margin-left: 70px !important; }

.ml80 {
  margin-left: 80px !important; }

.ml90 {
  margin-left: 90px !important; }

.ml100 {
  margin-left: 100px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr80 {
  margin-right: 80px !important; }

.mr90 {
  margin-right: 90px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.w0 {
  width: 0% !important; }

.w1 {
  width: 1% !important; }

.w2 {
  width: 2% !important; }

.w3 {
  width: 3% !important; }

.w4 {
  width: 4% !important; }

.w5 {
  width: 5% !important; }

.w6 {
  width: 6% !important; }

.w7 {
  width: 7% !important; }

.w8 {
  width: 8% !important; }

.w9 {
  width: 9% !important; }

.w10 {
  width: 10% !important; }

.w11 {
  width: 11% !important; }

.w12 {
  width: 12% !important; }

.w13 {
  width: 13% !important; }

.w14 {
  width: 14% !important; }

.w15 {
  width: 15% !important; }

.w16 {
  width: 16% !important; }

.w17 {
  width: 17% !important; }

.w18 {
  width: 18% !important; }

.w19 {
  width: 19% !important; }

.w20 {
  width: 20% !important; }

.w21 {
  width: 21% !important; }

.w22 {
  width: 22% !important; }

.w23 {
  width: 23% !important; }

.w24 {
  width: 24% !important; }

.w25 {
  width: 25% !important; }

.w26 {
  width: 26% !important; }

.w27 {
  width: 27% !important; }

.w28 {
  width: 28% !important; }

.w29 {
  width: 29% !important; }

.w30 {
  width: 30% !important; }

.w31 {
  width: 31% !important; }

.w32 {
  width: 32% !important; }

.w33 {
  width: 33% !important; }

.w34 {
  width: 34% !important; }

.w35 {
  width: 35% !important; }

.w36 {
  width: 36% !important; }

.w37 {
  width: 37% !important; }

.w38 {
  width: 38% !important; }

.w39 {
  width: 39% !important; }

.w40 {
  width: 40% !important; }

.w41 {
  width: 41% !important; }

.w42 {
  width: 42% !important; }

.w43 {
  width: 43% !important; }

.w44 {
  width: 44% !important; }

.w45 {
  width: 45% !important; }

.w46 {
  width: 46% !important; }

.w47 {
  width: 47% !important; }

.w48 {
  width: 48% !important; }

.w49 {
  width: 49% !important; }

.w50 {
  width: 50% !important; }

.w51 {
  width: 51% !important; }

.w52 {
  width: 52% !important; }

.w53 {
  width: 53% !important; }

.w54 {
  width: 54% !important; }

.w55 {
  width: 55% !important; }

.w56 {
  width: 56% !important; }

.w57 {
  width: 57% !important; }

.w58 {
  width: 58% !important; }

.w59 {
  width: 59% !important; }

.w60 {
  width: 60% !important; }

.w61 {
  width: 61% !important; }

.w62 {
  width: 62% !important; }

.w63 {
  width: 63% !important; }

.w64 {
  width: 64% !important; }

.w65 {
  width: 65% !important; }

.w66 {
  width: 66% !important; }

.w67 {
  width: 67% !important; }

.w68 {
  width: 68% !important; }

.w69 {
  width: 69% !important; }

.w70 {
  width: 70% !important; }

.w71 {
  width: 71% !important; }

.w72 {
  width: 72% !important; }

.w73 {
  width: 73% !important; }

.w74 {
  width: 74% !important; }

.w75 {
  width: 75% !important; }

.w76 {
  width: 76% !important; }

.w77 {
  width: 77% !important; }

.w78 {
  width: 78% !important; }

.w79 {
  width: 79% !important; }

.w80 {
  width: 80% !important; }

.w81 {
  width: 81% !important; }

.w82 {
  width: 82% !important; }

.w83 {
  width: 83% !important; }

.w84 {
  width: 84% !important; }

.w85 {
  width: 85% !important; }

.w86 {
  width: 86% !important; }

.w87 {
  width: 87% !important; }

.w88 {
  width: 88% !important; }

.w89 {
  width: 89% !important; }

.w90 {
  width: 90% !important; }

.w91 {
  width: 91% !important; }

.w92 {
  width: 92% !important; }

.w93 {
  width: 93% !important; }

.w94 {
  width: 94% !important; }

.w95 {
  width: 95% !important; }

.w96 {
  width: 96% !important; }

.w97 {
  width: 97% !important; }

.w98 {
  width: 98% !important; }

.w99 {
  width: 99% !important; }

.w100 {
  width: 100% !important; }

.mb-30 {
  margin-bottom: -30px !important; }

.pad0 {
  padding: 0 !important; }

.paragraphs p:first-child {
  margin-top: 0; }
.paragraphs p:last-child {
  margin-bottom: 0; }

.wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 100vh;
  z-index: 100;
  overflow: hidden; }

.centered {
  text-align: center !important; }

.tright {
  text-align: right !important; }

img {
  max-width: 100%;
  vertical-align: top;
  transition: all 0.3s ease; }

hr {
  display: block;
  border: none;
  width: 100%;
  height: 1px;
  background: #C6C7C7;
  margin: 30px 0; }

.svg {
  filter: grayscale(1);
  transition: all 0.3s ease; }
  .svg:hover {
    filter: grayscale(0); }
  .svg.blue svg, .svg.blue path {
    fill: #0088AE; }
  .svg.red svg, .svg.red path {
    fill: #EB5757; }
  .svg.white svg, .svg.white path {
    fill: #fff; }
  .svg.black svg, .svg.black path {
    fill: #000; }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

img.fleft,
img[align="left"] {
  margin-right: 30px;
  margin-bottom: 10px; }

img.fright,
img[align="right"] {
  margin-left: 30px;
  margin-bottom: 10px; }

.row {
  width: 100%;
  display: block;
  float: left; }

.flex {
  display: flex; }

.justify-between {
  justify-content: space-between; }

.flex-wrap {
  flex-wrap: wrap; }

.align-center {
  align-items: center; }

.ib {
  display: inline-block; }

.sec {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

* {
  outline: none;
  box-sizing: border-box;
  vertical-align: top; }

a {
  text-decoration: none;
  color: #0088AE;
  transition: all 0.3s ease; }

a:hover {
  color: #00a4d2;
  text-decoration: none; }

a:after, a:before,
button, input, select, textarea {
  transition: all 0.3s ease; }

select::-ms-expand {
  display: none; }

input::-ms-clear {
  display: none; }

svg {
  width: 100%;
  height: 100%; }
  svg, svg * {
    transition: all 0.3s ease; }
  svg.red, svg.red * {
    fill: #EB5757; }

.noPT {
  padding-top: 0 !important; }

.tleft {
  text-align: left !important; }

.tgreen {
  color: #00AF8C !important; }

.tgray {
  color: #b5b4b4 !important; }

.relative {
  position: relative; }

.fs13 {
  font-size: 13px !important; }

.fs16 {
  font-size: 16px !important; }

.fs18 {
  font-size: 18px !important; }

/* SITE STYLES */
.button,
.btn {
  display: inline-block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-family: 'Metropolis', sans-serif;
  border: none;
  border-radius: 4px;
  background: #0088AE;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease; }
  .button:hover,
  .btn:hover {
    background: #00708f;
    box-shadow: none;
    color: #fff; }
  .button svg, .button img,
  .btn svg,
  .btn img {
    max-width: 16px;
    max-height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    transform: translateY(-1px); }
  .button[disabled],
  .btn[disabled] {
    background: #C6C7C7 !important; }
  .button.white,
  .btn.white {
    background: #fff;
    color: #0088AE; }
    .button.white:hover,
    .btn.white:hover {
      background: #0088AE;
      color: #fff; }
  .button.gray,
  .btn.gray {
    background: #F1F3F6;
    color: #323434; }
    .button.gray:hover,
    .btn.gray:hover {
      background: #c2cbd8; }
  .button.cancel,
  .btn.cancel {
    background: #fff;
    color: #0088AE;
    border: 1px solid #C6C7C7; }
    .button.cancel:hover,
    .btn.cancel:hover {
      background: #c2cbd8; }
  .button.red,
  .btn.red {
    background: #EB5757;
    color: #fff; }
    .button.red:hover,
    .btn.red:hover {
      background: #db1a1a; }
  .button.lightBlue,
  .btn.lightBlue {
    background: #E6F3F7;
    color: #0088AE; }
    .button.lightBlue:hover,
    .btn.lightBlue:hover {
      background: #bfe0eb;
      color: #0088AE; }
    .button.lightBlue svg, .button.lightBlue svg *, .button.lightBlue img,
    .btn.lightBlue svg,
    .btn.lightBlue svg *,
    .btn.lightBlue img {
      fill: #0088AE; }
  .button.button_search,
  .btn.button_search {
    padding: 0 44px; }
  .button.button_medium,
  .btn.button_medium {
    min-width: 144px; }
  .button.submit_commissions,
  .btn.submit_commissions {
    display: none;
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    left: 50%;
    height: auto;
    line-height: initial;
    padding: 0;
    padding-top: 10px;
    transform: translateX(-50%); }
    .button.submit_commissions strong,
    .btn.submit_commissions strong {
      display: block;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 10px; }

.commissions_in_button {
  display: none;
  background: rgba(0, 0, 0, 0.2);
  font-size: 11px;
  padding: 10px 20px;
  line-height: 14px; }

button.button,
input.button {
  line-height: initial; }

.button_plus {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;
  font-size: 28px;
  color: #0088AE;
  background: #E6F3F7; }
  .button_plus:hover {
    background: #cbe6ee;
    color: #0088AE; }

.page_overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(95, 136, 151, 0.09), rgba(95, 136, 151, 0.09)), linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); }

.ip_cell {
  width: 100%; }
  .ip_cell.slidingLabel {
    position: relative; }
    .ip_cell.slidingLabel > label {
      position: absolute;
      z-index: 1;
      top: 15px;
      left: 16px;
      padding: 0 3px;
      color: #838585;
      font-size: 15px;
      font-family: 'Lato', sans-serif;
      pointer-events: none;
      font-weight: 400;
      letter-spacing: 0.02em;
      white-space: nowrap;
      transition: all 0.2s ease-out; }
    .ip_cell.slidingLabel.focused > label, .ip_cell.slidingLabel.not_empty > label {
      top: -12px !important;
      background: #fff;
      font-size: 11px; }
    .ip_cell.slidingLabel.sl_phone label {
      padding-left: 115px; }
    .ip_cell.slidingLabel.sl_phone.not_empty label {
      padding-left: 3px; }
  .ip_cell.preview {
    background: #F7F7F7;
    font-size: 15px;
    margin-bottom: 20px !important;
    border-radius: 8px;
    padding: 12px 16px;
    transition: background 0.2s ease; }
    .ip_cell.preview .ip_label {
      color: #838585;
      margin-bottom: 6px;
      text-transform: none;
      font-weight: 600; }
    .ip_cell.preview.blue {
      background: #E1F6FF; }
      .ip_cell.preview.blue .ip_label {
        color: #0088AE; }
    .ip_cell.preview.yellow {
      background-color: #FFF4CC; }
    .ip_cell.preview.green {
      background-color: #E7FBD7; }
    .ip_cell.preview.red {
      background-color: #FFD0D0; }
    .ip_cell.preview b {
      display: block;
      font-weight: 400; }
  .ip_cell.error .input_text {
    border: 2px solid #EB5757; }
  .ip_cell.error .ip_error_text {
    display: block; }
  .ip_cell.medium {
    width: 346px; }
  .ip_cell.short {
    width: 183px; }
  .ip_cell.ip_phone select.input_text {
    width: 100px; }
  .ip_cell.ip_phone input.input_text {
    width: calc(100% - 140px); }

.ip_error_text {
  display: none;
  color: #EB5757;
  min-height: 23px;
  padding-left: 16px;
  margin-top: 4px;
  font-weight: 400;
  font-size: 11px;
  background: url("../img/i_error.svg") no-repeat 0 5px; }

.info_helper {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 8px; }
  .info_helper.visible .info_helper-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.info_helper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 8px;
  cursor: pointer; }
  .info_helper-icon svg, .info_helper-icon path, .info_helper-icon img {
    max-width: 20px;
    max-height: 20px; }

.info_helper-text {
  position: absolute;
  top: 100%;
  right: -8px;
  margin-top: 4px;
  background: #323434;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  line-height: 150%;
  padding: 7px 12px;
  min-width: 280px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.2s ease; }

.info_helper-icon:hover,
.info_helper.visible .info_helper-icon {
  background: #F7F7F7; }
  .info_helper-icon:hover svg, .info_helper-icon:hover path, .info_helper-icon:hover img,
  .info_helper.visible .info_helper-icon svg,
  .info_helper.visible .info_helper-icon path,
  .info_helper.visible .info_helper-icon img {
    fill: #000; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type=number] {
  -moz-appearance: textfield; }

.input_text,
.dt-input,
.select2-container .select2-selection--single,
.fakeSelect-selected {
  width: 100%;
  height: 52px;
  border: 1px solid #C6C7C7;
  border-radius: 4px;
  padding: 0px 18px;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.02em; }
  .input_text:focus,
  .dt-input:focus,
  .select2-container .select2-selection--single:focus,
  .fakeSelect-selected:focus {
    border-color: #9fa1a1; }
  .input_text.i_search,
  .dt-input.i_search,
  .select2-container .select2-selection--single.i_search,
  .fakeSelect-selected.i_search {
    background-image: url("../img/i_search.svg");
    background-position: 13px 50%;
    background-repeat: no-repeat;
    padding-left: 44px; }
  .input_text[disabled],
  .dt-input[disabled],
  .select2-container .select2-selection--single[disabled],
  .fakeSelect-selected[disabled] {
    background-color: #E8E8E8; }
  .input_text.ip_intable,
  .dt-input.ip_intable,
  .select2-container .select2-selection--single.ip_intable,
  .fakeSelect-selected.ip_intable {
    height: 40px;
    background: #F7F7F7; }
    .input_text.ip_intable + .ip_prefix,
    .dt-input.ip_intable + .ip_prefix,
    .select2-container .select2-selection--single.ip_intable + .ip_prefix,
    .fakeSelect-selected.ip_intable + .ip_prefix {
      top: 8px;
      color: #1D1F1F;
      font-size: 20px; }
    .input_text.ip_intable[readonly],
    .dt-input.ip_intable[readonly],
    .select2-container .select2-selection--single.ip_intable[readonly],
    .fakeSelect-selected.ip_intable[readonly] {
      background: #fff; }
      .input_text.ip_intable[readonly] + .ip_prefix,
      .dt-input.ip_intable[readonly] + .ip_prefix,
      .select2-container .select2-selection--single.ip_intable[readonly] + .ip_prefix,
      .fakeSelect-selected.ip_intable[readonly] + .ip_prefix {
        color: #838585; }
  .input_text.ip_qty,
  .dt-input.ip_qty,
  .select2-container .select2-selection--single.ip_qty,
  .fakeSelect-selected.ip_qty {
    text-align: center;
    width: 80px; }

label.disabled {
  background: #E8E8E8 !important;
  border-radius: 3px; }

.select2-container .select2-selection--single,
.fakeSelect-selected {
  cursor: pointer; }

.ip_cell .select2-container {
  width: 100% !important; }

.select2search .select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 52px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 15px 0 40px;
  box-sizing: border-box;
  line-height: 1; }

.select2search .select2-container .select2-search--inline .select2-search__field {
  font-family: 'Lato', sans-serif; }

.select2search .select2-container .select2-search {
  width: 100%; }

.select2search .select2-container--default .select2-selection--multiple:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/i_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 52px; }

.select2search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: #333;
  line-height: 1; }

.select2search .select2-container--default .select2-selection--multiple .select2-selection__arrow {
  height: 36px;
  right: 10px; }

.select2search .select2-container--default .select2-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px; }

.select2search .select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; }

.select2search .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px;
  line-height: 1; }

.select2search .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc; }

.search-item {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.search-item .text-muted {
  font-size: 14px;
  color: #aaa; }

.cursor-pointer {
  cursor: pointer; }

.alert_error {
  width: 100%;
  padding: 15px 20px;
  color: #58151c;
  border: 1px #f1aeb5 solid;
  background: #f8d7da;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 20px; }

.ip_prefix {
  position: absolute;
  top: 17px;
  right: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #838585;
  pointer-events: none; }

label + .ip_prefix {
  margin-top: 22px; }

textarea.input_text {
  max-width: 100%;
  min-width: 100%;
  height: 100px;
  max-height: 300px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: none; }

select.input_text,
.select2-container .select2-selection--single,
.fakeSelect-selected {
  background: #fff url("../img/i_angle_down.svg") no-repeat right 10px top 50%;
  padding-right: 40px;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

.select2-container {
  position: relative;
  min-width: 220px; }

.select2-container .select2-selection--single,
.fakeSelect-selected {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 38px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  width: 100%;
  padding: 0;
  line-height: 38px; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 3px;
  height: 40px;
  border: 1px solid #E8E8E8;
  padding: 0 10px;
  padding-left: 34px;
  font-size: 14px;
  background: #fff url(../img/i_search.svg) no-repeat 12px 50%;
  background-size: 13px; }

.select2-container--open .select2-dropdown--below,
.fakeSelect-dropdown {
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 5px 5px 0px #00000033, 0px 3px 14px 0px #0000001F, 0px 8px 10px 0px #00000024; }

.select2-container--default .select2-results > .select2-results__options {
  width: calc(100% + 6px); }

.select2-results__option--selectable,
.fakeSelect-list button {
  width: calc(100% - 8px);
  border: none;
  border-radius: 4px;
  padding: 10px 12px 5px;
  min-height: 40px;
  background: none;
  text-align: left; }

.fakeSelect_container {
  position: relative;
  z-index: 5;
  margin-right: 8px; }

.main_header_filters_box .fakeSelect_container {
  min-width: 220px; }
.main_header_filters_box .select2-container {
  max-width: 220px; }
.main_header_filters_box .input_text.i_search {
  width: 320px; }

.main_header_filters_box .fakeSelect_container,
.main_header_filters_box select.input_text {
  min-width: 150px; }

.fakeSelect-dropdown {
  display: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  min-width: 100%; }

.fakeSelect_container .indicator {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 10px; }

.fakeSelect_container.opened .fakeSelect-dropdown {
  display: block; }

.fakeSelect-list {
  white-space: nowrap; }

.fakeSelect-list button,
.fakeSelect-list a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  padding-right: 25px;
  color: #323434;
  font-size: 15px; }
  .fakeSelect-list button .indicator,
  .fakeSelect-list a .indicator {
    margin-top: -4px; }
  .fakeSelect-list button path, .fakeSelect-list button svg, .fakeSelect-list button img,
  .fakeSelect-list a path,
  .fakeSelect-list a svg,
  .fakeSelect-list a img {
    flex-shrink: 0;
    fill: #000;
    max-width: 16px;
    max-height: 16px;
    margin-right: 10px;
    margin-top: -2px; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.fakeSelect-list button:hover,
.fakeSelect-list a:hover {
  background: #f6f6f6;
  color: #323434; }

.select2-container--default .select2-results__option--selected,
.fakeSelect-list button.selected,
.fakeSelect-list a.selected {
  background: #0088AE !important;
  color: #fff !important; }

.ch {
  display: none; }

.ch + label {
  display: block;
  padding-left: 29px;
  cursor: pointer; }
  .ch + label:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin-left: -29px;
    margin-right: 11px;
    background: url("../img/ch.svg") no-repeat; }

.ch[disabled] + label {
  cursor: not-allowed;
  filter: grayscale(1); }

.ch:checked + label:before {
  background: url("../img/ch_r.svg") no-repeat; }

.login_section h2 {
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 8px; }
.login_section p {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: center; }

.topnav_sec {
  position: relative;
  z-index: 10;
  background: #fff; }
  .topnav_sec .container {
    display: flex;
    justify-content: space-between; }

.container {
  width: 100%;
  margin: 0 auto; }

.topnav_left {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px; }

.menubar_toggle {
  display: flex;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  border-radius: 3px; }
  .menubar_toggle svg, .menubar_toggle path, .menubar_toggle img {
    max-width: 18px;
    max-height: 18px; }
  .menubar_toggle:hover {
    background: #f7f7f7; }

.topnav_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px; }

.topnav_pager_box {
  display: flex;
  align-items: center; }
  .topnav_pager_box a {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
    margin-right: 16px; }
    .topnav_pager_box a:not(.topnav_pager_disabled):hover {
      background: #f6f6f6; }
    .topnav_pager_box a svg, .topnav_pager_box a img {
      width: 16px; }
    .topnav_pager_box a.topnav_pager_disabled {
      background: #E8E8E8; }
      .topnav_pager_box a.topnav_pager_disabled svg, .topnav_pager_box a.topnav_pager_disabled svg *, .topnav_pager_box a.topnav_pager_disabled img {
        fill: #838585; }

.topnav_right_flex {
  display: flex;
  align-items: stretch;
  height: 100%; }

.topnav_lang_box {
  position: relative;
  display: flex;
  align-items: center;
  border-right: 1px solid #E9EAEB;
  padding-right: 30px; }

.topnav_lang_active {
  position: relative;
  display: flex;
  align-items: center;
  background: url("../img/i_globe.svg") no-repeat 10px center;
  padding: 10px 10px 6px;
  padding-left: 40px;
  text-transform: uppercase;
  font-size: 14px;
  color: #323434;
  font-weight: 600;
  border-radius: 4px; }
  .topnav_lang_active:after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../img/i_chevron_down.svg") no-repeat center center; }

.js_openTopSubmenu {
  position: relative; }
  .js_openTopSubmenu.opened > a {
    background-color: #f6f6f6;
    color: inherit; }
  .js_openTopSubmenu.opened .topnav_submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.topnav_menu .js_openTopSubmenu:last-child .topnav_submenu {
  left: auto;
  right: 0; }

.topnav_submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  list-style-type: none;
  min-width: 180px;
  margin: 0;
  padding: 8px;
  padding-bottom: 0;
  background: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  transform: translateY(10px);
  transition: all 0.3s ease-out; }
  .topnav_submenu a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    font-size: 14px;
    color: #323434;
    padding: 0 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    font-weight: 600; }
    .topnav_submenu a img {
      margin-right: 10px; }
    .topnav_submenu a:hover, .topnav_submenu a.current {
      background: #f6f6f6; }
  .topnav_submenu svg, .topnav_submenu img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 10px; }

.topnav_user_box {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 200px; }

.topnav_user_active {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("../img/i_chevron_down.svg") no-repeat right 18px top 50%;
  color: #323434;
  padding-left: 16px;
  padding-right: 56px;
  padding-top: 5px; }
  .topnav_user_active strong {
    display: block;
    font-size: 13px;
    line-height: 110%;
    color: #323434; }
  .topnav_user_active span > span {
    display: block;
    font-size: 11px;
    color: #838585; }

.filter_button {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  height: 56px;
  line-height: 54px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 25px;
  margin-left: 4px;
  color: #838585; }
  .filter_button.active {
    color: #0088AE;
    border-bottom-color: #0088AE; }
  .filter_button:hover {
    color: #0088AE; }

.sidebar_filter_button {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #fff url("../img/i_filter.svg") no-repeat right 11px top 50%;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 0 14px;
  padding-right: 60px;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 14px;
  color: #323434; }
  .sidebar_filter_button.applied:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: #EB5757;
    border-radius: 50%; }

.checkin_users_box {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; }

.ch_switch {
  display: none; }

.ch_switch + label {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
  margin-top: 3px;
  border-radius: 20px;
  background: #C6C7C7;
  cursor: pointer; }
  .ch_switch + label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    transition: all 0.2s ease; }

.ch_switch:checked + label {
  background: #50C9B1; }
  .ch_switch:checked + label:before {
    left: calc(100% - 27px - 2px); }

.sidebar_sliding_box {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease; }
  .sidebar_sliding_box.visible {
    visibility: visible;
    opacity: 1; }
    .sidebar_sliding_box.visible .sidebar_sliding_content {
      transform: translateX(0); }

.sidebar_sliding_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); }

.sidebar_sliding_content {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 336px;
  height: 100%;
  padding-top: 76px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(336px);
  transition: all 0.3s ease; }

.sidebar_body {
  height: 100%;
  overflow-y: auto; }
  .sidebar_body::-webkit-scrollbar {
    width: 10px; }
  .sidebar_body::-webkit-scrollbar-track {
    background: #f0f0f0; }
  .sidebar_body::-webkit-scrollbar-thumb {
    background: #0088AE; }

.sidebar_header {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 56px;
  font-size: 17px;
  padding: 10px 20px;
  padding-right: 3px;
  border-bottom: 1px solid #E8E8E8; }
  .sidebar_header img {
    margin-right: 11px; }

.js_sidebar_close {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -5px;
  background: url("../img/i_close.svg") no-repeat center center; }

.sidebar_body {
  padding: 20px 16px; }

.sidebar_filters_list {
  list-style: none;
  padding: 0;
  margin-top: 0; }
  .sidebar_filters_list li {
    margin-bottom: 10px; }
  .sidebar_filters_list li.sidebar_filters_title,
  .sidebar_filters_list li.modal_filters_title {
    color: #838585;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .sidebar_filters_list .ch + label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px; }

.sidebar_footer {
  flex-shrink: 0;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-top: 1px solid #E8E8E8; }

.js_sidebar_filters_apply,
.js_sidebar_filters_clear {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 10px;
  padding-left: 35px; }

.js_sidebar_filters_clear {
  background: url("../img/i_reload.svg") no-repeat 10px 50%;
  color: #323434; }
  .js_sidebar_filters_clear:hover {
    color: #EB5757;
    background-color: #f6f6f6; }

.js_sidebar_filters_apply {
  background: url("../img/i_apply.svg") no-repeat 10px 50%;
  color: #0088AE; }
  .js_sidebar_filters_apply:hover {
    background-color: #f6f6f6; }

.filters_no_results {
  display: none; }

.datepicker_box {
  display: flex;
  align-items: center; }

.datepicker_box .datepicker,
.datepicker_box .datepicker-week,
.datepicker_box .datepicker_month,
.dateranger {
  width: 135px;
  height: 40px;
  padding-top: 4px;
  padding-left: 36px;
  margin: 0 4px;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 14px;
  background: #fff url("../img/i_calendar.svg") no-repeat 10px 50%;
  background-size: 15px auto;
  border: none; }
  .datepicker_box .datepicker:hover, .datepicker_box .datepicker:focus,
  .datepicker_box .datepicker-week:hover,
  .datepicker_box .datepicker-week:focus,
  .datepicker_box .datepicker_month:hover,
  .datepicker_box .datepicker_month:focus,
  .dateranger:hover,
  .dateranger:focus {
    background-color: #F1F3F6; }

.dateranger {
  min-width: 215px;
  border: 1px solid #C6C7C7;
  padding-top: 0;
  font-weight: 400; }
  .dateranger:hover {
    background-color: #fff; }

.datepicker_box .datepicker_month {
  width: 180px;
  text-align: center; }

.datepicker table tr td, .datepicker table tr th,
.datepicker table tr td, .datepicker-week table tr th,
.datepicker_month table tr td, .datepicker table tr th {
  vertical-align: middle; }

.datepicker_arrow {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  background: no-repeat center center; }
  .datepicker_arrow:hover {
    background-color: #F1F3F6; }
  .datepicker_arrow.left {
    background-image: url("../img/i_angle_left.svg"); }
  .datepicker_arrow.right {
    background-image: url("../img/i_angle_right.svg"); }

.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal_content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  max-height: 98%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  padding: 25px; }
  .modal_content.wide {
    width: 100%;
    max-width: 1162px; }
  .modal_content.semi_medium {
    width: 100%;
    max-width: 576px; }
  .modal_content.medium {
    width: 100%;
    max-width: 920px; }
  .modal_content.small {
    width: 100%;
    max-width: 460px; }
    .modal_content.small .modal_buttons .button {
      min-width: 140px; }

.modal_inner {
  padding: 0 20px; }

.modal_checkout_pin .modal_content {
  width: 440px; }

.modal_overlay,
.global_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.global_overlay {
  display: none; }

.modal_pin_header {
  display: flex;
  justify-content: space-between;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .modal_pin_header h3 {
    font-family: 'Metropolis', sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 15px; }
  .modal_pin_header b {
    color: #838585;
    font-weight: 600;
    font-size: 13px; }
  .modal_pin_header > div:last-child {
    text-align: right; }

.modal_buttons {
  display: flex;
  align-items: stretch;
  justify-content: flex-end; }
  .modal_buttons .button {
    min-width: 212px;
    margin-right: 10px; }
  .modal_buttons .button.cancel {
    min-width: 100px !important; }
  .modal_buttons .button.gray {
    min-width: 140px; }
  .modal_buttons.pin_buttons {
    justify-content: space-between; }
    .modal_buttons.pin_buttons .button {
      width: 48%; }
  .modal_buttons.details_buttons .button,
  .modal_buttons.details_buttons .button-o {
    min-width: 120px;
    height: 40px;
    margin-left: 10px;
    margin-right: 0; }
  .modal_buttons.details_buttons .hidden {
    display: none; }

tr.tr_warning td,
.tr_warning {
  animation: warningBg 4s infinite;
  background: #FFF7F7; }

@keyframes warningBg {
  0% {
    background: #FFF7F7; }
  50% {
    background: #ffe8e8; }
  100% {
    background: #FFF7F7; } }
.task_date_sort {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  color: #003949; }
  .task_date_sort.sorted-up .sort_down {
    color: #C6C7C7; }
  .task_date_sort.sorted-up .sort_up {
    color: #003949; }

.sort_up,
.sort_down {
  position: absolute;
  top: -1px;
  right: 0;
  width: 14px;
  height: 10px;
  font-size: 8px;
  color: #C6C7C7;
  text-align: center; }
  .sort_up svg, .sort_up svg *, .sort_up img,
  .sort_down svg,
  .sort_down svg *,
  .sort_down img {
    width: 10px; }
  .sort_up.current svg, .sort_up.current svg *, .sort_up.current img,
  .sort_down.current svg,
  .sort_down.current svg *,
  .sort_down.current img {
    fill: #323434; }

.sort_down {
  top: 50%;
  margin-top: 1px;
  color: #003949;
  transform: rotate(180deg); }

.intable_status {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  min-width: 80px;
  background: #f0f0f0;
  color: #323434;
  padding: 0 10px;
  font-size: 13px;
  border-radius: 4px;
  text-align: center;
  font-weight: 400; }
  .intable_status.yellow {
    background: #FFF4CC; }
  .intable_status.red {
    background: #FFD0D0; }
  .intable_status.green {
    background: #E7FBD7; }
  .intable_status.blue {
    background: #E1F6FF; }

.intable_button,
.intable_button-o,
.button-o {
  display: inline-block;
  height: 36px;
  line-height: 34px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  background: #fff;
  font-family: 'Metropolis', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #323434;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s ease; }
  .intable_button:hover,
  .intable_button-o:hover,
  .button-o:hover {
    background: #f6f6f6;
    color: #323434; }
  .intable_button.warning:before,
  .intable_button-o.warning:before,
  .button-o.warning:before {
    content: '\f071';
    font-family: 'Font Awesome 6 Free';
    color: #EB5757;
    margin-right: 4px; }
  .intable_button svg, .intable_button img,
  .intable_button-o svg,
  .intable_button-o img,
  .button-o svg,
  .button-o img {
    max-width: 16px;
    max-height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    transform: translateY(-1px); }
  .intable_button.text_blue,
  .intable_button-o.text_blue,
  .button-o.text_blue {
    color: #0088AE; }

.button-o.decline svg, .button-o.decline svg *, .button-o.decline img {
  fill: #EB5757; }
.button-o.approve svg, .button-o.approve svg *, .button-o.approve img {
  fill: #50C9B1; }

.button-o.close_comparasion {
  background: url("../img/i_cancel.svg") no-repeat 14px 50%;
  padding-left: 44px; }
  .button-o.close_comparasion:hover {
    background-color: #f39b9b;
    border-color: #f39b9b;
    color: #fff; }

.button_info {
  padding: 0;
  width: 40px; }
  .button_info svg, .button_info img {
    max-width: 20px;
    max-height: 20px; }

.button svg,
.button-o svg,
.button img,
.button-o img {
  display: inline-block;
  vertical-align: middle; }

.intable_button {
  min-width: 120px;
  border: none;
  line-height: 36px;
  background: #E1F6FF;
  color: #0088AE; }
  .intable_button:hover {
    background: #aee7ff; }

span.intable_button {
  background: #E6F3F7 !important;
  color: #0088AE !important; }
  span.intable_button.gray {
    background: #F7F7F7 !important;
    color: #838585 !important; }

div.intable_button-o {
  background: #F7F7F7 !important;
  color: #838585;
  border: 1px solid #E8E8E8; }

.w170px {
  width: 170px; }

.tr_warning .intable_button {
  background: #0088AE;
  color: #fff; }
  .tr_warning .intable_button:hover {
    background: #00607b;
    color: #fff; }

.symbols_counter {
  text-align: right;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 11px;
  padding-top: 2px; }
  .symbols_counter.limited {
    color: #EB5757; }

.flex-justify {
  justify-content: space-between; }
  .flex-justify .button {
    width: 48%; }

.modal_close {
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 32px;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  background: #F7F7F7 url("../img/i_close.svg") no-repeat center center;
  color: transparent;
  font-size: 0; }
  .modal_close:hover {
    background-color: #dedede; }

.counter_box {
  position: relative; }

.counter_ip {
  width: 100%;
  height: 52px;
  background: #fff;
  border: 1px solid #C6C7C7;
  border-radius: 4px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 15px; }
  .counter_ip:focus {
    border-color: #9fa1a1; }

.counter_ctrl {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 36px;
  text-align: center;
  background: #fff;
  border: none;
  border-radius: 4px;
  transition: none;
  color: #0088AE;
  font-size: 28px; }
  .counter_ctrl:active {
    background: #f6f6f6; }
  .counter_ctrl.minus {
    left: 1px; }
  .counter_ctrl.plus {
    right: 1px; }

.table {
  width: 100%;
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 40px;
  border-top: 1px solid #E8E8E8; }
  .table th, .table td {
    background: #fff;
    padding: 20px 10px;
    vertical-align: middle; }
    .table th.tasks_table-border_left, .table td.tasks_table-border_left {
      border-left: 1px solid #E8E8E8; }
  .table th {
    text-align: left;
    font-family: 'Metropolis',sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #838585;
    border-bottom: 1px solid #E8E8E8; }
    .table th a:not(.task_date_sort) {
      color: inherit; }
  .table.centered th, .table.centered td {
    text-align: center; }
  .table tr:hover td {
    background-color: #f6f6f6; }
  .table tr.row_inactive td {
    color: #979d9d; }
  .table.less-height td {
    padding-top: 10px;
    padding-bottom: 10px; }
  .table.no_border_top {
    border-top: none; }
  .table tr.tr_red td {
    background: #fdeded; }
  .table tr.highlight td {
    background: #effcff !important; }

tr.bg-gray td,
tr.bg-gray th {
  background: #f6f6f6; }

td.bg-gray,
th.bg-gray {
  background: #f6f6f6; }

tr.relative {
  position: relative; }

.intable_tr_link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; }

.topnav_logo {
  height: 46px; }

.body_section {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.leftmenu_sidebar {
  flex-shrink: 0;
  width: 256px;
  border-right: 1px solid #E9EAEB;
  padding: 0 8px;
  padding-bottom: 10px;
  transition: all 0.3s ease; }
  .leftmenu_sidebar hr {
    background: #E9EAEB;
    height: 1px;
    border: none;
    margin: 10px 0;
    margin-left: -8px;
    width: calc(100% + 16px); }

.main_container.menu_hidden .leftmenu_sidebar {
  transform: translateX(-256px); }
.main_container.menu_hidden .main_body {
  margin-left: -256px; }

.leftmenu {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px; }
  .leftmenu a[nohref] {
    cursor: not-allowed;
    background: none !important;
    color: #838585 !important; }
    .leftmenu a[nohref] svg, .leftmenu a[nohref] path, .leftmenu a[nohref] img {
      fill: #838585 !important; }
  .leftmenu > li {
    padding: 8px 0; }
  .leftmenu > li > a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #838585;
    border-radius: 4px; }
    .leftmenu > li > a svg, .leftmenu > li > a img {
      max-width: 20px;
      max-height: 20px;
      margin-right: 23px;
      margin-top: -5px; }
    .leftmenu > li > a:hover {
      color: #0088AE;
      background: #f6f6f6; }
      .leftmenu > li > a:hover svg, .leftmenu > li > a:hover svg *, .leftmenu > li > a:hover img {
        fill: #0088AE; }
  .leftmenu > li.current > a {
    background: #E6F3F7;
    color: #323434; }
    .leftmenu > li.current > a svg, .leftmenu > li.current > a svg *, .leftmenu > li.current > a img {
      fill: #0088AE; }
  .leftmenu > li.submenu_arrow > a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    background: url("../img/i_angle_right.svg") no-repeat center center;
    background-size: auto 10px;
    width: 20px;
    height: 20px;
    opacity: .5; }
  .leftmenu > li.opened > a {
    color: #323434; }
    .leftmenu > li.opened > a svg, .leftmenu > li.opened > a path, .leftmenu > li.opened > a img {
      fill: #323434; }
  .leftmenu > li.opened > .left_submenu {
    display: block; }
  .leftmenu > li.opened > a:after {
    opacity: 1;
    transform: rotate(90deg); }

.left_submenu {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .left_submenu > li > a {
    position: relative;
    display: block;
    border-radius: 4px;
    padding: 11px 10px 7px;
    padding-left: 64px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #838585; }
    .left_submenu > li > a:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 26px;
      margin-top: -4px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #C6C7C7; }
    .left_submenu > li > a:hover {
      background: #f7f7f7;
      color: #323434; }
      .left_submenu > li > a:hover:before {
        background: #323434; }
  .left_submenu > li.current > a {
    background: #F0F9FD;
    color: #323434; }
    .left_submenu > li.current > a:before {
      background: #0088AE; }
  .left_submenu > li:last-child > a {
    margin-bottom: 0; }

.os_version {
  display: block;
  padding: 6px 10px;
  text-align: center;
  font-size: 13px;
  background: #F7F7F7;
  border-radius: 4px; }

.main_container {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding-bottom: 150px; }

.main_body {
  width: 100%;
  padding: 15px 20px 20px 20px;
  border-top: 1px solid #E9EAEB;
  transition: all 0.3s ease; }
  .main_body.pad8 {
    padding: 8px; }
    .main_body.pad8 .main_header {
      width: calc(100% + 16px);
      margin-left: -8px;
      padding: 8px;
      padding-top: 0; }
    .main_body.pad8 .sheduling_func_bar {
      width: calc(100% + 16px);
      margin-left: -8px;
      padding: 8px;
      font-size: 13px; }

h1 {
  font-size: 21px;
  line-height: 110%;
  margin: 0; }
  h1 .intable_status {
    margin-left: 10px; }

.main_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  width: calc(100% + 40px);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  margin-left: -20px;
  margin-bottom: 15px; }
  .main_header.noborder {
    border-bottom: none;
    margin-bottom: 0; }

.main_header_filters_box {
  display: flex; }
  .main_header_filters_box > * {
    margin-left: 12px; }
  .main_header_filters_box .input_text {
    height: 40px; }
  .main_header_filters_box .button,
  .main_header_filters_box .button-o {
    height: 40px;
    line-height: 40px;
    white-space: nowrap; }
  .main_header_filters_box .i_search {
    width: 264px; }
  .main_header_filters_box .w100.flex.justify-between {
    margin-left: 0; }

.mobile_filters_box {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }
  .mobile_filters_box .input_text {
    height: 40px;
    margin-bottom: 20px; }

.priority_status {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: baseline; }
  .priority_status.red {
    background: #EB5757; }
  .priority_status.yellow {
    background: #FFD43C; }
  .priority_status.green {
    background: #50C9B1; }

.modal_pin_header {
  display: flex;
  justify-content: space-between;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .modal_pin_header h3 {
    font-family: 'Metropolis', sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 15px; }
  .modal_pin_header b {
    color: #838585;
    font-weight: 600;
    font-size: 13px; }
  .modal_pin_header > div:last-child {
    text-align: right; }

.modal_header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-family: 'Lato', sans-serif; }
  .modal_header.noborder {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 17px; }

.modal_title {
  font-size: 19px;
  line-height: 130%;
  margin: 0; }
  .modal_title svg, .modal_title path, .modal_title img {
    max-width: 23px;
    max-height: 16px;
    vertical-align: baseline;
    margin-right: 3px; }
  .modal_title.graybg {
    display: block;
    width: 100%;
    padding: 16px 12px;
    background: #f7f7f7; }

.priority_button {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  background-color: #f6f6f6;
  border-radius: 4px; }
  .priority_button:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: baseline; }
  .priority_button.red:before {
    background: #EB5757; }
  .priority_button.yellow:before {
    background: #FFD43C; }
  .priority_button.green:before {
    background: #50C9B1; }

.modal_scrollable {
  overflow-y: auto;
  padding-top: 5px;
  max-height: calc(100vh - 200px);
  margin-bottom: 20px; }
  .modal_scrollable::-webkit-scrollbar {
    width: 10px; }
  .modal_scrollable::-webkit-scrollbar-track {
    background: #f0f0f0; }
  .modal_scrollable::-webkit-scrollbar-thumb {
    background: #0088AE; }

.modal_resolve_columns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }

.modal_resolve_column {
  display: flex;
  justify-content: space-between;
  width: 48%; }
  .modal_resolve_column .i_search {
    background-position: right 15px top 50%;
    padding-left: 18px; }
  .modal_resolve_column textarea {
    resize: none; }
  .modal_resolve_column .datepicker {
    width: 100%;
    max-width: 200px;
    background: #fff url("../img/i_calendar.svg") no-repeat right 10px top 50%;
    background-size: 15px auto; }

.symbols_counter {
  text-align: right;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 11px;
  padding-top: 2px; }
  .symbols_counter.limited {
    color: #EB5757; }

.food_tracker-section.flex {
  display: flex;
  justify-content: space-between; }
  .food_tracker-section.flex .w30 {
    flex-shrink: 0;
    width: 340px !important;
    margin-right: 20px; }
  .food_tracker-section.flex .w68 {
    width: 100% !important; }

.food_tracker-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
  .food_tracker-header h2 {
    font-size: 17px;
    margin: 10px 0; }
  .food_tracker-header .input_text {
    height: 40px;
    padding-left: 16px; }
    .food_tracker-header .input_text.datepicker {
      width: 195px; }
  .food_tracker-header .button {
    margin-left: 12px; }

.input_text.datepicker {
  background: url(../img/i_calendar.svg) no-repeat right 11px top 50%;
  padding-right: 40px; }
  .input_text.datepicker.simple {
    padding: 0;
    padding-left: 10px;
    min-width: 120px;
    height: auto;
    cursor: pointer !important;
    transition: none;
    background-size: auto 16px; }

table.gray_table {
  width: 100%;
  margin-bottom: 15px;
  font-size: 13px;
  border-left: 1px solid #E9EAEB;
  border-right: 1px solid #E9EAEB; }
  table.gray_table th {
    background: #E8E8E8;
    font-weight: 600;
    padding: 12px;
    border-bottom: 1px solid #C6C7C7;
    vertical-align: middle; }
    table.gray_table th.th_dark {
      background: #E8E8E8; }
  table.gray_table thead th {
    text-align: center; }
  table.gray_table tbody th {
    text-align: left;
    border-right: 1px solid #E9EAEB;
    width: 170px; }
  table.gray_table .th_empty {
    background: #838585; }
  table.gray_table td {
    border-bottom: 1px solid #E9EAEB;
    text-align: center;
    padding: 22px 12px; }
    table.gray_table td.td_red {
      background: #FFF7F7 !important;
      color: #EB5757; }
    table.gray_table td.td_lightBlue {
      background: #E1F6FF !important; }
  table.gray_table.text-left th, table.gray_table.text-left td {
    text-align: left; }
  table.gray_table tr:hover td {
    background: #f6f6f6; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

table.table_comparison td {
  border: 1px solid #1D1F1F; }
table.table_comparison tbody th {
  border-right: 1px solid #1D1F1F; }
table.table_comparison thead th:not(.th_dark) {
  border: 1px solid #1D1F1F; }

table.table_comparison-wide {
  border: 1px solid #1D1F1F; }
  table.table_comparison-wide .border-left {
    border-left: 1px solid #1D1F1F; }
  table.table_comparison-wide td, table.table_comparison-wide th {
    border-bottom: 1px solid #1D1F1F; }

.switcher_box {
  display: inline-block;
  height: 48px;
  line-height: 36px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  background: #F7F7F7;
  border-radius: 4px; }
  .switcher_box label {
    margin-left: 20px; }

.comparasions_map {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 15px;
  padding-right: 15px; }
  .comparasions_map:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 18px;
    background: #C6C7C7;
    transform: translateY(-50%); }

.comparasion_item {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap; }
  .comparasion_item.white:before {
    background: #fff; }
  .comparasion_item.blue:before {
    background: #E1F6FF; }
  .comparasion_item:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-top: -4px;
    margin-right: 6px;
    border: 1px solid #C6C7C7; }

.comparasion_vs {
  font-size: 15px;
  font-weight: 600;
  margin: 0 30px; }

.sheduling_view_buttons {
  display: flex; }

.sheduling_button {
  width: 88px;
  height: 40px;
  margin-right: 8px;
  line-height: 38px;
  font-size: 13px;
  font-weight: 400;
  color: #838585; }
  .sheduling_button.current {
    background-color: #E1F6FF;
    border: 2px solid #0088AE;
    color: #323434; }

.sheduling_func_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #E1F6FF;
  margin-bottom: 8px; }
  .sheduling_func_bar .button,
  .sheduling_func_bar .button-o {
    white-space: nowrap;
    height: 40px;
    margin-right: 8px; }
    .sheduling_func_bar .button svg, .sheduling_func_bar .button img,
    .sheduling_func_bar .button-o svg,
    .sheduling_func_bar .button-o img {
      max-width: 13px;
      max-height: 13px;
      margin-right: 10px; }
  .sheduling_func_bar .button-o {
    line-height: 38px; }

.main_header + .sheduling_func_bar {
  margin-top: -15px; }

.sheduling_header {
  display: flex;
  align-items: stretch; }
  .sheduling_header .sheduling_header-th {
    border-top: 1px solid #C6C7C7; }

.sheduling_header-th,
.sheduling_row-th {
  position: relative;
  width: 20%;
  border-bottom: 1px solid #C6C7C7;
  border-right: 1px solid #C6C7C7;
  padding: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #464949; }

.sheduling_header-th.mark_red:after, .sheduling_header-th.mark_yellow:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%; }
.sheduling_header-th.mark_red:after {
  background: #EB5757; }
.sheduling_header-th.mark_yellow:before {
  background: #FFD43C; }
.sheduling_header-th.mark_red.mark_yellow:before {
  right: 18px; }

.sheduling_header-th.dark {
  background-color: #E8E8E8;
  font-size: 13px; }

.sheduling_header-th.dark,
.sheduling_row-th {
  flex-shrink: 0;
  width: 180px; }

.nok {
  display: inline-block;
  line-height: 18px;
  padding: 0 6px;
  padding-top: 2px;
  background-color: #fff;
  border: 1px solid #C6C7C7;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600; }

.sheduling_row {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 111px; }

.sheduling_row-th {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #F7F7F7; }

.sheduling_row-td {
  position: relative;
  width: 2.5%;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #C6C7C7; }
  .sheduling_row-td:nth-child(4n+5) {
    border-right: 1px solid #C6C7C7; }
  .sheduling_row-td.midnight {
    width: 0 !important;
    border: none; }
  .sheduling_row-td.week {
    width: 3.571%; }
  .sheduling_row-td.month {
    width: 14.285%;
    font-size: 11px;
    line-height: 22px; }

.sheduling_employee,
.sheduling_week_th {
  display: flex;
  align-items: center;
  font-family: 'Lato', sans-serif;
  line-height: 110%; }
  .sheduling_employee h5,
  .sheduling_week_th h5 {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #1D1F1F; }
  .sheduling_employee h5 + span,
  .sheduling_week_th h5 + span {
    display: block;
    font-size: 11px;
    font-weight: 400; }

.sheduling_week_th {
  padding: 10px; }

.sheduling_employee-photo {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  background-color: #f0f0f0; }
  .sheduling_employee-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.sheduling_row-total_hours {
  display: flex;
  justify-content: space-between;
  background-color: #B0DAE6;
  line-height: 24px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  padding: 0 8px;
  color: #003949; }

.task_item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding: 4px 16px;
  padding-top: 6px;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  line-height: 120%;
  background-color: #ccc;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease 0.5s; }
  .task_item:hover {
    z-index: 10; }
  .task_item.visible {
    visibility: visible;
    opacity: 1; }
  .task_item .task_clicker_overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .task_item strong {
    font-weight: 700; }
  .task_item.month-view {
    position: static;
    width: 100%;
    height: auto;
    line-height: 22px;
    font-size: 11px;
    visibility: visible;
    opacity: 1;
    padding: 0 6px; }
  .task_item:hover {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.task_employee {
  display: none;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px; }

.task_item-delete {
  display: none;
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("../img/i_task_delete.svg") no-repeat center center;
  opacity: 0.5;
  transition: none; }
  .task_item-delete:hover {
    opacity: 1; }
    .task_item-delete:hover:before, .task_item-delete:hover:after {
      display: inline-block; }
  .task_item-delete:before {
    display: none;
    content: attr(data-hint);
    position: absolute;
    bottom: 100%;
    left: 50%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    padding: 0 5px;
    transform: translateX(-50%);
    pointer-events: none; }
  .task_item-delete:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: -9px;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8); }

.delete_mode .task_item-delete {
  display: inline-block; }

.js_toggleDeleteMode.active {
  background: #EB5757;
  color: #fff; }
  .js_toggleDeleteMode.active svg, .js_toggleDeleteMode.active path, .js_toggleDeleteMode.active img {
    fill: #fff; }

.task_time {
  white-space: nowrap; }

.task_color-1 {
  background-color: #FFD6A7; }

.task_color-2 {
  background-color: #68EB9E; }

.task_color-3 {
  background-color: #FDABC8; }

.task_color-4 {
  background-color: #6ADBFF; }

.task_color-5 {
  background-color: #A7BAFF; }

.sheduling_scrollable {
  width: 100%;
  height: calc(4 * 22px);
  overflow-y: auto; }

.sheduling_calendar-day {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 22px; }
  .sheduling_calendar-day b {
    display: inline-block;
    width: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #00617C;
    font-weight: 400; }
  .sheduling_calendar-day.mark_red b {
    background: #EB5757; }
  .sheduling_calendar-day.mark_yellow b {
    background: #FFD43C;
    color: #323434; }
  .sheduling_calendar-day.mark_red_yellow b {
    background: linear-gradient(to bottom, #EB5757, #FFD43C); }

.sheduling_calendar-day + .sheduling_scrollable {
  margin-top: 22px; }

.alert_button {
  position: fixed;
  z-index: 10;
  bottom: 30px;
  right: 30px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 30px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 600;
  padding: 0 20px; }
  .alert_button svg, .alert_button img {
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px; }
  .alert_button svg, .alert_button svg *, .alert_button img {
    fill: #EB5757; }
  .alert_button:hover {
    background-color: #f6f6f6; }
  .alert_button.active {
    border-color: #000; }

.alert_box {
  position: fixed;
  z-index: 100;
  bottom: 80px;
  right: 30px;
  width: 375px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px); }
  .alert_box.visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  .alert_box h4 {
    text-align: center;
    margin: 0;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    border-bottom: 1px solid #C6C7C7; }
  .alert_box .scrollbar-inner {
    overflow-y: auto;
    max-height: 360px; }

.alert_close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px; }

.alerts_list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .alerts_list li {
    font-family: 'Lato', sans-serif;
    padding: 7px 20px;
    padding-left: 45px;
    font-size: 11px;
    border-radius: 4px; }
    .alerts_list li:hover {
      background: #f6f6f6; }
    .alerts_list li:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url(../img/i_warning.svg) no-repeat 0 0;
      background-size: 14px;
      width: 25px;
      height: 14px;
      margin-left: -25px; }

.create_wt_columns,
.choose_tpl_columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid #C6C7C7; }
  .create_wt_columns .ip_cell,
  .choose_tpl_columns .ip_cell {
    margin-bottom: 35px; }

.create_wt_left,
.choose_tpl_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  padding-right: 50px;
  border-right: 1px solid #C6C7C7; }
  .create_wt_left .ch + label,
  .choose_tpl_left .ch + label {
    font-size: 13px; }

.create_wt_right,
.choose_tpl_right {
  flex-shrink: 0;
  width: 320px;
  padding: 16px 28px;
  border-left: 1px solid #C6C7C7;
  margin-left: -1px; }
  .create_wt_right.wider,
  .choose_tpl_right.wider {
    width: 400px; }

.ip_label {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  color: #838585;
  font-weight: 600;
  margin-bottom: 13px; }

.date_range_box {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .date_range_box span {
    padding: 0 10px; }

.select_employee_msg {
  display: inline-block;
  padding: 25px 20px;
  text-align: center;
  border-radius: 4px;
  background: #E8E8E8;
  font-size: 15px; }

.select_employee_box {
  display: none; }

.select_employee_list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .select_employee_list li {
    padding: 5px 0; }
  .select_employee_list .ch + label {
    display: block;
    padding: 0 11px;
    padding-left: 40px;
    height: 44px;
    line-height: 44px; }
  .select_employee_list .ch + label:before {
    vertical-align: middle;
    margin-top: -2px; }
  .select_employee_list .ch + label:hover {
    background: #f8f8f8; }
  .select_employee_list .ch:checked + label {
    background: #E6F3F7; }

.datepicker table tr.week .td {
  border-radius: 0 !important; }
.datepicker table tr.week:hover {
  background: #eee; }

.datepicker table tr.week-active,
.datepicker table tr.week-active td,
.datepicker table tr.week-active td:hover,
.datepicker table tr.week-active.week td,
.datepicker table tr.week-active.week td:hover,
.datepicker table tr.week-active.week,
.datepicker table tr.week-active:hover {
  background-color: #E7FBD7 !important;
  color: #323434 !important;
  text-shadow: none !important;
  border-radius: 0; }

.ipc_skips {
  position: relative; }
  .ipc_skips span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    margin-top: 2px;
    font-weight: 600;
    font-size: 15px;
    color: #838585;
    pointer-events: none; }

.just_list {
  padding: 0;
  margin: 0;
  margin-left: 20px; }
  .just_list li {
    margin-bottom: 10px; }

.mark {
  position: absolute;
  top: 0;
  right: 5px; }
  .mark:before, .mark:after {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 2px; }
  .mark.red:after {
    content: '';
    background: #EB5757; }
  .mark.yellow:before {
    content: '';
    background: #FFD43C; }

.days_checboxes {
  display: flex;
  flex-wrap: wrap; }
  .days_checboxes .ip_cell {
    width: 30%;
    margin-bottom: 20px;
    margin-right: 3%;
    font-size: 15px;
    white-space: nowrap; }

.modal_edited_shifts {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px; }
  .modal_edited_shifts .ip_cell {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px; }

.modal_selected_days {
  width: 100%; }
  .modal_selected_days span {
    display: inline-block;
    background: #E8E8E8;
    border-radius: 4px;
    font-size: 13px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 8px;
    padding: 0 16px; }

.ctrl-button {
  position: relative;
  display: inline-block;
  border: 1px solid #C6C7C7;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  margin-left: 3px;
  text-align: center;
  line-height: 30px; }
  .ctrl-button[data-hint]:after {
    content: attr(data-hint);
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: #000;
    border-radius: 8px;
    font-size: 13px;
    line-height: 32px;
    padding: 0 12px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease; }
  .ctrl-button:hover {
    background: #C6C7C7; }
    .ctrl-button:hover svg, .ctrl-button:hover path, .ctrl-button:hover img {
      fill: #fff; }
    .ctrl-button:hover:after {
      opacity: 1;
      visibility: visible; }
  .ctrl-button svg, .ctrl-button path, .ctrl-button img {
    vertical-align: middle;
    max-width: 16px;
    max-height: 16px;
    fill: #C6C7C7; }
  .ctrl-button.approve svg, .ctrl-button.approve path, .ctrl-button.approve img {
    max-width: 18px; }
  .ctrl-button.save {
    background: #0088AE; }
    .ctrl-button.save svg, .ctrl-button.save path, .ctrl-button.save img {
      fill: #fff; }
  .ctrl-button.approve:hover, .ctrl-button.comment:hover, .ctrl-button.edit:hover {
    background: #F2FAFD;
    border-color: #8AC8DA; }
    .ctrl-button.approve:hover svg, .ctrl-button.approve:hover path, .ctrl-button.approve:hover img, .ctrl-button.comment:hover svg, .ctrl-button.comment:hover path, .ctrl-button.comment:hover img, .ctrl-button.edit:hover svg, .ctrl-button.edit:hover path, .ctrl-button.edit:hover img {
      fill: #0088AE; }
  .ctrl-button.comment.active {
    border-color: #000;
    background: #fff; }
    .ctrl-button.comment.active svg, .ctrl-button.comment.active svg *, .ctrl-button.comment.active img {
      fill: #000; }
  .ctrl-button.deny:hover {
    background: #f7f7f7;
    border-color: #838585; }
    .ctrl-button.deny:hover svg, .ctrl-button.deny:hover path, .ctrl-button.deny:hover img {
      fill: #838585; }
  .ctrl-button.delete:hover {
    background: #F7F7F7;
    border-color: #838585; }
    .ctrl-button.delete:hover svg, .ctrl-button.delete:hover path, .ctrl-button.delete:hover img {
      fill: #EB5757; }

button.ctrl-button {
  line-height: initial; }

.competency_table .save {
  display: none; }

.editMode .js_competency_field {
  display: block; }
.editMode .js_competency_field + span {
  display: none; }
.editMode .save {
  display: inline-block; }
.editMode .edit {
  display: none; }

.js_competency_field {
  display: none; }

.bluebar_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F2FAFD;
  padding: 6px 8px;
  padding-bottom: 1px; }
  .bluebar_box .input_text {
    width: auto;
    height: 36px;
    margin-bottom: 5px; }
  .bluebar_box .select2-container {
    min-width: initial;
    width: auto !important;
    margin-bottom: 5px; }
  .bluebar_box .select2-container .select2-selection--single,
  .bluebar_box .fakeSelect-selected {
    height: 36px; }

.graybar_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  background: #F7F7F7; }

.pager_box {
  font-size: 13px;
  line-height: 36px;
  white-space: nowrap; }

.pager_nav {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: no-repeat center center;
  background-size: 6px; }
  .pager_nav:hover {
    opacity: .5; }
  .pager_nav.disabled {
    opacity: .3;
    cursor: default; }
  .pager_nav.pn_left {
    background-image: url("../img/i_angle_left.svg"); }
  .pager_nav.pn_right {
    background-image: url("../img/i_angle_right.svg"); }

.tab {
  display: none; }
  .tab:first-child {
    display: block; }

.tabs_box {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex; }
  .tabs_box a {
    display: inline-block;
    height: 100%;
    line-height: 48px;
    padding: 0 30px;
    margin-right: 10px;
    font-size: 13px;
    color: #1D1F1F;
    border-bottom: 4px solid transparent; }
    .tabs_box a:hover {
      border-bottom-color: rgba(0, 136, 174, 0.2); }
  .tabs_box li.current a {
    border-bottom-color: #0088AE;
    color: #0088AE; }
  .tabs_box.tabs_normal a {
    font-weight: 500;
    line-height: 46px;
    color: #1D1F1F; }
  .tabs_box.tabs_normal li.current a {
    color: #323434; }

textarea.textarea_leave_comment {
  height: 220px;
  resize: none; }

textarea.textarea_mngr_comment {
  height: 120px;
  resize: none; }

.rd_switch {
  display: none; }
  .rd_switch + label.button-o {
    width: 157px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 400;
    margin-right: 5px;
    transition: none;
    cursor: pointer;
    margin-bottom: 8px; }
  .rd_switch:checked + label.button-o {
    border: 2px solid #0088AE;
    background: #E1F6FF;
    line-height: 38px; }

.shorted_comment {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1em;
  height: 1em;
  cursor: pointer; }
  .shorted_comment:hover {
    text-shadow: 0px 0px 0px #000; }

.full_comment {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  min-width: 220px;
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
  .full_comment .button {
    height: 30px;
    line-height: 30px; }

.edit_note_modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.note_modal_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5; }

.note_modal_content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 500px;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 10px;
  border-radius: 6px; }
  .note_modal_content .input_text {
    width: 100%;
    min-height: 160px;
    margin-bottom: 10px; }

.note_modal_buttons {
  display: flex;
  justify-content: flex-end; }
  .note_modal_buttons .button {
    margin-left: 10px; }

.employee_edit_block {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.employee_details_area h5 {
  width: 100%;
  margin: 0;
  margin-bottom: 40px;
  background: #F7F7F7;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  padding: 12px 16px;
  color: #323434; }
.employee_details_area h6.ip_label {
  width: 100%;
  margin: 0;
  margin-bottom: 27px; }

.employee_details_fields,
.employee_details_checkboxes {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  column-gap: 20px; }
  .employee_details_fields .ip_cell,
  .employee_details_checkboxes .ip_cell {
    margin-bottom: 30px; }
    .employee_details_fields .ip_cell.w30,
    .employee_details_checkboxes .ip_cell.w30 {
      width: calc(30% - 10px) !important; }
    .employee_details_fields .ip_cell.w33,
    .employee_details_checkboxes .ip_cell.w33 {
      width: calc(33% - 11px) !important; }
    .employee_details_fields .ip_cell.w49,
    .employee_details_checkboxes .ip_cell.w49 {
      width: calc(49% - 7px) !important; }
    .employee_details_fields .ip_cell.w50,
    .employee_details_checkboxes .ip_cell.w50 {
      width: calc(50% - 10px) !important; }
    .employee_details_fields .ip_cell.w70,
    .employee_details_checkboxes .ip_cell.w70 {
      width: calc(70% - 10px) !important; }

.employee_details_files {
  flex-shrink: 0;
  width: 385px;
  background: #E8E8E8;
  padding: 12px;
  margin-left: 24px; }

.iti {
  width: 100%;
  display: block; }

.iti__country {
  padding: 10px 18px; }

.iti__selected-flag {
  padding: 0 18px; }

.iti--separate-dial-code .iti__selected-flag {
  background: none;
  border-right: 1px solid #C6C7C7; }

.iti__arrow {
  border: none;
  width: 15px;
  height: 10px;
  background: url("../img/i_angle_down.svg") no-repeat; }

.employee_details-whitebox {
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 12px; }
  .employee_details-whitebox .ip_label {
    margin-bottom: 8px; }
  .employee_details-whitebox .button {
    font-weight: 600; }

.employee_details-photo {
  display: none;
  margin-bottom: 12px;
  border-radius: 4px;
  overflow: hidden;
  background: #f6f6f6; }

.employee_details-nophoto,
.employee_details-nofiles {
  margin-bottom: 12px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #C6C7C7;
  border-radius: 8px;
  padding: 16px; }

.photo_upload_buttons {
  display: flex;
  justify-content: space-between;
  column-gap: 12px; }
  .photo_upload_buttons .button,
  .photo_upload_buttons .button-o {
    height: 40px;
    line-height: 38px; }
  .photo_upload_buttons .button-o {
    flex-shrink: 0;
    display: none; }

.button.upload_photo {
  width: 100%; }
  .button.upload_photo b {
    display: none; }

.file_uploaded .employee_details-photo {
  display: block; }
.file_uploaded .employee_details-nophoto,
.file_uploaded .employee_details-nofiles {
  display: none; }
.file_uploaded .photo_upload_buttons .button-o {
  display: inline-block; }
.file_uploaded .button.upload_photo b {
  display: inline; }
.file_uploaded .button.upload_photo strong {
  display: none; }

.employee_details-files {
  display: block; }

.uploaded_file_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  padding: 0 13px;
  padding-left: 42px;
  margin-bottom: 12px;
  background: url("../img/i_file.svg") no-repeat 13px 50%;
  font-size: 13px;
  font-weight: 500; }

.uploaded_file_remove {
  display: inline-block;
  padding: 8px;
  padding-bottom: 0; }
  .uploaded_file_remove:hover {
    opacity: .5; }

.table.temperature_table th:first-child {
  width: 180px; }
.table.temperature_table th, .table.temperature_table td {
  border: 1px solid #C6C7C7;
  vertical-align: top;
  font-size: 13px; }
.table.temperature_table th {
  color: #464949;
  font-size: 11px;
  font-weight: 600; }
.table.temperature_table td {
  width: 14.28%; }
.table.temperature_table th.today_highlight,
.table.temperature_table td.today_highlight {
  background: #E6F3F7 !important; }

.food_ctrl_th {
  position: relative;
  font-weight: 400;
  font-size: 11px;
  width: 160px; }
  .food_ctrl_th b {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .food_ctrl_th:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  .food_ctrl_th.green:before {
    background: #50C9B1; }
  .food_ctrl_th.red:before {
    background: #EB5757; }
  .food_ctrl_th.faded {
    opacity: .5; }

.food_ctrl_th-manual_temp {
  display: inline-block;
  background: #fff;
  border: 1px solid #C6C7C7;
  padding: 8px;
  font-size: 13px;
  margin-top: 10px; }
  .food_ctrl_th-manual_temp span {
    font-size: 11px; }

.food_ctrl_progressbar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #C6C7C7;
  margin-top: 12px;
  overflow: hidden; }
  .food_ctrl_progressbar span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0088AE; }

.food_ctrl_td p:first-child {
  margin-top: 0; }
.food_ctrl_td .tgreen {
  font-weight: 700; }

.food_ctrl_alert {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 5px;
  margin-right: 1px;
  margin-bottom: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 14px;
  background: #EB5757;
  color: #fff;
  font-weight: 700; }
  .food_ctrl_alert svg, .food_ctrl_alert path, .food_ctrl_alert img {
    fill: #fff;
    max-width: 100%;
    max-height: 100%; }
  .food_ctrl_alert.more {
    background: #E8E8E8;
    color: #323434; }

.food_ctrl_add {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #0088AE;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 21px; }
  .food_ctrl_add:hover {
    color: #fff;
    background: #00a4d2; }

.note {
  font-size: 13px;
  font-weight: 600;
  color: #323434; }

.ip_cell_notes {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 30px; }
  .ip_cell_notes .ip_cell {
    flex-shrink: 0;
    width: 256px;
    margin-right: 40px;
    margin-bottom: 0; }
  .ip_cell_notes .note {
    width: 100%;
    background: #f7f7f7;
    padding: 16px;
    font-size: 13px;
    font-weight: 400; }

.food_temp-responsible_emp {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd; }
  .food_temp-responsible_emp .flex {
    width: 100%;
    align-items: center; }
    .food_temp-responsible_emp .flex .ip_cell {
      margin-right: 20px; }

.remove_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #f7f7f7;
  text-align: center;
  border-radius: 4px; }
  .remove_button svg, .remove_button path, .remove_button img {
    max-width: 12px;
    max-height: 16px;
    fill: #323434; }
  .remove_button:hover {
    background: #EB5757; }
    .remove_button:hover svg, .remove_button:hover path, .remove_button:hover img {
      fill: #fff; }

.food_temp-responsible_checkboxes {
  display: flex;
  flex-wrap: wrap; }
  .food_temp-responsible_checkboxes > div {
    margin-right: 35px; }

.food_control_switchbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f7f7;
  border-radius: 8px;
  padding: 10px;
  padding-left: 15px;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 14px; }

.food_control_switchbox-checkboxes {
  display: flex;
  flex-wrap: wrap; }
  .food_control_switchbox-checkboxes .ip_cell {
    margin-bottom: 28px; }

.food_control_switchbox-timebox .flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
.food_control_switchbox-timebox .to {
  margin: 0 16px; }

.table_controls_box {
  white-space: nowrap;
  text-align: center; }

.topnav_sec_mobile {
  display: none;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 8px 20px; }
  .topnav_sec_mobile svg, .topnav_sec_mobile path, .topnav_sec_mobile img {
    max-width: 18px;
    max-height: 18px; }
  .topnav_sec_mobile.hidden {
    opacity: 0; }

.mobile_usermenu_toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F1F3F6; }

.mobile_leftmenu_header {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.mobile_profile_sidebar {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 312px;
  height: 100vh;
  padding: 16px;
  background: #fff; }
  .mobile_profile_sidebar.visible {
    display: block; }
  .mobile_profile_sidebar .topnav_user_active {
    margin-left: -16px;
    width: calc(100% + 32px);
    height: auto;
    padding-bottom: 13px;
    margin-bottom: 28px;
    border-bottom: 1px solid #C6C7C7;
    background: url("../img/i_angle_right.svg") no-repeat right 18px top calc(50% - 8px); }
  .mobile_profile_sidebar .topnav_user_active strong {
    font-size: 15px; }

.mobile_profile_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 50%;
  background: #f7f7f7; }
  .mobile_profile_icon svg, .mobile_profile_icon path, .mobile_profile_icon img {
    max-width: 16px;
    max-height: 16px; }

.mobile_profile_langs {
  margin-bottom: 50px; }

.mobile_profile_langs h4 {
  font-size: 15px;
  font-weight: 600;
  color: #838585;
  margin-top: 0;
  margin-bottom: 20px; }

.mobile_lang {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: #323434;
  border-radius: 4px; }
  .mobile_lang img {
    margin-right: 12px;
    width: 24px;
    height: 24px; }
  .mobile_lang.current {
    background: #E6F3F7; }

.button.mobile_logout {
  width: 100%;
  font-weight: 600; }

.mobileOnly {
  display: none; }

.mobile_sorter_box {
  position: relative; }
  .mobile_sorter_box label {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #838585;
    font-weight: 600;
    pointer-events: none; }
  .mobile_sorter_box .input_text, .mobile_sorter_box .select {
    font-weight: 600; }

.mobile_floating_buttons {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 80;
  bottom: 0;
  left: 0;
  right: 0; }

.mobile_sheduling_row {
  display: none;
  justify-content: space-between; }

.ms_date_box {
  flex-shrink: 0;
  width: 44px;
  margin-right: 16px;
  text-align: center; }
  .ms_date_box strong {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 14px; }

.ms_date_day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-weight: 700;
  font-size: 21px;
  border-radius: 8px;
  margin-bottom: 5px;
  background: #E1F6FF;
  color: #004B60; }
  .ms_date_day.today {
    background: #0088AE;
    color: #fff; }

.ms_date_marks .mark_red,
.ms_date_marks .mark_yellow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }
.ms_date_marks .mark_red {
  background: #EB5757; }
.ms_date_marks .mark_yellow {
  background: #FFD43C; }

.mobile_sheduling_maincol {
  width: 100%; }

.ms_dayweek_title {
  margin: 0;
  margin-bottom: 8px;
  padding: 0 10px;
  line-height: 36px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  background: #f1f3f6; }

.mobile_sheduling_tasks {
  margin-bottom: 25px; }
  .mobile_sheduling_tasks .task_item {
    position: relative;
    width: 100% !important;
    height: auto;
    margin-bottom: 8px;
    border-radius: 8px;
    padding: 10px;
    font-size: 15px;
    opacity: 1;
    visibility: visible; }
  .mobile_sheduling_tasks .task_item strong {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    font-weight: 400; }
  .mobile_sheduling_tasks .task_time {
    font-size: 13px; }

.no_tasks {
  background: #fbfbfb;
  padding: 10px;
  border-radius: 8px;
  color: #adadad;
  font-weight: 500;
  font-size: 13px; }

.shedule_options {
  display: none;
  position: absolute;
  z-index: 20;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 20px;
  pointer-events: auto; }
  .shedule_options .fakeSelect-dropdown {
    display: block;
    position: static; }
    .shedule_options .fakeSelect-dropdown a {
      font-weight: 600; }

.ms_hour_row {
  display: flex;
  height: 72px;
  border: 1px solid #C6C7C7;
  margin-bottom: -1px; }
  .ms_hour_row .mobile_sheduling_tasks {
    position: relative;
    width: 100%;
    margin-bottom: 0; }
  .ms_hour_row .task_item {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    margin-bottom: 0;
    width: auto !important;
    height: 60px; }

.ms_hour {
  flex-shrink: 0;
  width: 58px;
  background: #f6f6f6;
  border-right: 1px solid #C6C7C7;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #9d9d9d; }

.mobile_sheduling-weeks_buttons {
  display: none;
  justify-content: center;
  margin-bottom: 70px; }
  .mobile_sheduling-weeks_buttons .button {
    width: 48%;
    max-width: 200px;
    margin: 5px; }

.tasks_cats_box {
  width: 100%;
  max-width: 620px;
  border: 1px solid #E8E8E8;
  padding: 18px;
  padding-top: 1px;
  margin: 0 auto; }

.task_cats_table {
  margin-bottom: 0; }
  .task_cats_table th:not(:first-child),
  .task_cats_table td:not(:first-child) {
    text-align: center; }
  .task_cats_table .input_text {
    width: 278px;
    height: 44px; }
  .task_cats_table .button[disabled] {
    background: #dadde1;
    color: #000; }
  .task_cats_table tr:last-child td {
    border-bottom: none; }

/* FRONT COM */
.container {
  width: 100%;
  max-width: 1200px; }

.topnav_menu {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .topnav_menu > li > a, .topnav_menu > li > .tm_user {
    display: inline-block;
    line-height: 40px;
    padding: 0 12px;
    margin: 0 4px;
    color: #838585;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 2px solid transparent; }
    .topnav_menu > li > a:hover, .topnav_menu > li > .tm_user:hover {
      color: #1D1F1F; }
  .topnav_menu .current a {
    color: #1D1F1F;
    border-bottom: 2px solid #33A0BE; }

.tm_user {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #E8E8E8;
  margin-left: 20px;
  cursor: pointer; }

.max_w60 {
  width: 100%;
  max-width: 768px; }

.h3_section_title {
  width: 100%;
  background: #F7F7F7;
  padding: 13px 16px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
  border-radius: 2px; }
  .h3_section_title.darkBlue {
    background: #004B60;
    color: #fff; }

.fields_section {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }
  .fields_section .ip_cell {
    margin-bottom: 47px;
    margin-right: 20px; }

.js_ip_showPass {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer; }
  .js_ip_showPass .svg, .js_ip_showPass .svg path, .js_ip_showPass img {
    max-width: 22px; }
  .js_ip_showPass img:first-child,
  .js_ip_showPass svg:first-child {
    display: inline; }
  .js_ip_showPass img:last-child,
  .js_ip_showPass svg:last-child {
    display: none; }
  .js_ip_showPass:hover svg, .js_ip_showPass:hover svg path, .js_ip_showPass:hover img {
    fill: #323434; }
  .js_ip_showPass.active img:first-child,
  .js_ip_showPass.active svg:first-child {
    display: none; }
  .js_ip_showPass.active img:last-child,
  .js_ip_showPass.active svg:last-child {
    display: inline; }

.tabs_blue_box,
.faketabs_blue_box {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  background: #004B60;
  display: flex; }
  .tabs_blue_box a,
  .faketabs_blue_box a {
    display: inline-block;
    color: #8da4ab;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    border-bottom: 4px solid transparent;
    font-weight: 600;
    font-size: 13px; }
    .tabs_blue_box a:hover,
    .faketabs_blue_box a:hover {
      color: #fff; }
  .tabs_blue_box li.current a,
  .faketabs_blue_box li.current a {
    color: #fff;
    border-bottom-color: #0088AE; }

.user_details_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  .user_details_box .ip_cell {
    max-width: 320px; }
  .user_details_box > .flex {
    max-width: 730px; }
  .user_details_box .input_text.i_search {
    height: 40px;
    margin-top: 7px; }

.detail_gray_item {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: #F7F7F7;
  margin-right: 20px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  padding: 12px 16px;
  margin-bottom: 10px;
  color: #838585; }
  .detail_gray_item span {
    color: #323434;
    margin-left: 15px;
    font-weight: 400;
    font-size: 15px; }

.table_result_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .table_result_flex .input_text {
    width: 100%;
    max-width: 320px;
    height: 40px; }
  .table_result_flex h3 {
    margin: 10px; }

.login_bg {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../img/bg_login.jpeg") no-repeat 50% 50%;
  background-size: cover; }
  .login_bg:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #00232D;
    opacity: .5; }

.login_box {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 428px;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  box-shadow: 0px 6px 22px 0px #00000029; }
  .login_box .ip_cell {
    margin-bottom: 45px; }
  .login_box .button_login {
    width: 100%;
    height: 48px;
    font-size: 16px;
    margin-bottom: 25px; }

.login_logo_box {
  max-width: 262px;
  margin: 20px auto;
  margin-bottom: 30px; }

.login_forgot {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 8%; }

.new_order_fields_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .new_order_fields_box textarea.input_text {
    width: 100%;
    min-height: 160px; }
  .new_order_fields_box .ip_cell {
    margin-bottom: 20px;
    margin-right: 20px; }
    .new_order_fields_box .ip_cell:last-child {
      margin-right: 0; }

.button.edit_customer_details {
  font-size: 12px;
  font-weight: 700; }

.added_customer_details_box {
  position: relative;
  border: 1px solid #C6C7C7;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px; }
  .added_customer_details_box p:first-of-type {
    margin-top: 0; }
  .added_customer_details_box .button.white {
    border: 1px solid #ccc; }
    .added_customer_details_box .button.white:hover {
      background: #bfe0eb;
      border-color: #E6F3F7;
      color: #0088AE; }
  .added_customer_details_box.empty {
    background: #f7f7f7;
    border-color: #E8E8E8;
    font-size: 13px;
    color: #838585;
    padding-top: 40px;
    padding-bottom: 40px; }
    .added_customer_details_box.empty h4 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 15px;
      font-weight: 600;
      color: #323434; }

.customer_details_remove {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 13px;
  height: 13px; }
  .customer_details_remove:hover svg, .customer_details_remove:hover svg *, .customer_details_remove:hover img {
    fill: #EB5757; }

.accordion_box {
  width: 100%; }

.accordion_item {
  padding-bottom: 20px; }
  .accordion_item .h3_section_title {
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    background: #0088AE;
    transition: all 0.2s ease; }
    .accordion_item .h3_section_title:after {
      content: '+';
      float: right;
      font-size: 24px; }
  .accordion_item.active .h3_section_title {
    background: #004B60; }
    .accordion_item.active .h3_section_title:after {
      content: '—';
      font-size: 18px; }

.ac_content {
  display: none;
  padding: 20px;
  padding-bottom: 0; }

.portfolio_fields_row {
  display: flex;
  flex-wrap: wrap; }
  .portfolio_fields_row .ip_cell {
    margin-right: 20px;
    margin-bottom: 20px; }

.order_table {
  width: 100%;
  margin-bottom: 12px; }
  .order_table + .button-o {
    margin-left: 12px; }
  .order_table th {
    background: #f7f7f7;
    border-bottom: 1px solid #C6C7C7;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #464949;
    padding: 12px;
    white-space: nowrap; }
  .order_table td {
    padding: 12px;
    vertical-align: middle; }
  .order_table tr:hover td {
    background-color: #f6f6f6; }
  .order_table .text-short {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .order_table .ip_cell {
    margin-bottom: 0;
    margin-right: 0; }

.js_tpl {
  display: none; }

.js_removeTableRow {
  display: inline-block;
  width: 16px; }

.xpads20 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px; }

.button_plus {
  font-size: 26px;
  width: 40px;
  color: #ccc;
  padding: 0;
  text-align: center;
  font-weight: 200; }

.modal_fields {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .modal_fields .ip_cell {
    margin-right: 2%;
    margin-bottom: 20px; }

.hidden_comment {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 16px;
  top: 50px;
  z-index: 10;
  width: 356px;
  background: #e7e7e7;
  border-radius: 8px;
  padding: 15px;
  font-size: 13px;
  box-shadow: 0px 2px 4px 0px #473A2E1F;
  transform: translateY(10px);
  transition: all 0.3s ease; }
  .hidden_comment.visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.report_shorts_box {
  display: flex;
  align-items: stretch;
  width: 100%;
  column-gap: 20px; }

.report_short_item {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 16px; }
  .report_short_item .svg, .report_short_item img {
    width: 52px;
    margin-right: 16px;
    filter: none; }
  .report_short_item label {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 500;
    color: #838585; }
  .report_short_item b {
    display: block;
    font-weight: 600;
    font-size: 18px; }

.report_goal_box {
  display: flex;
  align-items: stretch;
  width: 100%;
  column-gap: 20px; }

.report_area {
  margin-bottom: 20px; }

.bordered {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  padding: 16px; }

.report_goal_progress {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px; }
  .report_goal_progress label {
    font-size: 13px;
    font-weight: 600;
    line-height: 120%; }

.progress_bar_box {
  position: relative;
  width: 100%;
  height: 16px;
  background: #E0E0E0;
  overflow: hidden; }
  .progress_bar_box span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #5EE094; }

.report_goal_percent {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: 20px;
  padding: 30px 16px 28px; }
  .report_goal_percent strong {
    font-size: 33px;
    margin-right: 12px; }

.ipc_error_msg {
  display: none;
  position: absolute;
  top: calc(100% - 15px);
  left: 20px;
  color: #EB5757;
  font-size: 11px; }

.ipc_error {
  position: relative;
  padding-bottom: 15px; }
  .ipc_error .input_text {
    border-color: #EB5757; }
  .ipc_error label {
    color: #EB5757 !important; }
  .ipc_error .ipc_error_msg {
    display: block; }

.popup_msg {
  position: fixed;
  z-index: 1000;
  top: 20px;
  right: 20px;
  min-width: 200px;
  background: #fff;
  border-radius: 10px;
  padding: 15px 20px;
  padding-right: 60px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .popup_msg.green {
    background: #5EE094; }
  .popup_msg.red {
    background: #EB5757;
    color: #fff; }

.popup_close {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 5px;
  margin-top: -13px;
  transition: none; }
  .popup_close svg, .popup_close svg *, .popup_close img {
    max-width: 16px;
    max-height: 16px;
    fill: #000; }
  .popup_close:hover {
    opacity: .3; }

.select_mobile {
  display: none; }

.publish-status {
  display: flex;
  align-items: center;
  gap: 8px; }

.publish-status .bubble {
  display: flex;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  align-items: center; }

.publish-status .bubble.active {
  background: #73DA8B; }

.publish-status .bubble.inactive {
  background: #FDABC8; }

.search_prod_box {
  position: relative; }

.products_result {
  position: absolute;
  z-index: 100;
  top: 60px;
  left: 0;
  width: 250px;
  max-height: 172px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #C6C7C7;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease; }
  .products_result::-webkit-scrollbar {
    width: 5px; }
  .products_result::-webkit-scrollbar-track {
    background: #f0f0f0; }
  .products_result::-webkit-scrollbar-thumb {
    background: #0088AE; }
  .products_result a {
    display: block;
    padding: 10px 15px;
    color: #323434;
    border-bottom: 1px solid #C6C7C7;
    font-size: 12px; }
    .products_result a:hover {
      background: #f7f7f7;
      color: #0088AE; }
  .products_result.visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }

.country-select {
  display: flex;
  align-items: center; }
  .country-select img {
    height: 20px;
    margin-right: 10px; }

.ip_phone .select2-container .select2-selection--single,
.ip_phone .fakeSelect-selected {
  width: 135px;
  height: 52px; }
.ip_phone .select2-container {
  min-width: 135px;
  max-width: 135px; }

.select2-container--open .select2-dropdown--below, .fakeSelect-dropdown {
  min-width: 250px !important; }

.dt-orderable-asc,
.dt-orderable-desc {
  cursor: pointer; }
  .dt-orderable-asc:hover,
  .dt-orderable-desc:hover {
    color: #000; }
  .dt-orderable-asc.dt-ordering-asc .dt-column-title, .dt-orderable-asc.dt-ordering-desc .dt-column-title,
  .dt-orderable-desc.dt-ordering-asc .dt-column-title,
  .dt-orderable-desc.dt-ordering-desc .dt-column-title {
    color: #000; }
  .dt-orderable-asc.dt-ordering-asc .dt-column-order, .dt-orderable-asc.dt-ordering-desc .dt-column-order,
  .dt-orderable-desc.dt-ordering-asc .dt-column-order,
  .dt-orderable-desc.dt-ordering-desc .dt-column-order {
    opacity: 1; }

.dt-column-order {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  width: 15px;
  height: 10px;
  opacity: 0.3; }
  .dt-column-order:before, .dt-column-order:after {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    width: 6px;
    height: 7px;
    font-size: 8px;
    color: #C6C7C7;
    text-align: center;
    opacity: .5; }
  .dt-column-order:before {
    background: url("../img/i_angle_down.svg") no-repeat center center;
    transform: rotate(180deg); }
  .dt-column-order:after {
    top: 50%;
    margin-top: 1px;
    color: #003949;
    background: url("../img/i_angle_down.svg") no-repeat center center; }

.dt-ordering-asc .dt-column-order:before {
  opacity: 1; }

.dt-ordering-desc .dt-column-order:after {
  opacity: 1; }

th.noSort {
  cursor: default; }
  th.noSort .dt-column-order {
    display: none; }

.dt-layout-row {
  display: flex;
  justify-content: space-between; }

.dt-paging {
  margin-bottom: 40px; }
  .dt-paging button {
    border: none;
    background: #f6f6f6;
    border-radius: 4px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-left: 3px;
    font-size: 16px;
    color: #323434; }
    .dt-paging button.current {
      background: #E1F6FF;
      color: #0088AE; }
    .dt-paging button.first, .dt-paging button.last {
      display: none; }

.dt-layout-full {
  width: 100%; }

.dt-search {
  display: none; }

.pie_chart_box {
  display: flex; }
  .pie_chart_box .custom-legend {
    order: 1;
    width: 100%;
    max-width: 660px;
    padding-top: 30px; }
  .pie_chart_box canvas {
    flex-shrink: 0;
    order: 2;
    width: 350px !important; }

.custom-legend div {
  display: inline-block;
  font-size: 15px;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 25px; }
.custom-legend span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px; }

.table-condensed td span, .table-condensed th span {
  vertical-align: middle; }

.daterangepicker {
  font-family: 'Metropolis', sans-serif; }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  height: 30px; }

.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%; }

.daterangepicker .drp-buttons .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: initial;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 5px; }

.drp-selected {
  display: none !important; }

.daterangepicker .drp-buttons .btn {
  height: 30px; }

.daterangepicker .drp-buttons .btn.cancelBtn {
  background-color: #888; }
  .daterangepicker .drp-buttons .btn.cancelBtn:hover {
    background-color: #6f6f6f; }

.mobile_filters_open {
  display: none;
  align-items: center;
  text-align: center;
  padding: 7px 20px;
  background: #0088AE;
  color: #fff;
  font-weight: 500;
  white-space: nowrap; }
  .mobile_filters_open svg, .mobile_filters_open svg *, .mobile_filters_open img {
    fill: #fff;
    max-width: 20px;
    margin-right: 10px; }
  .mobile_filters_open:hover {
    color: #fff; }

.mobile_search {
  display: none; }

.bluebar_box + .comissions_bar {
  margin-top: 15px; }

.comissions_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f6fd;
  padding: 6px 8px;
  padding-bottom: 0;
  margin-bottom: 15px; }
  .comissions_bar > div {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%; }
  .comissions_bar .ip_cell {
    width: auto;
    margin-bottom: 6px; }
    .comissions_bar .ip_cell label {
      display: block;
      font-size: 11px;
      font-weight: 500;
      color: #63666c; }
    .comissions_bar .ip_cell span {
      font-weight: 500; }
    .comissions_bar .ip_cell b {
      color: #63666c;
      font-weight: 600; }
    .comissions_bar .ip_cell i {
      font-style: normal; }
  .comissions_bar .ip_cell:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #dce1e9; }

th.th_table_confirm .ch + label {
  float: right;
  padding-left: 0;
  padding-right: 39px;
  pointer-events: initial; }
th.th_table_confirm .ch + label:before {
  float: right;
  margin-top: -2px;
  margin-right: -29px; }

td.td_check {
  text-align: right; }

th.no_sort {
  pointer-events: none; }
  th.no_sort .dt-column-order {
    display: none; }

.w250px {
  width: 250px; }

.cutSymbols {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none; }

.months_select {
  max-height: 250px; }

.sort_year {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 6px; }

.sort_months_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px; }
  .sort_months_list li {
    width: 23%;
    margin-right: 1%;
    margin-bottom: 5px; }
    .sort_months_list li .ch + label {
      padding-left: 0;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 6px; }
      .sort_months_list li .ch + label:hover {
        background: #f6f6f6; }
    .sort_months_list li .ch + label:before {
      display: none; }
    .sort_months_list li .ch:checked + label {
      background: #0088AE;
      color: #fff; }

.fakeSelect-buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 7px; }
  .fakeSelect-buttons .button {
    width: 48%; }

@media (max-width: 700px) {
  .no_mobile700 {
    display: none; }

  .bluebar_box {
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center; }

  .bluebar_box.opened .mobile_filters_open svg,
  .bluebar_box.opened .mobile_filters_open img {
    transform: rotateX(180deg); }
  .bluebar_box.opened .bluebar_filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .bluebar_box.opened .mobile_search {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 5px; }

  .bluebar_filters {
    display: none; }

  .mobile_filters_open {
    display: flex; }

  .bluebar_filters {
    width: 100%;
    padding-top: 5px; } }
@media (max-width: 800px) {
  .table thead,
  .order_table thead {
    display: none; }

  .table tbody tr,
  .order_table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #C6C7C7;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px 0; }

  .table tbody tr.bg-gray,
  .order_table tbody tr.bg-gray {
    background: #f6f6f6;
    overflow: hidden; }
    .table tbody tr.bg-gray td,
    .order_table tbody tr.bg-gray td {
      background: none; }

  .table tbody tr td,
  .order_table tbody tr td {
    display: flex;
    align-items: stretch;
    width: 100%;
    padding: 5px 18px;
    border-bottom: 1px solid #ccc; }

  .table tbody tr td:last-child,
  .order_table tbody tr td:last-child {
    border-bottom: none; }

  .table tbody tr:hover td,
  .order_table tbody tr:hover td {
    background: inherit; }

  .table tbody tr td:nth-child(even),
  .order_table tbody tr td:nth-child(even) {
    background: #fbfbfb; }

  .table tbody tr td[data-th]:before,
  .order_table tbody tr td[data-th]:before {
    flex-shrink: 0;
    content: attr(data-th);
    font-weight: 700;
    width: 150px;
    text-align: left; }

  .table tbody tr td.text-center,
  .order_table tbody tr td.text-center {
    text-align: left !important; }

  .table colgroup,
  .order_table colgroup {
    display: none; } }
@media (max-width: 430px) {
  .comissions_bar {
    padding-top: 16px; }

  .comissions_bar .ip_cell {
    width: 100%;
    margin-bottom: 17px; } }

/*# sourceMappingURL=style.css.map */